.default-variant-selector{--button-background-selected: var(--dark-800);--button-foreground-selected: var(--light-200);display:flex;flex-direction:column;gap:var(--fixed-space-6);width:100%}.default-variant-selector .option-group-header{align-items:flex-start;display:flex;justify-content:space-between;margin:0 0 var(--fixed-space-4) 0;padding:0;width:100%}.default-variant-selector .option-group-label{margin:0;padding:0}.default-variant-selector .size-guide-trigger:hover{text-decoration:underline}.default-variant-selector .size-guide-trigger:focus-visible{outline:1px dashed var(--button-primary-focus-outline);outline-offset:2px}.default-variant-selector .variant-options{border:0;display:flex;flex-wrap:wrap;gap:var(--fixed-space-1);margin:0;padding:0;width:100%}.default-variant-selector .option-value-label{align-items:center;background:transparent;border:var(--border-width-main) solid var(--button-border-color);cursor:pointer;display:flex;height:var(--button-size);justify-content:center;margin:0;min-width:-moz-fit-content;min-width:fit-content;padding:var(--space-4);transition:background-color var(--transition-duration-default) var(--transition-style),border-color var(--transition-duration-default) var(--transition-style),color var(--transition-duration-default) var(--transition-style);width:var(--button-size)}@media(hover:hover){.default-variant-selector .option-value-label:hover:not(:has(.option-value-radio:checked),:has(.option-value-radio.unavailable)){background:var(--button-background-selected);border-color:var(--button-background-selected);color:var(--button-foreground-selected)}}.default-variant-selector .option-value-label:has(.option-value-radio:checked),.default-variant-selector .variant-option-selected{background:var(--button-background-selected);border-color:var(--button-background-selected);color:var(--button-foreground-selected)}.default-variant-selector .option-value-label:has(.option-value-radio.unavailable){background:var(--light-100);border-color:var(--light-100);color:var(--dark-800-o50)}.default-variant-selector .option-value-label:has(.option-value-radio.unavailable:checked){background:var(--button-background-selected);border-color:var(--button-background-selected);color:var(--button-foreground-selected)}.default-variant-selector .option-value-label:has(.option-value-radio:focus-visible){outline:1px dashed var(--button-primary-focus-outline);outline-offset:2px}.default-variant-selector .option-value-radio:focus-visible{outline:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/default-variant-selector.css.map */