.ui.label{
    background: var(--bb-gray-light);
    font-weight: 400;
}

.ui.label.green {
    background: #edfbf6 !important;
    color: #009432 !important;
}

.ui.label.red {
    background: #ffeeef !important;
    color: var(--bb-danger-color) !important;
}

.ui.label.blue {
    background: var(--bb-accent-color-25opa) !important;
    color: var(--bb-accent-color) !important;
}

.ui.label.yellow{
    background: var(--bb-warning-color-low-contrast) !important;
    color: var(--bb-warning-color-contrast) !important;
}

.uk-label{
    background: var(--bb-gray-light);
    color: var(--bb-gray-full);
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.5rem;
    padding-inline: .525rem;
    border-radius: 5px;
}

.uk-label-success {
    background: color-mix(
            in srgb,
            var(--bb-success-color) 10%,
            transparent
    );
    color: var(--bb-success-color) !important;
}

.uk-label-danger {
    background: color-mix(
            in srgb,
            var(--bb-danger-color) 10%,
            transparent
    );
    color: var(--bb-danger-color) !important;
}

.uk-label-primary {
    background: var(--bb-accent-color-25opa) !important;
    color: var(--bb-accent-color) !important;
}

.uk-label-warning{
    background: color-mix(
            in srgb,
            var(--bb-warning-color) 100%,
            transparent
    ) !important;
    color: #fff !important;
}