.variant-buttons-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;flex-direction:row}.variant-buttons-wrapper .variant-input{position:absolute;opacity:0;width:0;height:0}.variant-buttons-wrapper .variant-label{display:inline-block;cursor:pointer;padding:2px}.variant-buttons-wrapper .variant-swatch{width:25px;height:25px;border-radius:50%;display:block;border:1px solid var(--variant-pills-border-color,#e5e5e5);transition:all .2s ease}.product-form__input--pill .variant-buttons-wrapper input[type=radio].disabled:checked+label{color:unset}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variant-buttons-wrapper .variant-input:checked + .variant-label .variant-swatch{border-color:var(--color-text)}.variant-buttons-wrapper .variant-input:focus + .variant-label .variant-swatch{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--variant-pills-active-background,#000000)}.variant-buttons-wrapper .variant-label:hover .variant-swatch{transform:scale(1.1)}.product-form__input--pill .variant-buttons-wrapper input[type=radio].disabled+label{opacity:.5}.variant-buttons-wrapper .variant-input.disabled+.variant-label::before{content:"";height:1px;width:calc(100% - 1rem);background-color:rgb(var(--color-text));transform:rotate(-45deg);left:5px;top:22px;z-index:1}.variant-buttons-wrapper label.variant-label:has(img){width:10%;min-width:unset}.variant-buttons-wrapper .variant-input:checked+.variant-label img{border-bottom:1px solid rgb(var(--color-text));padding-bottom:4px}.variant-buttons-wrapper label.variant-label span.image-variant-name{font-size:11px}.variant-buttons-wrapper .variant-input.disabled+.variant-label:has(img)::before,.color-variant:has(img)::before{display:none}@media screen and (max-width:1024px){.variant-buttons-wrapper label.variant-label:has(img){width:25%}}