.variant-option--buttons:has(input[data-option-name=Color i]){display:flex;flex-wrap:wrap;gap:10px}.variant-option__button-label:has(input[data-option-name=Color i]){flex:0 0 auto;width:34px;height:34px;min-width:0;min-height:0;padding:0;border-radius:50%;border:1px solid rgb(var(--color-foreground-rgb) / .55);background-color:transparent;overflow:visible}.variant-option__button-label:has(input[data-option-name=Color i]) .variant-option__button-label__pill{display:none}.variant-option__button-label:has(input[data-option-name=Color i]):before,.variant-option__button-label:has(input[data-option-name=Color i]):after{display:none}.variant-option__button-label:has(input[data-option-name=Color i]) .variant-option__button-label__text{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.variant-option__button-label:has(input[data-option-name=Color i][value=Black i]){background-color:#0a0a0a}.variant-option__button-label:has(input[data-option-name=Color i][value=White i]){background-color:#fff}.variant-option__button-label:has(input[data-option-name=Color i]):hover{outline:1px solid rgb(var(--color-foreground-rgb) / .4);outline-offset:3px}.variant-option__button-label:has(input[data-option-name=Color i]:checked){outline:1px solid var(--color-foreground);outline-offset:3px}.variant-option__button-label:has(input[data-option-name=Color i]) svg{left:0;top:0;width:100%;height:100%;stroke:rgb(var(--color-foreground-rgb) / .6)}.ovc-swatches:has(input[data-option-name=color i]){gap:10px}.ovc-swatch:has(input[data-option-name=color i]) span{width:34px;height:34px;min-width:0;padding:0;border-radius:50%;border:1px solid rgba(10,10,10,.55);font-size:0;color:transparent}.ovc-swatch:has(input[data-option-name=color i][value=Black i]) span,.ovc-swatch:has(input[data-option-name=color i][value=Black i]) input:checked+span{background:#0a0a0a;border-color:#0a0a0a8c}.ovc-swatch:has(input[data-option-name=color i][value=White i]) span,.ovc-swatch:has(input[data-option-name=color i][value=White i]) input:checked+span{background:#fff;border-color:#0a0a0a8c}.ovc-swatch:has(input[data-option-name=color i]:checked) span{outline:1px solid var(--ov-ink, #0A0A0A);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/44/assets/ovrsaid-swatches.css.map */