.app-label {
    margin: var(--wm-space-0);
    padding: var(--wm-label-padding);
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
}

.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
}

.app-label-asterisk {
    color: var(--wm-label-asterisk-color);
}

.p.app-label-text {
    font-size: var(--wm-label-font-size);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    color: var(--wm-label-color);
    text-decoration: var(--wm-label-text-decoration);
}

.media-heading.app-label-text {
    font-size: var(--wm-label-font-size);
    color: var(--wm-label-color);
    text-decoration: var(--wm-label-text-decoration);
}

.h1.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.h2.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.h3.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.h4.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.h5.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.h6.app-label-text {
    font-size: var(--wm-label-font-size);
    font-weight: var(--wm-label-font-weight);
    font-family: var(--wm-label-font-family);
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    margin: var(--wm-space-0);
    text-decoration: var(--wm-label-text-decoration);
}

.text-primary .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-primary .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-secondary .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-secondary .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-success .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-success .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-warning .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-warning .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-danger .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-danger .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-info .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-info .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.text-muted .app-label {
    background-color: var(--wm-label-background-color);
    border-radius: var(--wm-label-border-radius);
    border-width: var(--wm-label-border-width);
    border-style: var(--wm-label-border-style);
    border-color: var(--wm-label-border-color);
    padding: var(--wm-label-padding);
}

.text-muted .app-label-text {
    color: var(--wm-label-color);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

//no problem
.label-primary .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-primary .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-secondary .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-secondary .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-success .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);

}

.label-success .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-warning .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-warning .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-danger .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-danger .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-info .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-info .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

.label-muted .app-label {
    background-color: var(--wm-label-background-color);
    padding: var(--wm-label-padding);
    border-radius: var(--wm-label-border-radius);
}

.label-muted .app-label-text {
    color: var(--wm-label-color);
    font-weight: var(--wm-label-font-weight);
    line-height: var(--wm-label-line-height);
    letter-spacing: var(--wm-label-letter-spacing);
    text-decoration: var(--wm-label-text-decoration);
}

@import (optional) url('../variables/label.variant.less');