.scroll-progress-timeline{display:flex;flex-direction:column;position:relative;width:100%}.scroll-progress-timeline:before{background:linear-gradient(to bottom,var(--color-text-link) var(--scroll-progress, 0%),var(--color-border-page-container) var(--scroll-progress, 0%));bottom:0;content:"";left:var(--space-5);position:absolute;top:0;width:2px}.scroll-progress-timeline:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary-500) 80%,transparent),transparent);border-radius:var(--radius-full);content:"";height:var(--scroll-progress, 0%);left:var(--space-5);opacity:.56;position:absolute;top:0;transform:translate(-1px);width:4px}.scroll-progress-step{display:grid;gap:var(--space-3);grid-template-columns:var(--space-8) minmax(0,1fr);width:100%}.scroll-progress-step__rail{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.scroll-progress-step__marker{align-items:center;background-color:var(--color-neutral-700);border-radius:var(--radius-full);color:var(--color-text-page-container);display:inline-flex;flex:0 0 var(--space-8);font-size:var(--body-medium-size);font-weight:var(--weight-regular);height:var(--space-8);justify-content:center;line-height:var(--body-medium-line-height);position:relative;transition:background-color var(--motion-duration-standard) var(--motion-ease-standard),color var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard);width:var(--space-8);z-index:1}.scroll-progress-step__marker:after{border:1px solid var(--color-primary-500);border-radius:var(--radius-full);content:"";top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;position:absolute;transform:scale(.82);transition:opacity var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard)}.scroll-progress-step.is-progress-active .scroll-progress-step__marker{background-color:var(--color-background-accent);color:var(--color-utility-black);transform:scale(1.04)}.scroll-progress-step.is-progress-active .scroll-progress-step__marker:after{animation:scroll-progress-marker-pulse var(--motion-duration-ambient) var(--motion-ease-standard) infinite;opacity:1;transform:scale(1)}.scroll-progress-step__content{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;padding-bottom:var(--space-10);transition:opacity var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard)}.scroll-progress-step:not(.is-progress-active) .scroll-progress-step__content{opacity:.76;transform:translateY(var(--space-1))}.scroll-progress-step.is-last .scroll-progress-step__content{padding-bottom:0}.scroll-progress-step__copy{display:grid;gap:var(--space-2);width:100%}.scroll-progress-step__title{color:var(--color-text-page-container);font-size:var(--h5-size);font-weight:var(--weight-semibold);letter-spacing:var(--h5-letter-spacing);line-height:var(--h5-line-height);margin:0}.scroll-progress-step__description{color:var(--color-text-page-container-secondary);font-size:var(--body-small-size);font-weight:var(--weight-regular);letter-spacing:var(--body-small-letter-spacing);line-height:var(--body-small-line-height);margin:0}@media screen and (min-width:1024px){.scroll-progress-timeline:before{left:var(--space-6)}.scroll-progress-timeline:after{left:var(--space-6)}.scroll-progress-step{gap:var(--space-5);grid-template-columns:var(--space-9) minmax(0,1fr)}.scroll-progress-step__marker{flex-basis:var(--space-9);height:var(--space-9);width:var(--space-9)}}@keyframes scroll-progress-marker-pulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.scroll-progress-step__marker,.scroll-progress-step__marker:after,.scroll-progress-step__content{animation:none;transition:none;transform:none}.scroll-progress-step:not(.is-progress-active) .scroll-progress-step__content{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-scroll-progress-timeline.css.map */