.swatch{--swatch-width: 50px !important;--swatch-height: 50px !important;border-radius:2px!important;border:1px solid transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5}.swatch--unscaled{--swatch-width: 50px !important;--swatch-height: 50px !important;border-radius:2px!important;border:1px solid transparent!important}@media screen and (max-width: 749px){.swatch,.swatch--unscaled{--swatch-width: 54px !important;--swatch-height: 54px !important}}.variant-option__button-label--has-swatch{opacity:1;border:none!important;padding:0;background:transparent;overflow:visible!important;display:inline-block}.variant-option__button-label--has-swatch:hover .swatch{opacity:1;outline:none!important;border:1px solid transparent!important}.variant-option__button-label--has-swatch:hover{outline:none!important}.variant-option__button-label--has-swatch:has(input:checked) .swatch{opacity:1;outline:none!important;border:1px solid #000000!important}.variant-option__button-label--has-swatch:has(input:checked){outline:none!important}.variant-option--swatches{gap:12px}.variant-option--swatches>overflow-list{gap:12px}.variant-option__swatch{margin:0;overflow:visible!important}.swatch--unavailable{opacity:.3}.variant-option__button-label--has-swatch:has([data-option-available=false]) .swatch{opacity:.3}.variant-option__button-label--has-swatch,.variant-option__button-label--has-swatch .swatch{transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-option__button-label--has-swatch:has(:focus-visible){outline:none!important}.variant-option__button-label--has-swatch:has(:focus-visible) .swatch{opacity:1;border:1px solid #000000!important}.variant-option legend{font-family:var(--font-heading--family);font-size:18px;font-weight:600;margin-bottom:12px;color:var(--color-foreground)}.variant-option__swatch-value{font-size:16px;font-weight:400;color:rgb(var(--color-foreground-rgb) / .7);padding-inline-start:8px}.product-card .swatch{--swatch-width: 32px !important;--swatch-height: 32px !important;border-radius:2px!important}@media screen and (max-width: 749px){.product-card .swatch{--swatch-width: 28px !important;--swatch-height: 28px !important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-swatches.css.map */