.badge-component{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2,2px);font-weight:500;border-radius:var(--border-radius-radius-4,4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out;line-height:1.1;font-size:var(--font-size-12,12px);font-family:Inter,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;padding:var(--spacing-2,2px) var(--spacing-6,6px) var(--spacing-2,2px) var(--spacing-4,4px)}.badge-component:hover{filter:brightness(1.2)}.badge-component.medium{padding:var(--spacing-2,2px) var(--spacing-6,6px) var(--spacing-2,2px) var(--spacing-4,4px);gap:var(--spacing-2,2px);font-size:var(--font-size-12,12px)}.badge-component.large{padding:var(--spacing-6,6px) var(--spacing-8,8px) var(--spacing-6,6px) var(--spacing-6,6px);gap:var(--spacing-4,4px)}.badge-component .circle-icon,.badge-component .icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.badge-component .circle-icon{width:var(--spacing-8,8px);height:var(--spacing-8,8px);border-radius:var(--border-radius-radius-full,999px);background-color:currentColor}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2,2px);font-weight:500;border-radius:var(--border-radius-radius-4,4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out;line-height:1.1;font-size:var(--font-size-12,12px);font-family:Inter,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;padding:var(--spacing-2,2px) var(--spacing-6,6px) var(--spacing-2,2px) var(--spacing-4,4px)}.badge:hover{filter:brightness(1.2)}.badge.medium{padding:var(--spacing-2,2px) var(--spacing-6,6px) var(--spacing-2,2px) var(--spacing-4,4px);gap:var(--spacing-2,2px);font-size:var(--font-size-12,12px)}.badge.large{padding:var(--spacing-6,6px) var(--spacing-8,8px) var(--spacing-6,6px) var(--spacing-6,6px);gap:var(--spacing-4,4px)}.badge .circle-icon,.badge .icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.badge .circle-icon{width:var(--spacing-8,8px);height:var(--spacing-8,8px);border-radius:var(--border-radius-radius-full,999px)}.badge .circle-icon,.badge .circle-icon.filled{background-color:currentColor}.badge .white-circle{background-color:var(--neutral-0)!important}.badge .icon{width:var(--spacing-16,16px);height:var(--spacing-16,16px)}.badge .icon svg{width:100%;height:100%}.badge-indicator{display:inline-block;width:var(--spacing-6,6px);height:var(--spacing-6,6px);border-radius:var(--border-radius-radius-full,999px);flex-shrink:0}.badge-indicator.pulsing{animation:badge-indicator-pulse 2s infinite}@keyframes badge-indicator-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.badge.default{background-color:var(--neutral-25,#f5f5f5);color:var(--neutral-800,#3f3f46)}.badge.info{background-color:var(--primary-100,#dbeafe);color:var(--primary-600,#2563eb)}.badge.success{background-color:var(--success-100,#dcfce7);color:var(--success-500,#22c55e)}.badge.warning{background-color:var(--warning-100,#fef3c7);color:var(--warning-500,#f59e0b)}.badge.critical{background-color:var(--error-100,#fee2e2);color:var(--error-500,#ef4444)}.badge[class~=read-only]{background-color:var(--neutral-25,#f5f5f5);color:var(--neutral-500,#6b7280)}.badge.default .badge-indicator{background-color:var(--neutral-400,#a1a1aa)}.badge.info .badge-indicator{background-color:var(--primary-600,#2563eb)}.badge.success .badge-indicator{background-color:var(--success-500,#22c55e)}.badge.warning .badge-indicator{background-color:var(--warning-500,#f59e0b)}.badge.critical .badge-indicator{background-color:var(--error-500,#ef4444)}.badge.filled.default,.badge[class~=read-only] .badge-indicator{background-color:var(--neutral-400,#a1a1aa)}.badge.filled.default,.badge.filled.info{color:var(--neutral-0,#ffffff)}.badge.filled.info{background-color:var(--primary-600,#2563eb)}.badge.filled.success{background-color:var(--success-500,#22c55e);color:var(--neutral-0,#ffffff)}.badge.filled.warning{background-color:var(--warning-500,#f59e0b);color:var(--neutral-0,#ffffff)}.badge.filled.critical{background-color:var(--error-500,#ef4444);color:var(--neutral-0,#ffffff)}