.variant-pills[data-v-88d8d780]{flex-wrap:wrap;gap:6px;display:flex}.variant-pill[data-v-88d8d780]{border:1.5px solid var(--line,#e5e7eb);color:#374151;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:12px;font-weight:600;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.variant-pill[data-v-88d8d780]:hover:not(:disabled){border-color:#b59aff}.variant-pill--on[data-v-88d8d780]{border-color:var(--primary,#6400f4);box-shadow:0 0 0 1px var(--primary,#6400f4) inset;color:var(--primary,#6400f4)}.variant-pill[data-v-88d8d780]:disabled{opacity:.45;cursor:not-allowed}.variant-pill__dot[data-v-88d8d780]{border-radius:999px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.variant-pills--compact .variant-pill[data-v-88d8d780]{padding:3px 8px 3px 5px;font-size:11px}.variant-pills--compact .variant-pill__dot[data-v-88d8d780]{width:13px;height:13px}html.dark{color:var(--primary-light,#b59aff);border-color:#2a2440;border-color:var(--primary-light,#b59aff);box-shadow:0 0 0 1px var(--primary-light,#b59aff) inset;background:#14101f}