/* Color Swatch Override */
:root{--swatch-size:28px;--swatch-gap:10px;--swatch-ring-gap:3px;--swatch-ring-color:#000;--swatch-ring-width:1.5px}
.x-variant-picker__input[data-field-type="button"] .x-variant-picker__option-values{display:flex!important;flex-wrap:wrap!important;gap:var(--swatch-gap)!important;align-items:center!important}
.x-variant-picker__option[data-option-type="buttons"] label.x-variant-picker__option-button{width:var(--swatch-size)!important;height:var(--swatch-size)!important;min-width:unset!important;min-height:unset!important;border-radius:50%!important;padding:0!important;font-size:0!important;line-height:0!important;color:transparent!important;overflow:hidden!important;text-indent:-9999px!important;border:1px solid rgba(0,0,0,0.12)!important;cursor:pointer!important;transition:box-shadow .2s ease,transform .15s ease!important;box-sizing:border-box!important}
.x-variant-picker__option[data-option-type="buttons"] input[type="radio"]:checked+label.x-variant-picker__option-button{box-shadow:0 0 0 var(--swatch-ring-gap) #fff,0 0 0 calc(var(--swatch-ring-gap) + var(--swatch-ring-width)) var(--swatch-ring-color)!important;border-color:transparent!important}
.x-variant-picker__option[data-option-type="buttons"] input[type="radio"]:not(:checked)+label.x-variant-picker__option-button:hover{transform:scale(1.1);box-shadow:0 0 0 1px rgba(0,0,0,0.25)!important}
.x-variant-picker__option[data-option-type="buttons"] input[type="radio"]{position:absolute!important;opacity:0!important;width:0!important;height:0!important}
.x-variant-picker__option[data-option-type="buttons"]{position:relative!important}