.swatch :is(.swatch-content,.swatch-selection-ring){mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.swatch .swatch-selection-ring{opacity:0;transition:opacity .1s ease-out}.swatch[data-selected=true] .swatch-selection-ring{opacity:1}.swatch[data-shape=circle] .swatch-selection-ring{mask-image:url(#swatch-circle-outer-ring);-webkit-mask-image:url(#swatch-circle-outer-ring)}.swatch[data-shape=square] .swatch-selection-ring{mask-image:url(#swatch-square-outer-ring);-webkit-mask-image:url(#swatch-square-outer-ring)}.swatch .swatch-content{transition:clip-path .3s var(--ease-in-out)}.swatch[data-shape=circle] .swatch-content{clip-path:circle(50% at center);mask-image:url(#swatch-circle);-webkit-mask-image:url(#swatch-circle)}.swatch[data-shape=circle][data-selected=true] .swatch-content{clip-path:circle(37.35% at center)}.swatch[data-shape=circle][data-available=false] .swatch-content{mask-image:url(#swatch-circle-unavailable);-webkit-mask-image:url(#swatch-circle-unavailable)}.swatch[data-shape=square] .swatch-content{clip-path:inset(0);mask-image:url(#swatch-square);-webkit-mask-image:url(#swatch-square)}.swatch[data-shape=square][data-selected=true] .swatch-content{clip-path:inset(12.65%)}.swatch[data-shape=square][data-available=false] .swatch-content{mask-image:url(#swatch-square-unavailable);-webkit-mask-image:url(#swatch-square-unavailable)}.swatch .swatch-pending-ring{display:none;filter:var(--swatch-pending-filter, none);pointer-events:none}.swatch{--swatch-active-brightness: 1;filter:brightness(var(--swatch-base-brightness, 1)) brightness(var(--swatch-active-brightness))}.swatch[data-swatch-active=true],[data-swatch-control][data-swatch-active=true] .swatch,[data-swatch-control]:is(:hover,:active,:focus-within) .swatch{--swatch-active-brightness: .75}.swatch[data-selected=true][data-pending=true] .swatch-pending-ring{display:block;opacity:0;animation:swatchPendingRingIn .15s ease-out .6s forwards}.swatch [data-swatch-pending-track]{opacity:.18}.swatch [data-swatch-pending-trail]{stroke-linecap:round;stroke-dasharray:10 90;--swatch-pending-offset: 0px}.swatch[data-selected=true][data-pending=true] [data-swatch-pending-trail]{animation:swatchPendingSpin .8s linear .6s infinite}@keyframes swatchPendingRingIn{to{opacity:1}}@keyframes swatchPendingSpin{0%{stroke-dashoffset:var(--swatch-pending-offset)}to{stroke-dashoffset:calc(var(--swatch-pending-offset) - 100px)}}@media(prefers-reduced-motion:reduce){.swatch :is(.swatch-content,.swatch-selection-ring){transition-duration:.01ms}.swatch[data-selected=true][data-pending=true] .swatch-pending-ring,.swatch[data-selected=true][data-pending=true] [data-swatch-pending-trail]{animation:none}.swatch[data-selected=true][data-pending=true] .swatch-pending-ring{opacity:1}}#drawers .ceacea-upsell{width:100%;max-width:100%;min-width:0;min-inline-size:0}#drawers .ceacea-upsell-carousel{display:flex;flex-direction:row;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%}#drawers .ceacea-upsell-track{display:flex;flex:1 1 0%;flex-direction:row;flex-wrap:nowrap;gap:12px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}#drawers .ceacea-upsell-track::-webkit-scrollbar{display:none}#drawers .ceacea-upsell-slide{flex:0 0 100%;width:100%;min-width:0;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}#drawers .ceacea-upsell-slide>*{width:100%;max-width:100%;min-width:0}#drawers .ceacea-upsell-arrow{flex:0 0 26px;width:26px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;color:#333;cursor:pointer;transition:opacity .2s ease}#drawers .ceacea-upsell-arrow svg{width:20px;height:20px}#drawers .ceacea-upsell-arrow:hover:not(:disabled){opacity:.55}#drawers .ceacea-upsell-arrow:disabled{opacity:.2;cursor:default}#drawers .ceacea-upsell-arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:480px){#drawers .ceacea-upsell-carousel{gap:3px}#drawers .ceacea-upsell-arrow{flex-basis:22px;width:22px}#drawers .ceacea-upsell-arrow svg{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){#drawers .ceacea-upsell-track{scroll-behavior:auto}#drawers .ceacea-upsell-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom.css.map */