.badge {
    /* --bs-badge-font-weight: 600; */
    --bs-badge-font-size: clamp(0.73rem, 0.75em, 1rem)
}

.sh-subtle-badge-primary {
    background-color: var(--brand-100);
    color: var(--brand-primary);
}
.sh-subtle-badge-success {
    background-color: var(--success-100);
    color: var(--success);
}
.sh-subtle-badge-secondary {
    background-color: var(--neutral-200);
    color: var(--body-text);
}
.sh-subtle-badge-info {
    background-color: var(--accent-100);
    color: var(--accent);
}
.sh-subtle-badge-warning {
    background-color: var(--warning-100);
    color: var(--warning);
}

.xs-small {
    font-size: 0.8125rem;
}

.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.form-control,
.form-select,
.form-check-input {
    --bs-border-color: var(--neutral-400);
}

label {
    font-size: 14px;
    font-weight: 500;
}

.form-label {
    margin-bottom: 4px;
    color: var(--neutral-600);
}

.required::after {
    content: "*";
    color: var(--warning-700);
}