@layer osha-ui{.osha-chip{align-items:center;gap:var(--space-1,.25rem);border-radius:var(--osha-radius-full,9999px);font-family:var(--font-body,system-ui, sans-serif);white-space:nowrap;border:1px solid #0000;max-width:100%;font-weight:500;line-height:1;display:inline-flex}.osha-chip--sm{padding:var(--space-1,.25rem) var(--space-2,.5rem);font-size:var(--font-2xs,.625rem)}.osha-chip--md{padding:.3125rem var(--space-3,.75rem);font-size:var(--font-xs,.75rem)}.osha-chip--interactive{padding:0}.osha-chip-label{text-overflow:ellipsis;overflow:hidden}.osha-chip-icon{flex-shrink:0;display:inline-flex}.osha-chip--neutral{background:var(--osha-color-surface-muted,#f1f5f9);color:var(--osha-color-text,#0f172a);border-color:var(--osha-color-border,#e2e8f0)}.osha-chip--brand{background:color-mix(in srgb, var(--osha-color-brand-500,#0891b2) 12%, transparent);color:var(--osha-color-brand-600,#0e7490)}.osha-chip--success{background:color-mix(in srgb, var(--osha-color-success,#16a34a) 12%, transparent);color:var(--osha-color-success,#16a34a)}.osha-chip--warning{background:color-mix(in srgb, var(--osha-color-warning,#f59e0b) 16%, transparent);color:var(--osha-color-warning,#f59e0b)}.osha-chip--danger{background:color-mix(in srgb, var(--osha-color-danger,#dc2626) 12%, transparent);color:var(--osha-color-danger,#dc2626)}.osha-chip--info{background:color-mix(in srgb, var(--osha-color-info,#3b82f6) 12%, transparent);color:var(--osha-color-info,#3b82f6)}.osha-chip-toggle{appearance:none;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:var(--space-1,.25rem);border-radius:var(--osha-radius-full,9999px);background:0 0;border:none;display:inline-flex}.osha-chip--sm .osha-chip-toggle{padding:var(--space-1,.25rem) var(--space-2,.5rem)}.osha-chip--md .osha-chip-toggle{padding:.3125rem var(--space-3,.75rem)}.osha-chip--interactive:hover:not(.osha-chip--disabled){filter:brightness(.97)}.osha-chip--selected{background:var(--osha-color-brand-600,#0e7490);color:#fff;border-color:var(--osha-color-brand-600,#0e7490);box-shadow:0 0 0 1px var(--osha-color-brand-600,#0e7490), 0 1px 2px color-mix(in srgb, var(--osha-color-brand-500,#0891b2) 20%, transparent);outline:none}.osha-chip--selected:hover:not(.osha-chip--disabled){filter:brightness(1.05);transition:filter var(--motion-duration-hover,.12s) var(--motion-ease-hover,cubic-bezier(.4, 0, .2, 1)), transform var(--motion-duration-hover,.12s) var(--motion-ease-hover,cubic-bezier(.4, 0, .2, 1));transform:translateY(-1px)}.osha-chip--selected.osha-chip--brand,.osha-chip--selected.osha-chip--neutral{background:var(--osha-color-brand-600,#0e7490);color:#fff;border-color:var(--osha-color-brand-600,#0e7490)}.osha-chip-toggle:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px}.osha-chip-remove{appearance:none;border-radius:var(--osha-radius-full,9999px);color:currentColor;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-right:.125rem;padding:0;transition:opacity .12s,background .12s;display:inline-flex}.osha-chip-remove:hover:not(:disabled){opacity:1;background:color-mix(in srgb, currentColor 18%, transparent)}.osha-chip-remove:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:1px;opacity:1}.osha-chip--disabled{opacity:.5;pointer-events:none}}