.card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--card-swatch-gap, 6px);margin-top:var(--card-swatch-offset, 10px);pointer-events:auto;position:relative;z-index:2}.card-swatches--center{justify-content:center}.card-swatches__input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.card-swatch{display:block;flex:0 0 auto;width:var(--card-swatch-width, 20px);height:var(--card-swatch-height, 12px);margin:0;padding:0;border-radius:var(--card-swatch-radius, 0);background-color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer;box-shadow:inset 0 0 0 1px var(--card-swatch-ring, rgba(0, 0, 0, .16));transition:box-shadow var(--duration-short, .15s) ease}.card-swatch--neutral{background-color:var(--card-swatch-neutral, #d8d4cd)}.card-swatch--ring{background-color:transparent;box-shadow:inset 0 0 0 1px var(--card-swatch-ring, rgba(0, 0, 0, .24))}.card-swatch--unavailable{opacity:.35}@media(hover:hover){.card-swatch:hover{box-shadow:inset 0 0 0 1px var(--card-swatch-ring, rgba(0, 0, 0, .16)),0 0 0 1px rgb(var(--color-background)),0 0 0 2px rgba(var(--color-foreground-title),.45)}}.card-swatches__input:checked+.card-swatch,.card-swatches__input:focus-visible+.card-swatch{box-shadow:inset 0 0 0 1px var(--card-swatch-ring, rgba(0, 0, 0, .16)),0 0 0 1px rgb(var(--color-background)),0 0 0 2px rgb(var(--color-foreground-title))}.card-swatches__more{font-family:var(--font-subtitle-family);font-weight:var(--font-subtitle-weight);font-size:1.1rem;line-height:1;letter-spacing:.04em;color:rgb(var(--color-foreground-secondary));margin-left:.2rem;white-space:nowrap}.card-swatches:not(.js-color-swatches) .card-swatch{cursor:inherit}@media(prefers-reduced-motion:reduce){.card-swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-card-swatches.css.map */