.vertical-scroll-indicator{position:relative}.vertical-scroll-indicator[id*=hero]{margin-right:4rem;position:relative;z-index:9}.vertical-scroll-indicator[id*=hero]:has(.starting-circle){margin-top:1.5rem}.vertical-scroll-indicator[id*=hero]:has(.ending-circle){margin-top:2rem}.vertical-scroll-indicator:has(.starting-circle):first-of-type:before,.vertical-scroll-indicator:has(.starting-circle):first-of-type:after{content:"";width:4px;position:absolute;top:8px;left:6px}.vertical-scroll-indicator.hide-track:before,.vertical-scroll-indicator.hide-track:after{display:none!important}.vertical-scroll-indicator:has(.starting-circle):before{background:var(--medium-gray);height:var(--indicator-height, 0)}.vertical-scroll-indicator:has(.starting-circle):after{background:var(--medium-orange);height:var(--scroll-progress-height, 0);transition:height .8s cubic-bezier(.4,0,.2,1)}.vertical-scroll-indicator .starting-circle,.vertical-scroll-indicator .ending-circle,.horizontal-scroll-indicator .starting-circle,.horizontal-scroll-indicator .ending-circle{display:block!important;background:var(--medium-gray);height:16px;width:16px;border-radius:50%;position:relative;border:4px solid transparent;transition:.3s}.vertical-scroll-indicator .starting-circle:before,.vertical-scroll-indicator .ending-circle:before,.horizontal-scroll-indicator .starting-circle:before,.horizontal-scroll-indicator .ending-circle:before{content:"";width:24px;height:24px;background:var(--medium-gray);position:absolute;top:-8px;left:-8px;border-radius:50%;opacity:.3;transition:.3s}.vertical-scroll-indicator .starting-circle.active,.vertical-scroll-indicator .ending-circle.active,.vertical-scroll-indicator .starting-circle.active:before,.vertical-scroll-indicator .ending-circle.active:before,.horizontal-scroll-indicator .starting-circle.active,.horizontal-scroll-indicator .ending-circle.active,.horizontal-scroll-indicator .starting-circle.active:before,.horizontal-scroll-indicator .ending-circle.active:before{background:var(--medium-orange)}.horizontal-scroll-indicator-wrapper{margin-top:2rem;display:flex;justify-content:space-between;position:relative}.horizontal-scroll-indicator:has(.starting-circle):before,.horizontal-scroll-indicator:has(.starting-circle):after{content:"";width:100%;height:4px;position:absolute;left:8px;top:6px}.horizontal-scroll-indicator:has(.starting-circle):before{background:var(--medium-gray);width:var(--indicator-width, 0)}.horizontal-scroll-indicator:has(.starting-circle):after{background:var(--medium-orange);width:var(--scroll-progress-width, 0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-scroll-indicator.css.map */