.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}}.product-form__input--color .product-form__controls-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdp-swatch-gap, 8px);padding-bottom:9px}.pdp-selected-color{margin-left:.6rem;font-weight:400;text-transform:none;color:rgb(var(--color-foreground-secondary))}.pdp-color-swatch{position:relative;display:block;flex:0 0 auto;width:var(--pdp-swatch-width, 32px);height:var(--pdp-swatch-height, 22px);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}.pdp-color-swatch--neutral{background-color:var(--card-swatch-neutral, #d8d4cd)}.pdp-color-swatch:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background-color:rgb(var(--color-foreground-title));opacity:0;transition:opacity var(--duration-short, .15s) ease}.product-form__controls-group input[type=radio]:checked+.pdp-color-swatch:after{opacity:1}@media(hover:hover){.pdp-color-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),.35)}}.product-form__controls-group input[type=radio]:focus-visible+.pdp-color-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))}.product-form__controls-group input[type=radio].disabled+.pdp-color-swatch:before{content:none}@media(prefers-reduced-motion:reduce){.pdp-color-swatch,.pdp-color-swatch:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-card-swatches.css.map */