.variant-picker{min-width:0;margin:var(--nc-space-3) 0 0}.variant-reference{align-items:center;gap:var(--nc-space-2) var(--nc-space-4);margin-top:var(--nc-space-3);padding-top:var(--nc-space-3);border-top:1px solid var(--line);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.variant-reference span{font-size:var(--nc-text-sm);color:var(--ink-soft)}.variant-details-link{color:var(--muted);font-size:var(--nc-text-sm);margin-block:calc(var(--nc-space-2) * -1);text-underline-offset:.15em;align-items:center;min-height:36px;text-decoration:underline;display:inline-flex}.shop[data-density=browse] .variant-details-link{min-height:44px;margin-block:-12px}.variant-colors,.variant-sizes,.variant-list{flex-wrap:wrap;gap:.5rem;display:flex}.variant-color,.variant-sizes a,.variant-list a,.variant-oos,.variant-impossible{border:1px solid var(--line-strong);border-radius:var(--nc-radius-sm);min-height:44px;color:var(--ink);background:var(--surface);font-size:var(--nc-text-sm);justify-content:center;align-items:center;gap:.5rem;padding:.55rem .8rem;text-decoration:none;display:inline-flex}.variant-color i{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:18px;height:18px}.variant-picker [aria-current=true]{outline:2px solid var(--brand);outline-offset:2px}.variant-sizes a[aria-current=true],.variant-list a[aria-current=true]{background:var(--ink);color:var(--surface)}.variant-oos{cursor:default;text-decoration:line-through}.variant-impossible{color:var(--muted);border-style:dashed}.variant-form{flex-wrap:wrap;align-items:end;gap:.7rem;margin-top:1.25rem;display:flex}.variant-form label{font-size:var(--nc-text-sm);flex:220px;gap:.5rem;min-width:0;display:grid}.variant-form select{border:1px solid var(--line-strong);border-radius:var(--nc-radius-xs);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;padding:.6rem}.variant-form button{border:1px solid var(--brand);border-radius:var(--nc-radius-xs);background:var(--surface);min-height:44px;color:var(--brand);font:inherit;cursor:pointer;padding:.65rem 1rem}.variant-warning{border-radius:var(--nc-radius-sm);background:#fff8eb;border:1px solid #b98b51;padding:1rem;line-height:1.6}.variant-picker :focus-visible{outline:3px solid var(--brand);outline-offset:3px}