.badge{width:fit-content;height:fit-content;font-size:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap;padding:10px;font-weight:600;line-height:1;display:flex}.badge__icon{flex-shrink:0}.badge.clicked{cursor:pointer}.badge--sm{font-size:var(--fs-xs);gap:var(--spacing-xs);padding:6px 9px}.badge--default{background:var(--accent);color:var(--bg-primary)}.badge--success{background-color:var(--success);color:var(--bg-primary)}.badge--warning{background-color:var(--warning);color:var(--bg-primary)}.badge--note{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.badge--error{background-color:var(--error);color:var(--bg-primary)}.badge--info{background-color:var(--info);color:#fff}.badge--outline{color:var(--text-secondary);border:1px solid var(--border-hover);background-color:#0000}.badge--primary{background-color:var(--accent);color:var(--bg-primary)}.badge--secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.badge--destructive{background-color:var(--error);color:var(--bg-primary)}