.cara-picker-option legend{margin-block-end:8px}.cara-picker-option .variant-option__swatch-value{padding-inline-start:4px;color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7))}.cara-picker-option .variant-option__button-label{border-radius:7px}.cara-swatches{gap:8px}.cara-swatches .variant-option__button-label.cara-swatch{flex:0 0 auto;width:72px;height:72px;min-width:0;min-height:0;padding:0;overflow:hidden;background:#f4f4f4;border:1px solid #d9d9d9;border-radius:12px}.cara-swatches .cara-swatch__img,.cara-swatches .cara-swatch__img img{display:block;width:100%;height:100%}.cara-swatches .cara-swatch__img img{object-fit:cover}.cara-swatches .variant-option__button-label.cara-swatch:hover{background:#f4f4f4;border-color:#8a8a8a}.cara-swatches .variant-option__button-label.cara-swatch:has(:checked){background:#f4f4f4;border-color:#111;box-shadow:inset 0 0 0 1px #111}.cara-swatches .variant-option__button-label.cara-swatch:has([data-option-available=false]) img{opacity:.45}.cara-swatches .variant-option__button-label.cara-swatch:has(.cara-swatch__text){width:auto;height:auto;min-height:calc(3ch + 1.3em);padding:var(--padding-sm) var(--padding-lg);background:var(--color-variant-background);border-radius:7px}.cara-swatches .variant-option__button-label.cara-swatch:has(.cara-swatch__text):has(:checked){color:var(--color-selected-variant-text);background:var(--color-selected-variant-background);box-shadow:none}@media screen and (max-width:749px){.cara-swatches .variant-option__button-label.cara-swatch{width:64px;height:64px}}.cara-picker-option legend.cara-legend--guide{display:flex;align-items:baseline;width:100%}.cara-picker-option .cara-size-guide{margin-inline-start:auto;padding:0;font:inherit;font-size:14px;color:#000;background:none;border:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cara-picker-option .cara-size-guide:hover{color:#000000b5}.cara-picker-option .cara-size-guide:focus-visible{outline:2px solid #000;outline-offset:2px}.shopify-section:has([data-cara-size-guide]) [class^=ai-sizing-guide-link-]{display:none!important}.shopify-section:has([data-cara-size-guide]) :has(>[class^=ai-sizing-guide-link-]){margin:0!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cara-variant-swatches.css.map */
