.variant-option--buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.7rem;margin:0;padding:0;border:none}.variant-option+.variant-option{margin-top:1rem}.variant-option--buttons legend{font-weight:500;font-size:14px}.variant-option--equal-width-buttons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin:0;padding:0;border:none}.variant-option__button-label{--variant-picker-stroke-color: var(--color-variant-border);cursor:pointer;flex:0 0 3.25em;position:relative;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.13);border-radius:12px;overflow:clip;justify-content:center;min-height:3.25em;min-width:fit-content;background-color:#fff;color:#000;gap:0;display:inline-flex;align-items:center;gap:.25rem;margin-bottom:0;font-size:14px;white-space:nowrap}.variant-option__button-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;padding:0;width:100%;height:100%;aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;cursor:pointer}.variant-option__button-label:has(:disabled){pointer-events:none}.variant-option__button-label:has(:checked){background:#000;color:#fff;border-color:#000}.variant-option__button-label:has(:checked):hover{background:#262626}.variant-option__button-label:hover{background-color:#f2f2f2;border-color:#00000047}.variant-option__button-label:has([data-option-available=false]):has(:checked){background-color:inherit;color:#0009}.variant-option__button-label svg{--options-border-width: 1px;position:absolute;left:var(--options-border-width);top:var(--options-border-width);height:calc(100% - (var(--options-border-width) * 2));width:calc(100% - (var(--options-border-width) * 2));cursor:pointer;pointer-events:none;stroke-width:1px;stroke:#00000021}
/*# sourceMappingURL=/cdn/shop/t/46/assets/variant-picker.css.map */