.vx-chip-set{min-inline-size:0;display:flex;position:relative}.vx-chip-set[data-align=center]{justify-content:center}.vx-chip-row{--vx-chip-gap:var(--space-1,4px);gap:calc(var(--vx-chip-gap) + 2px);flex-wrap:wrap;min-inline-size:0;display:flex}.vx-chip-row[aria-orientation=vertical]{flex-flow:column}.vx-chip{align-items:center;gap:var(--space-1,4px);border:1px solid var(--border);border-radius:var(--chip-r,999px);background:var(--card);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease-standard,ease), border-color .2s var(--ease-standard,ease), color .2s var(--ease-standard,ease);margin:0;display:inline-flex;position:relative}a.vx-chip{text-decoration:none}.vx-chip:after{content:"";inline-size:calc(100% + var(--vx-chip-gap));block-size:max(32px,100%);position:absolute;inset-block-start:calc(50% - max(32px,100%)/2);inset-inline-start:calc(var(--vx-chip-gap) / -2)}.vx-chip-row[data-variant=mono] .vx-chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;font-size:9px}.vx-chip-row[data-variant=mono][data-size=md] .vx-chip{padding:5px 12px;font-size:10.5px}.vx-chip-row[data-variant=mono][data-size=compact] .vx-chip{padding-inline:var(--space-3);font-size:.625rem}.vx-chip-row[data-variant=body] .vx-chip{padding:var(--chip-p,5px 13px);font-family:inherit;font-size:12px;font-weight:var(--chip-w,600)}.vx-chip-row[data-variant=body][data-size=md] .vx-chip{padding:7px 16px;font-size:13px}.vx-chip-row[data-variant=body][data-size=compact] .vx-chip{padding-inline:calc((var(--space-4) + var(--space-3)) / 2);font-size:var(--chip-ts,.8125rem)}.vx-chip-row[data-variant=segmented]{--vx-badge-border:0;--vx-badge-font-size:.6875rem;--vx-badge-padding:0;--vx-badge-text-transform:lowercase;inline-size:max-content;max-inline-size:100%;padding:calc(var(--space-1) * .75);border:thin solid var(--border);border-radius:calc(var(--radius) + var(--space-1) / 2);background:var(--muted);flex-wrap:nowrap;gap:0}.vx-chip-row[data-variant=segmented] .vx-chip{min-block-size:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-sm);color:color-mix(in oklab, var(--muted-foreground) 80%, var(--foreground));font-family:var(--font-body);background:0 0;border-color:#0000;font-size:.875rem;font-weight:500}.vx-chip-row[data-variant=segmented][data-size=compact] .vx-chip{padding-inline:var(--space-2);font-size:.8125rem}.vx-chip-row[data-variant=segmented] .vx-chip[data-selected=true]{border-color:var(--border);background:var(--card);color:var(--foreground);box-shadow:0 0 0 thin var(--border)}.vx-chip:not([aria-disabled=true]):hover{border-color:var(--primary-border,var(--primary-text));color:var(--primary-text)}.vx-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vx-chip-row[data-tone=brand] .vx-chip[data-selected=true]{border-color:var(--chip-on-line,var(--primary-text));background:var(--chip-on,var(--primary-text));color:var(--chip-selected-foreground,var(--card));box-shadow:var(--chip-on-ring,none)}.vx-chip-row[data-tone=ink] .vx-chip[data-selected=true]{border-color:var(--foreground);background:var(--foreground);color:var(--card)}.vx-chip-row[data-tone=outline] .vx-chip[data-selected=true]{border-color:var(--foreground);background:var(--card);color:var(--foreground);box-shadow:0 0 0 thin var(--foreground)}.vx-chip-row[data-variant=underline]{gap:var(--space-6);border-block-end:thin solid var(--border)}.vx-chip-row[data-variant=underline] .vx-chip{padding:var(--space-2) 0;background:0 0;border:0;border-radius:0;font-family:inherit;font-size:.75rem;font-weight:600}.vx-chip-row[data-variant=underline] .vx-chip[data-selected=true]{color:var(--foreground);box-shadow:inset 0 -2px var(--primary-text);background:0 0}@media (width<=35rem){.vx-chip-row[data-variant=segmented]{--vx-badge-display:none}}.vx-chip[aria-disabled=true]{cursor:not-allowed;opacity:.6}.vx-chip-label{min-inline-size:0}.vx-chip-set>.vx-tooltip-tip{inset-block-start:calc(100% + var(--space-2));inset-block-end:auto}@media (prefers-reduced-motion:reduce){.vx-chip{transition:none}}