@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}.style-swatches{display:block;margin:0 0 1.6rem;view-transition-name:style-swatches}::view-transition-group(style-swatches){animation-duration:.32s}.style-swatches__heading{margin:0 0 1rem}.style-swatches__current{color:rgb(var(--color-foreground))}.style-swatches__list{display:flex;flex-wrap:wrap;gap:1.2rem 1rem;margin:0;padding:.4rem 0 0 .4rem;list-style:none}.style-swatch{--tile: 6.4rem;--ease: cubic-bezier(.2, .7, .2, 1);display:flex;flex-direction:column;align-items:center;gap:.7rem;width:var(--tile);color:rgba(var(--color-foreground),.65);text-decoration:none;-webkit-tap-highlight-color:transparent}.style-swatch__media{position:relative;display:grid;place-items:center;width:var(--tile);aspect-ratio:1;overflow:hidden;border-radius:1.2rem;background:#f3f2f0;outline:.1rem solid transparent;outline-offset:.3rem;transition:outline-color .25s var(--ease),transform .25s var(--ease)}.style-swatch__img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),opacity .25s var(--ease)}.style-swatch__mono{font-size:1.5rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.75)}.style-swatch__label{font-size:1.1rem;line-height:1.2;letter-spacing:.04rem;text-align:center;white-space:nowrap;transition:color .25s var(--ease)}@media(hover:hover){.style-swatch:hover .style-swatch__media{outline-color:rgba(var(--color-foreground),.25)}.style-swatch:hover .style-swatch__img{transform:scale(1.08)}.style-swatch:hover{color:rgb(var(--color-foreground))}}.style-swatch:active .style-swatch__media{transform:scale(.96)}.style-swatch[aria-current=page]{color:rgb(var(--color-foreground))}.style-swatch[aria-current=page] .style-swatch__media{outline-color:rgb(var(--color-foreground))}.style-swatch:focus-visible{outline:none}.style-swatch:focus-visible .style-swatch__media{outline:.2rem solid rgba(var(--color-foreground),.55)}.style-swatch--sold-out .style-swatch__img{opacity:.45;filter:grayscale(1)}.style-swatch--sold-out .style-swatch__label{text-decoration:line-through}.style-swatches.is-navigating .style-swatch[aria-current=page] .style-swatch__img{opacity:.7}.variant-stack{display:flex;flex-direction:column}@media screen and (max-width:749px){.variant-stack>.style-swatches{order:2;margin:.4rem 0 1.6rem}.style-swatches__list{flex-wrap:nowrap;gap:1rem;margin-inline:-1.5rem;padding:.4rem 4rem .2rem 1.5rem;scroll-padding-inline:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 4rem),transparent);mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 4rem),transparent)}.style-swatches__list::-webkit-scrollbar{display:none}.style-swatches__list>li{flex:0 0 auto;scroll-snap-align:start}.style-swatch{--tile: 5.6rem}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.style-swatch__media,.style-swatch__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-style-swatches.css.map */