.ax-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ax-swatch-gap, var(--ax-space-2));min-inline-size:0;margin:0;padding:0;list-style:none}.ax-swatches--nowrap{flex-wrap:nowrap;overflow:hidden}.ax-swatches__legend{font-size:var(--ax-text-2xs);font-weight:var(--ax-fw-bold);letter-spacing:0;text-transform:none;color:var(--ax-c-fg-muted)}.ax-card[data-align=center] .ax-swatches,[data-card-align=center] .ax-card .ax-swatches{justify-content:center}.ax-swatch{--ax-swatch-size: 1.5rem;--ax-swatch-pad: .28rem;--ax-swatch-radius: var(--ax-radius-full);--ax-swatch-ring: transparent;position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:calc(var(--ax-swatch-size) + (var(--ax-swatch-pad) * 2));block-size:calc(var(--ax-swatch-size) + (var(--ax-swatch-pad) * 2));padding:var(--ax-swatch-pad);color:var(--ax-c-fg);background:none;border:0;border-radius:var(--ax-swatch-radius);box-shadow:0 0 0 var(--ax-border-width) var(--ax-swatch-ring);cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;transition:box-shadow var(--ax-dur-1) var(--ax-ease-out),scale var(--ax-dur-1) var(--ax-ease-out)}.ax-swatch:hover{--ax-swatch-ring: var(--ax-c-fg-subtle)}.ax-swatch:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:1px}.ax-swatch--sm{--ax-swatch-size: 1.15rem;--ax-swatch-pad: .22rem}.ax-swatch--md{--ax-swatch-size: 1.5rem;--ax-swatch-pad: .28rem}.ax-swatch--lg{--ax-swatch-size: 2rem;--ax-swatch-pad: .32rem}.ax-swatch--square{--ax-swatch-radius: var(--ax-radius-sm)}.ax-swatch__visual{position:relative;display:block;inline-size:100%;block-size:100%;overflow:hidden;border-radius:inherit;background-color:var(--swatch-bg, var(--ax-c-bg-inset));background-image:var(--swatch-image, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 var(--ax-border-width) var(--ax-c-border)}.ax-swatch__visual[data-swatch-second]{background-image:linear-gradient(to bottom,var(--swatch-bg, var(--ax-c-bg-inset)) 0 50%,var(--swatch-bg-2, var(--ax-c-bg-inset)) 50% 100%)}.ax-swatch__visual>img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.ax-swatch--text{--ax-swatch-radius: var(--ax-radius-btn);inline-size:auto;block-size:auto;min-block-size:2.25rem;padding-block:.35rem;padding-inline:.75rem;--ax-swatch-ring: var(--ax-c-border);font-size:var(--ax-text-xs);line-height:var(--ax-leading-snug);white-space:nowrap}.ax-swatch__text{display:block;min-inline-size:0}.ax-swatch[aria-current=true],.ax-swatch[aria-checked=true],.ax-swatch[data-selected=true]{--ax-swatch-ring: var(--ax-c-border-strong);box-shadow:0 0 0 var(--ax-ring-gap) var(--ax-c-bg-alt),0 0 0 calc(var(--ax-ring-gap) + var(--ax-ring-width)) var(--ax-swatch-ring)}.ax-swatch--text[aria-current=true],.ax-swatch--text[data-selected=true]{color:var(--ax-c-fg);background-color:var(--ax-c-bg-inset)}.ax-swatch:active{scale:.94}.ax-swatch[data-available=false] .ax-swatch__visual:after,.ax-swatch--text[data-available=false]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(to top left,transparent calc(50% - .6px),var(--ax-c-border-strong) calc(50% - .6px),var(--ax-c-border-strong) calc(50% + .6px),transparent calc(50% + .6px));opacity:.75;pointer-events:none}.ax-swatch[aria-disabled=true]{cursor:not-allowed;opacity:.55}.ax-card__swatches .ax-swatch{position:relative;z-index:2}.ax-swatch--more{--ax-swatch-radius: var(--ax-radius-full);--ax-swatch-ring: var(--ax-c-border);inline-size:auto;min-inline-size:calc(var(--ax-swatch-size) + (var(--ax-swatch-pad) * 2));padding-inline:.45rem;font-family:var(--ax-font-accent);font-size:var(--ax-text-2xs);font-weight:var(--ax-fw-bold);line-height:var(--ax-leading-none);color:var(--ax-c-fg-muted)}.ax-swatch--more:hover{color:var(--ax-c-fg);--ax-swatch-ring: var(--ax-c-fg-subtle)}[dir=rtl] .ax-swatch[data-available=false] .ax-swatch__visual:after,[dir=rtl] .ax-swatch--text[data-available=false]:after{background-image:linear-gradient(to top right,transparent calc(50% - .6px),var(--ax-c-border-strong) calc(50% - .6px),var(--ax-c-border-strong) calc(50% + .6px),transparent calc(50% + .6px))}@media(forced-colors:active){.ax-swatch{forced-color-adjust:none;border:1px solid ButtonText}.ax-swatch[aria-current=true],.ax-swatch[data-selected=true]{outline:2px solid Highlight;outline-offset:1px}}@media(prefers-reduced-motion:reduce){.ax-swatch:active{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-swatch.css.map */