.tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--background-dark);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.tag--clickable:hover{border:1px solid var(--border-secondary);background:var(--background-primary)}.tag--clickable:active{border:1px solid var(--border-tertiary);background:var(--background-tertiary)}.tag--secondary{border:1px solid var(--border-tertiary);background:var(--background-tertiary);color:var(--text-primary)}.tag--active{border:1px solid var(--border-success)!important;background:var(--background-success)!important}.tag--active .tag__circle{color:var(--text-success)}.tag--inactive{color:var(--text-secondary);border:1px solid var(--border-primary)!important;background:var(--background-dark)!important}.tag--warning{border:1px solid var(--border-warning)!important;background:var(--background-warning)!important}.tag--warning .tag__circle{color:var(--text-warning)}.tag--error{color:var(--text-danger);border:1px solid var(--border-danger)!important;background:var(--background-danger)!important}.tag__close{color:var(--text-secondary);cursor:pointer}.tag__close:hover,.tag__close:active{color:var(--text-primary)}