.variant-option--swatches .variant-option__swatch{position:relative;display:block!important;visibility:visible!important;opacity:1!important}product-swatches{display:flex!important;visibility:visible!important;opacity:1!important}swatches-variant-picker-component{display:flex!important;visibility:visible!important;opacity:1!important;width:100%}.variant-option--swatches{display:flex!important;visibility:visible!important;opacity:1!important}.variant-option--swatches .variant-option__button-label{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative;display:block!important;visibility:visible!important;opacity:1!important;cursor:pointer;border:1px solid #e0e0e0!important;transition:all .2s ease;overflow:hidden!important;background:var(--swatch-background, #ccc)!important;background-size:cover!important;background-position:center!important}.variant-option--swatches input[type=radio]{position:absolute;opacity:0;width:0;height:0}.variant-option--swatches .swatch{width:100%!important;height:100%!important;border-radius:0!important;display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--swatch-background, #ccc)!important;background-size:cover!important;background-position:center!important;transition:none!important;pointer-events:none!important}.variant-option--swatches .swatch:before,.variant-option--swatches .swatch:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background:var(--swatch-background, #ccc)!important;border-radius:0!important;display:block!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.variant-option--swatches .variant-option__button-label:hover{border:2px solid #000!important;transform:scale(1.05)}.variant-option--swatches label:has(input[type=radio]:checked){border:2px solid #000!important;box-shadow:0 0 0 2px #fff inset!important}.variant-option--swatches input[type=radio]:checked+label{border:2px solid #000!important;box-shadow:0 0 0 2px #fff inset!important}.variant-option--swatches .swatch--unavailable{opacity:.3;cursor:not-allowed}.variant-option--swatches overflow-list::part(list){gap:6px!important;display:flex;flex-wrap:wrap}.variant-option--swatches .variant-option__button-label:hover:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;font-size:11px;white-space:nowrap;border-radius:2px;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease}.variant-option--swatches .variant-option__button-label:hover:before{opacity:1}@media(max-width:749px){.variant-option--swatches .variant-option__button-label{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.variant-option--swatches overflow-list::part(list){gap:5px!important}}.variant-option--swatches .variant-option__button-label:focus-within{outline:2px solid #000;outline-offset:2px}.product-card .variant-option--swatches .variant-option__button-label{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.product-card .variant-option--swatches overflow-list::part(list){gap:10px!important}.variant-option--swatches .swatch-rounded,.variant-option--swatches .swatch,.variant-option--swatches .swatch:before,.variant-option--swatches .swatch:after,.variant-option--swatches .variant-option__button-label{border-radius:0!important}.variant-option--swatches .swatch--variant-image,.variant-option--swatches .swatch--variant-image:after{border-radius:0!important;background-size:cover!important;background-position:center!important}.hidden-swatches__count{display:none!important}overflow-list{--overflow-list-max-inline-size: none !important}.variant-option--swatches overflow-list::part(list){flex-wrap:wrap!important;overflow:visible!important}.variant-option--swatches .variant-option__swatch{display:flex!important;visibility:visible!important;opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-swatches-custom.css.map */