.svnty-crail__ring,.svnty-crail__fade{display:none}.svnty-crail__tick{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none;opacity:0}@media screen and (max-width:749px){.svnty-option.svnty-crail{position:relative;isolation:isolate;--crail-g: var(--svnty-gutter, 1.6rem);--crail-reach: 112px}.svnty-option.svnty-crail .svnty-option__values--bubbles{gap:12px;padding-block:8px}.svnty-option.svnty-crail:not([data-crail]) .svnty-option__values--bubbles{visibility:hidden;animation:svnty-crail-show 0s 1.6s forwards}@keyframes svnty-crail-show{to{visibility:visible}}.svnty-option.svnty-crail[data-crail=rail] .svnty-option__values--bubbles{padding-inline:var(--crail-pad, 0) 0;scroll-snap-type:x proximity;scroll-padding:0}.svnty-option.svnty-crail[data-crail=rail] .svnty-option__values--bubbles:after{display:block;flex:0 0 var(--crail-pad, 0);margin-inline-start:-12px}.svnty-option.svnty-crail[data-crail=flat] .svnty-option__values--bubbles{justify-content:center;overflow:hidden;scroll-snap-type:none}.svnty-option.svnty-crail[data-crail=flat] .svnty-option__values--bubbles:after{display:none}.svnty-option.svnty-crail input[type=radio]+label.svnty-bubble,.svnty-option.svnty-crail input[type=radio]:checked+label.svnty-bubble,.svnty-option.svnty-crail input[type=radio]:focus-visible+label.svnty-bubble{flex:0 0 44px;width:44px;height:44px;border:0;background:none;box-shadow:none;scroll-snap-align:center;-webkit-tap-highlight-color:transparent}.svnty-option.svnty-crail .svnty-bubble__fill{top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgb(var(--svnty-ink) / .58);background-clip:padding-box}.svnty-option.svnty-crail input[type=radio]:checked+label.svnty-bubble .svnty-bubble__fill{border-color:rgb(var(--svnty-ink))}.svnty-option.svnty-crail[data-crail] .svnty-crail__ring{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:44px;height:44px;overflow:visible;pointer-events:none}.svnty-crail__ring circle{fill:none;stroke:rgb(var(--svnty-ink));stroke-width:2;stroke-dasharray:132 132;stroke-dashoffset:132}.svnty-option.svnty-crail input[type=radio]:checked+label.svnty-bubble .svnty-crail__ring circle,.svnty-option.svnty-crail input[type=radio]:focus-visible+label.svnty-bubble .svnty-crail__ring circle{stroke-dashoffset:0}.svnty-option.svnty-crail input[type=radio]:checked+label.svnty-bubble.is-crail-pending .svnty-crail__ring circle{stroke-dashoffset:132}.svnty-option.svnty-crail[data-crail=flat] input[type=radio]+label.svnty-bubble{transition:scale .22s cubic-bezier(.2,.8,.2,1)}.svnty-option.svnty-crail[data-crail=flat] input[type=radio]:checked+label.svnty-bubble{scale:1.28}.svnty-option.svnty-crail[data-crail=rail] .svnty-crail__fade{display:block;position:absolute;z-index:2;top:var(--crail-top, 0);height:var(--crail-h, 60px);width:40px;pointer-events:none;opacity:0;--crail-ramp: rgb(var(--svnty-paper)) 16%, rgb(var(--svnty-paper) / .957) 26.5%, rgb(var(--svnty-paper) / .844) 37%, rgb(var(--svnty-paper) / .684) 47.5%, rgb(var(--svnty-paper) / .5) 58%, rgb(var(--svnty-paper) / .316) 68.5%, rgb(var(--svnty-paper) / .156) 79%, rgb(var(--svnty-paper) / .043) 89.5%, rgb(var(--svnty-paper) / 0) 100%}.svnty-crail__fade--start{left:calc(-1 * var(--crail-g));background-image:linear-gradient(to right,var(--crail-ramp))}.svnty-crail__fade--end{right:calc(-1 * var(--crail-g));background-image:linear-gradient(to left,var(--crail-ramp))}[dir=rtl] .svnty-crail__fade--start{left:auto;right:calc(-1 * var(--crail-g));background-image:linear-gradient(to left,var(--crail-ramp))}[dir=rtl] .svnty-crail__fade--end{right:auto;left:calc(-1 * var(--crail-g));background-image:linear-gradient(to right,var(--crail-ramp))}@supports (animation-timeline: view()){.svnty-option.svnty-crail[data-crail=rail] input[type=radio]+label.svnty-bubble{animation:svnty-crail-lens linear both;animation-timeline:view(inline);animation-range:cover calc(50% - var(--crail-reach)) cover calc(50% + var(--crail-reach))}.svnty-option.svnty-crail[data-crail=rail]{timeline-scope:--svnty-crail}.svnty-option.svnty-crail[data-crail=rail] .svnty-option__values--bubbles{scroll-timeline:--svnty-crail inline}.svnty-option.svnty-crail[data-crail=rail] .svnty-crail__fade--start{animation:svnty-crail-in linear both;animation-timeline:--svnty-crail;animation-range:0 40px}.svnty-option.svnty-crail[data-crail=rail] .svnty-crail__fade--end{animation:svnty-crail-out linear both;animation-timeline:--svnty-crail;animation-range:calc(100% - 40px) 100%}}@keyframes svnty-crail-lens{0%{scale:1;animation-timing-function:cubic-bezier(.37,0,.63,1)}50%{scale:1.28;animation-timing-function:cubic-bezier(.37,0,.63,1)}to{scale:1}}@keyframes svnty-crail-in{0%{opacity:0}to{opacity:1}}@keyframes svnty-crail-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.svnty-option.svnty-crail[data-crail] input[type=radio]+label.svnty-bubble{animation:none;transition:none}.svnty-option.svnty-crail[data-crail] input[type=radio]:checked+label.svnty-bubble{scale:1.28}}}.svnty-swv{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:50%;clip-path:circle(50% at 50% 50%);pointer-events:none}.product-form__input--pill input[type=radio].disabled+label.svnty-bubble .svnty-bubble__fill:has(>.svnty-swv):after,.product-form__input--pill input[type=radio].visually-disabled+label.svnty-bubble .svnty-bubble__fill:has(>.svnty-swv):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgb(var(--svnty-paper)) calc(50% - .5px),rgb(var(--svnty-paper)) calc(50% + .5px),transparent calc(50% + .5px))}
/*# sourceMappingURL=/cdn/shop/t/11/assets/svnty-colour-rail.css.map */