.chip.svelte-mdoglx{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-2);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);text-transform:none}.chip.size-xs.svelte-mdoglx{padding:0 var(--spacing-half);font-size:var(--font-size-xs)}.chip.size-sm.svelte-mdoglx{padding:0 var(--spacing-1);font-size:var(--font-size-sm)}.chip.size-md.svelte-mdoglx{padding:0 var(--spacing-3);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.chip.clickable.svelte-mdoglx{cursor:pointer;background:var(--interactive-normal)}.chip.clickable.svelte-mdoglx:hover{background:var(--interactive-hover)}.chip.selected.svelte-mdoglx{background:color-mix(in srgb,var(--interactive-accent) 8%,transparent)}.chip.status.svelte-mdoglx{text-transform:capitalize;padding:2px var(--spacing-2)}.chip.tag.svelte-mdoglx{background:var(--interactive-normal);color:var(--text-normal);padding:2px var(--spacing-2)}.chip.code.svelte-mdoglx{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;padding:2px var(--spacing-2);border-radius:var(--radius-base);letter-spacing:.05em}.chip[data-status=info].svelte-mdoglx{background:color-mix(in srgb,var(--status-info) 12%,transparent);color:var(--status-info)}[data-theme=dark] .chip[data-status=info].svelte-mdoglx{background:color-mix(in srgb,var(--status-info) 20%,transparent);color:var(--status-info-light, #93c5fd)}.chip[data-status=success].svelte-mdoglx{background:color-mix(in srgb,var(--status-success) 12%,transparent);color:var(--status-success)}[data-theme=dark] .chip[data-status=success].svelte-mdoglx{background:color-mix(in srgb,var(--status-success) 20%,transparent);color:var(--status-success-light, #86efac)}.chip[data-status=warning].svelte-mdoglx{background:color-mix(in srgb,var(--status-warning) 12%,transparent);color:var(--status-warning)}[data-theme=dark] .chip[data-status=warning].svelte-mdoglx{background:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning-light, #fb923c)}.chip[data-status=error].svelte-mdoglx{background:color-mix(in srgb,var(--status-error) 12%,transparent);color:var(--status-error)}[data-theme=dark] .chip[data-status=error].svelte-mdoglx{background:color-mix(in srgb,var(--status-error) 20%,transparent);color:var(--status-error-light, #fca5a5)}.chip[data-status=neutral].svelte-mdoglx,[data-theme=dark] .chip[data-status=neutral].svelte-mdoglx{background:var(--interactive-normal);color:var(--text-muted)}.chip[data-status=new].svelte-mdoglx,.chip[data-status=good].svelte-mdoglx{background:color-mix(in srgb,var(--status-success) 12%,transparent);color:var(--status-success)}[data-theme=dark] .chip[data-status=new].svelte-mdoglx,[data-theme=dark] .chip[data-status=good].svelte-mdoglx{background:color-mix(in srgb,var(--status-success) 20%,transparent);color:var(--status-success-light, #86efac)}.chip[data-status=fair].svelte-mdoglx{background:color-mix(in srgb,var(--status-warning) 12%,transparent);color:var(--status-warning)}[data-theme=dark] .chip[data-status=fair].svelte-mdoglx{background:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning-light, #fb923c)}.chip[data-status=poor].svelte-mdoglx{background:color-mix(in srgb,var(--status-error) 12%,transparent);color:var(--status-error)}[data-theme=dark] .chip[data-status=poor].svelte-mdoglx{background:color-mix(in srgb,var(--status-error) 20%,transparent);color:var(--status-error-light, #fca5a5)}.chip-label.svelte-mdoglx{max-width:var(--chip-max-label, 100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.custom-color.svelte-mdoglx{background:color-mix(in srgb,var(--chip-color) 12%,transparent);color:var(--chip-color)}[data-theme=dark] .chip.custom-color.svelte-mdoglx{background:color-mix(in srgb,var(--chip-color) 20%,transparent)}.chip.custom-color.clickable.svelte-mdoglx:hover{background:var(--interactive-hover)}.chip.custom-color.code.svelte-mdoglx{font-family:var(--font-family-mono)}
