@use '../abstracts/variables' as *;

.badge {
    display: inline-flex;
    align-items: center;
    gap: $space-1 * 1.5;
    font-size: $font-xs;
    font-weight: 500;
}

.badge__dot {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: $radius-full;
    background: currentColor;
}

.badge--active {
    color: var(--color-success);
}

.badge--inactive {
    color: var(--color-text-muted);
}