.kt-ui-inline-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--kt-ui-inline-tag-indicator-offset);
}

.kt-ui-inline-tag__indicator {
    min-width: var(--kt-ui-inline-tag-indicator-size);
    height: var(--kt-ui-inline-tag-indicator-size);
    border-radius: 50%;
    background-color: var(--ui-label-background-color);
}

.kt-ui-inline-tag__text {
    font-family: var(--kt-ui-inline-tag-ff);
    font-size: var(--kt-ui-inline-tag-font-size);
    color: var(--kt-ui-inline-tag-color);
    line-height: 18px;
}

/* region Colors */
.ui-label-default {
    --ui-label-background-color: var(--ui-color-base-50);
}

.ui-label-danger {
    --ui-label-background-color: var(--ui-color-palette-red-50);
}

.ui-label-success {
    --ui-label-background-color: var(--ui-color-palette-green-50);
}

.ui-label-primary {
    --ui-label-background-color: var(--ui-color-palette-blue-50);
}

.ui-label-lightgreen {
    --ui-label-background-color: var(--ui-color-palette-green-40);
}

.ui-label-lightblue {
    --ui-label-background-color: var(--ui-color-palette-blue-40);
}

.ui-label-orange {
    --ui-label-background-color: var(--ui-color-palette-orange-40);
}

.ui-label-lightorange {
    --ui-label-background-color: rgba(var(--ui-color-palette-orange-40-rgb), 0.6);
}

.ui-label-lightred {
    --ui-label-background-color: var(--ui-color-palette-red-40);
}

.ui-label-yellow {
    --ui-label-background-color: rgb(255, 255, 0);
}

.ui-label-lightyellow {
    --ui-label-background-color: rgba(255, 255, 0, 0.6);
}
/* endregion */