.swatches{display:flex;flex-direction:row;gap:var(--button-primary-sm-icon-gap);align-items:center;justify-content:center;list-style:none;margin:0}.swatches .swatch-item.swatch-active .swatch-img,.swatches .swatch-item:hover .swatch-img{border:var(--global-border-width) solid var(--brand-yellow)}.swatches .swatch-item:focus .swatch-img,.swatches .swatch-item:focus-visible .swatch-img,.swatches .swatch-item:has(:focus) .swatch-img,.swatches .swatch-item:has(:focus-visible) .swatch-img{outline:2px solid var(--brand-cyan);outline-offset:2px}.swatches .swatch-item .swatch-img{border:var(--global-border-width) solid var(--brand-border);border-radius:50%;height:24px;width:24px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;position:relative;transition:border .3s ease}.swatches .swatch-item .swatch-img.img{padding:2px;-o-object-fit:cover;object-fit:cover}.swatches .swatch-item .swatch-img .swatch-half{position:absolute;height:calc(100% - 4px);width:calc(100% - 4px);display:block;border-radius:50%;-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transform-origin:center}.swatches .swatch-item .swatch-img .swatch-half:nth-child(2){rotate:180deg}.swatches .swatch-item .swatch-img .swatch-full{height:calc(100% - 12px);width:calc(100% - 12px);border-radius:50%}.swatches.variant-radios{flex-wrap:nowrap!important;width:-moz-fit-content;width:fit-content;height:40px}.swatches.variant-radios .checkbox input:checked+label .swatch-img{border:var(--global-border-width) solid var(--brand-yellow)}.swatches.variant-radios .checkbox input[type=radio].is-checked+label .swatch-img{border:var(--global-border-width) solid var(--brand-yellow)}.swatches.variant-radios .checkbox label.swatch-item{padding:0;box-shadow:none;gap:0}.swatches.variant-radios .checkbox label.swatch-item:before{content:none}.swatches.variant-radios .checkbox label.swatch-item:focus,.swatches.variant-radios .checkbox label.swatch-item:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px;border-radius:100%}.swatches.variant-radios .checkbox label.swatch-item .swatch-img{height:40px;width:40px}.swatches.variant-radios .checkbox label.swatch-item .swatch-img .swatch-half{height:calc(100% - 12px);width:calc(100% - 12px)}