.scroll-progress{display:none}@media(hover:hover)and (pointer:fine){html.has-scroll-progress{scrollbar-width:none}html.has-scroll-progress::-webkit-scrollbar{width:0;height:0}html.has-scroll-progress .scroll-progress:not(.is-ready){display:none}html.has-scroll-progress .scroll-progress{--rail-height: clamp(200px, 36vh, 320px);--rail-ink: 94 31 18;--rail-accent: #e85c38;position:fixed;top:50%;right:14px;z-index:20;display:block;width:24px;height:var(--rail-height);translate:0 -50%;opacity:.85;transition:opacity .5s ease}html.has-scroll-progress .scroll-progress:is([data-tone=dark],[data-tone=media]){--rail-ink: 250 245 237}html.has-scroll-progress .scroll-progress[hidden]{display:none}.scroll-progress.is-active,.scroll-progress:hover{opacity:1;transition-duration:.2s}.scroll-progress__rail{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.scroll-progress.is-dragging .scroll-progress__rail{cursor:grabbing}.scroll-progress__rail:before,.scroll-progress__rail:after{content:"";position:absolute;top:0;right:12px;width:1px;background:rgb(var(--rail-ink) / .18);transition:background-color .4s ease}.scroll-progress__rail:before{bottom:0}.scroll-progress__rail:after{height:var(--progress, 0px);background:rgb(var(--rail-ink) / .6)}.scroll-progress__mark{position:absolute;top:var(--mark-y);right:0;z-index:1;width:24px;height:14px;margin:0;padding:0;border:0;background:none;cursor:pointer;translate:0 -50%}.scroll-progress__mark:before{content:"";position:absolute;top:50%;right:9px;width:7px;height:1px;background:rgb(var(--rail-ink) / .24);translate:0 -50%;transition:width .35s ease,height .35s ease,right .35s ease,background-color .35s ease}.scroll-progress__mark.is-passed:before{background:rgb(var(--rail-ink) / .5)}.scroll-progress__mark:hover:before{background:rgb(var(--rail-ink) / .9)}.scroll-progress__mark.is-current:before{right:7px;width:11px;background:rgb(var(--rail-ink) / .9)}.scroll-progress__thumb{position:absolute;top:0;right:9.5px;z-index:2;width:6px;height:var(--thumb-height, 32px);border-radius:999px;background:var(--rail-accent);translate:0 var(--thumb-offset, 0px);cursor:grab;will-change:translate;transition:width .25s ease,right .25s ease}.scroll-progress:hover .scroll-progress__thumb,.scroll-progress.is-dragging .scroll-progress__thumb{right:8.5px;width:8px}.scroll-progress.is-dragging .scroll-progress__thumb{cursor:grabbing}.scroll-progress__label{position:absolute;top:0;transform:translateY(var(--label-y, 0px));right:28px;padding:6px 10px;border-radius:999px;background:#240d0dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#faf5ed;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;translate:4px -50%;transition:opacity .5s ease,translate .5s ease}.scroll-progress.show-label .scroll-progress__label,.scroll-progress.is-dragging .scroll-progress__label{transition-duration:.2s;opacity:1;translate:0 -50%}.scroll-progress[data-tone=media] .scroll-progress__rail:before,.scroll-progress[data-tone=media] .scroll-progress__rail:after,.scroll-progress[data-tone=media] .scroll-progress__mark:before{box-shadow:0 0 2px #240d0d99}.scroll-progress.is-dragging,.scroll-progress.is-dragging *{-webkit-user-select:none;user-select:none}}@media(prefers-reduced-motion:reduce){.scroll-progress,.scroll-progress *,.scroll-progress *:before,.scroll-progress *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/scroll-progress.css.map */