.number-badge__neutral {
    background: var(--ids_color_action_neutral_variant);
    color: var(--ids_color_contrast_onDark);
}

.number-badge__neutral-dark {
    background: var(--ids_color_contrast_onDark);
    color: var(--ids_color_action_neutral_base);
}

.number-badge__primary {
    background: var(--ids_color_action_primary_base);
    color: var(--ids_color_action_primary_contrast);
}

.number-badge__primary-dark {
    background: var(--ids_color_action_primary_contrast);
    color: var(--ids_color_action_primary_base);
}

.number-badge__secondary {
    background: var(--ids_color_action_secondary_base);
    color: var(--ids_color_action_secondary_contrast);
}

.number-badge__secondary-dark {
    background: var(--ids_color_action_secondary_contrast);
    color: var(--ids_color_action_secondary_base);
}

.number-badge__small {
    line-height: 1.3;
    min-width: var(--ids_size_general_20x);
    height: var(--ids_size_general_20x);
}

.number-badge__medium {
    line-height: 1;
    min-width: var(--ids_size_general_24x);
    height: var(--ids_size_general_24x);
}

.number-badge {
    text-align: center;
    padding: 0 var(--ids_size_general_6x);
    display: inline-block;
    border-radius: var(--ids_size_general_80x);
    border: 0px none;
}