kt-ui-tag {
    display: inline-block;
}

.ui-label {
    padding: var(--kt-ui-label-tag-padding);
    margin-right: var(--kt-ui-label-tag-side-offset);
}

.ui-label.ui-label-fill.is-clickable {
    cursor: pointer;
}

.ui-label.ui-label-fill.is-clickable:not(.is-selected):hover {
    background-color: var(--ui-label-background-color-hover);
}

.ui-label.is-selected {
    background-color: var(--ui-label-background-color-selected);
}

.ui-label-inner {
    font-size: var(--kt-ui-label-tag-font-size);
    line-height: var(--kt-ui-label-tag-line-height);
    font-weight: var(--kt-ui-label-tag-font-weight);
    letter-spacing: var(--kt-ui-label-tag-letter-spacing);
    color: var(--ui-label-color);
}
body .ui-label .ui-label-inner {
    line-height: var(--kt-ui-label-tag-line-height) !important;
}
.ui-label.is-selected .ui-label-inner {
    color: var(--ui-label-color-selected);
}

.ui-label.is-bold .ui-label-inner {
    --kt-ui-label-tag-font-weight: 500;
}