#dial-scroll{position:fixed;right:36px;top:50%;transform:translateY(-50%);width:220px;height:420px;z-index:99;pointer-events:none;overflow:visible;opacity:0;transition:opacity .6s ease}#dial-scroll.ds-ready{opacity:1}#ds-inner{position:absolute;top:0;bottom:0;right:0;width:160px;pointer-events:auto;overflow:visible}#ds-rail{position:absolute;right:0;top:24px;bottom:24px;width:1.5px;background:linear-gradient(180deg,#ffffff2e,#ffffffbf,#ffffff2e);pointer-events:none;transition:background .35s ease}#ds-rail:before,#ds-rail:after{content:"";position:absolute;left:-4px;width:9px;height:1.5px;background:#fffc;transition:background .35s ease}#ds-rail:before{top:0}#ds-rail:after{bottom:0}#dial-scroll.ds-light #ds-rail{background:linear-gradient(180deg,#3b6dd62e,#3b6dd6b3,#3b6dd62e)}#dial-scroll.ds-light #ds-rail:before,#dial-scroll.ds-light #ds-rail:after{background:#1b2a5cb3}#dial-scroll.ds-sky #ds-rail{background:linear-gradient(180deg,#1b2a5c2e,#1b2a5ca6,#1b2a5c2e)}#dial-scroll.ds-sky #ds-rail:before,#dial-scroll.ds-sky #ds-rail:after{background:#1b2a5cbf}#ds-dots{position:absolute;right:0;top:24px;bottom:24px;overflow:visible;pointer-events:none}.ds-tick{position:absolute;right:0;pointer-events:none}.ds-tick.major{pointer-events:auto}#dial-scroll.ds-expanded .ds-tick.major{cursor:pointer}#dial-scroll.ds-expanded .ds-lbl{pointer-events:auto;cursor:pointer}.ds-tick.ds-animating{transition:top .42s cubic-bezier(.34,1.15,.64,1)}.ds-tick.ds-collapsing{transition:top .3s cubic-bezier(.55,0,1,1)}.ds-pip{position:absolute;right:0;top:0;transform:translate(50%,-50%);border-radius:50%;pointer-events:none;transition:background .25s ease;will-change:opacity}.ds-lbl{position:absolute;right:14px;top:0;transform:translateY(-50%);white-space:nowrap;text-align:right;font-family:DM Mono,SF Mono,Courier New,monospace;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55),0 0 8px rgba(0,0,0,.3);transition:color .25s ease;will-change:opacity}#dial-scroll.ds-light .ds-lbl,#dial-scroll.ds-sky .ds-lbl{color:#1b2a5c;text-shadow:0 1px 3px rgba(255,255,255,.6)}@media(max-width:989px){#dial-scroll{display:none}}@media(prefers-reduced-motion:reduce){#dial-scroll,#ds-rail,.ds-tick,.ds-tick.ds-animating,.ds-tick.ds-collapsing,.ds-pip,.ds-lbl{transition:none!important;animation:none!important}}.ds-tick.ds-major .ds-pip:focus-visible,.ds-tick.ds-major:focus-visible{outline:2px solid #fff;outline-offset:2px}.ds-tick.ds-major:focus{outline:none}@media(prefers-reduced-motion:no-preference){.ds-tick.ds-major:focus-visible{transition:outline-color .18s}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dial-scroll.css.map */