.process-progress{--rail-ink: var(--dark);--rail-active: var(--dark);position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:flex-start;width:34px;pointer-events:none}.process-progress--dark{--rail-ink: var(--dark-foreground);--rail-active: var(--acid)}.process-progress__tick{display:flex;align-items:center;justify-content:flex-start;height:10px;width:100%}.process-progress__tick:before{content:"";height:2px;width:8px;background:hsl(var(--rail-ink) / .24);transition:width .18s ease,background-color .18s ease}.process-progress__tick--chapter:before{width:20px;background:hsl(var(--rail-ink) / .6)}.process-progress__tick--passed:before{background:hsl(var(--rail-active) / .55)}.process-progress__tick--active:before{width:32px;background:hsl(var(--rail-active))}@media (max-width: 767px){.process-progress{left:6px;width:18px}.process-progress__tick{height:8px}.process-progress__tick:before{width:5px}.process-progress__tick--chapter:before{width:12px}.process-progress__tick--active:before{width:18px}}@media (prefers-reduced-motion: reduce){.process-progress__tick:before{transition:none}}