.q-product-variant-buttons{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:0;gap:.85rem;color:var(--q-text)}.q-product-variant-buttons__group{max-width:100%;min-inline-size:0;min-width:0;margin:0;padding:0;border:0}.q-product-variant-buttons__legend{width:100%;margin:0 0 .45rem;padding:0;color:var(--q-text-muted);font-size:.88rem;font-weight:800;letter-spacing:0;text-align:center}.q-product-variant-buttons__choices{display:flex;width:100%;max-width:100%;min-inline-size:0;flex-wrap:wrap;justify-content:center;gap:6px;min-width:0}.q-product-variant-buttons__choice{box-sizing:border-box;-webkit-appearance:none;appearance:none;min-width:0;min-inline-size:0;max-width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--q-secondary) 34%,transparent);border-radius:7px;background:color-mix(in srgb,var(--q-surface-elevated) 88%,transparent);color:var(--q-text);font:inherit;font-weight:800;line-height:1.25;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.q-product-variant-buttons__choice--text{flex:1 1 120px}.q-product-variant-buttons__choice--image{display:grid;flex:0 0 100px;width:100px;height:100px;aspect-ratio:1;padding:4px;place-items:center}.q-product-variant-buttons__image{display:block;width:100%;height:100%;min-width:0;min-height:0;border-radius:5px;object-fit:contain}.q-product-variant-buttons__fallback{max-width:100%;text-align:center;overflow-wrap:anywhere}.q-product-variant-buttons__choice[aria-pressed=true]{border-color:color-mix(in srgb,var(--q-cyan) 84%,white);background:color-mix(in srgb,var(--q-primary) 28%,var(--q-surface-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q-cyan) 42%,transparent),0 0 10px color-mix(in srgb,var(--q-secondary) 28%,transparent)}.q-product-variant-buttons__choice:focus-visible{outline:2px solid var(--q-cyan);outline-offset:2px}.q-product-variant-buttons__choice:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.65)}.q-native-variant-select--buttons-enhanced{display:none}@media(prefers-reduced-motion:reduce){.q-product-variant-buttons__choice{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-variant-buttons.css.map */