.product-main-variant-picker{display:block}.product-main-variant-picker-options{display:grid;gap:1rem}.product-main-variant-picker-option{min-width:0;padding:0;margin:0;border:0}.product-main-variant-picker-option legend{max-width:100%;overflow-wrap:anywhere}.product-main-variant-picker-selected-value{color:rgb(var(--color-text) / .7)}.product-main-variant-picker-radio-list{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5em}.product-main-variant-picker-radio-list[data-variant-button-group]{position:relative;--variant-button-active-left: 0px;--variant-button-active-top: 0px;--variant-button-active-width: 0px;--variant-button-active-height: 0px;--variant-button-active-opacity: 0}.product-main-variant-picker-radio-list[data-variant-button-group]:before{position:absolute;top:var(--variant-button-active-top);left:var(--variant-button-active-left);width:var(--variant-button-active-width);height:var(--variant-button-active-height);background-color:rgb(var(--color-text));border-radius:var(--border-radius);content:"";opacity:var(--variant-button-active-opacity);pointer-events:none}.product-main-variant-picker-radio-list[data-active-indicator-ready]:before{transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease,opacity .16s ease}.product-main-variant-picker-radio-list:has([class*=radio-swatch]){gap:.375rem}.product-main-variant-picker-radio{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.5em;box-sizing:border-box;max-width:100%;padding:.375em 1em;color:rgb(var(--color-text));background-color:transparent;border:1px solid rgb(var(--color-text) / var(--border-opacity));border-radius:var(--border-radius);cursor:pointer;outline:2px solid transparent;outline-offset:2px;overflow-wrap:anywhere;text-align:center;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out}.product-main-variant-picker-radio:hover:not(:has(input.disabled)){border-color:rgb(var(--color-text))}.product-main-variant-picker-radio:has(input:focus-visible){outline-color:rgb(var(--color-text))}.product-main-variant-picker-radio:has(input:checked){color:rgb(var(--color-background));background-color:rgb(var(--color-text));border-color:rgb(var(--color-text))}.product-main-variant-picker-radio-list[data-active-indicator] .product-main-variant-picker-radio:has(input:checked){background-color:transparent;border-color:transparent}.product-main-variant-picker-swatch{display:block;width:20px;height:20px;flex-shrink:0;overflow:hidden;background-color:var(--swatch-color);border:1px solid rgb(var(--color-text) / var(--border-opacity));border-radius:50%}.product-main-variant-picker-swatch img{width:100%;height:100%;object-fit:cover}.product-main-variant-picker-radio-swatch{width:calc(var(--swatch-size) + 8px);height:calc(var(--swatch-size) + 8px);min-height:0;padding:3px;background-color:transparent;border-color:rgb(var(--color-text) / .2);border-radius:50%;outline-offset:0}.product-main-variant-picker-radio-swatch:hover:not(:has(input.disabled)){border-color:rgb(var(--color-text) / .6)}.product-main-variant-picker-radio-swatch:has(input:checked){color:rgb(var(--color-text));background-color:transparent;border-color:rgb(var(--color-text))}.product-main-variant-picker-radio-swatch .product-main-variant-picker-swatch{width:var(--swatch-size);height:var(--swatch-size)}.product-main-variant-picker-radio:has(input.disabled){position:relative;overflow:hidden;color:rgb(var(--color-text) / .6);opacity:.6}.product-main-variant-picker-radio:has(input.disabled:checked){color:rgb(var(--color-background))}.product-main-variant-picker-radio:has(input.disabled):before{position:absolute;top:50%;left:50%;z-index:1;width:1px;height:150%;background-color:currentcolor;content:"";transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.product-main-variant-picker-radio-swatch:has(input.disabled):before{background-color:rgb(var(--color-text))}@media(prefers-reduced-motion:reduce){.product-main-variant-picker-radio-list[data-variant-button-group]:before{transition:none}.product-main-variant-picker-radio{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-variant-picker.css.map */