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

.app-tabheader {
    background-color: var(--wm-tabs-heading-background);
    border-radius: var(--wm-tabs-heading-border-radius);
    border-style: var(--wm-tabs-heading-border-style);
    border-width: var(--wm-tabs-heading-border-width);
    border-color: var(--wm-tabs-heading-border-color);
}

.app-tabheader-item {
    padding: var(--wm-tabs-item-heading-padding);
    border-width: var(--wm-tabs-item-heading-border-width);
    border-style: var(--wm-tabs-item-heading-border-style);
    border-color: var(--wm-tabs-item-heading-border-color);
    border-radius: var(--wm-tabs-item-heading-border-radius);
    background-color: var(--wm-tabs-item-heading-background);
}

.app-tabheader-active-item {
    padding: var(--wm-tabs-item-heading-padding);
    border-width: var(--wm-tabs-item-heading-border-width);
    border-style: var(--wm-tabs-item-heading-border-style);
    border-color: var(--wm-tabs-item-heading-border-color);
    border-radius: var(--wm-tabs-item-heading-border-radius);
    background-color: var(--wm-tabs-item-heading-background);
}
.app-tabheader-item-text {
    font-size: var(--wm-tabs-item-heading-font-size);
    font-weight: var(--wm-tabs-item-heading-font-weight);
    font-family: var(--wm-tabs-item-heading-font-family);
    line-height: var(--wm-tabs-item-heading-line-height);
    color: var(--wm-tabs-item-heading-text-color);
}
.app-tabheader-active-item-text {
    font-size: var(--wm-tabs-item-heading-font-size);
    font-weight: var(--wm-tabs-item-heading-font-weight);
    font-family: var(--wm-tabs-item-heading-font-family);
    line-height: var(--wm-tabs-item-heading-line-height);
    color: var(--wm-tabs-item-heading-text-color);
}

.app-tabheader-active-item-icon .app-icon-shape {
    color: var(--wm-tabs-item-heading-icon-color);
    font-size: var(--wm-tabs-item-heading-icon-size);
    height: var(--wm-tabs-item-heading-icon-height);
    width: var(--wm-tabs-item-heading-icon-width);
}

.app-tabheader-item-icon .app-icon-shape {
    color: var(--wm-tabs-item-heading-icon-color);
    font-size: var(--wm-tabs-item-heading-icon-size);
    height: var(--wm-tabs-item-heading-icon-height);
    width: var(--wm-tabs-item-heading-icon-width);
 
}

.app-tabheader-active-indicator{
    margin: var(--wm-tabs-item-heading-indicator-margin);
    border-top-left-radius: var(--wm-tabs-item-heading-indicator-border-top-left-radius);
    border-top-right-radius: var(--wm-tabs-item-heading-indicator-border-top-right-radius);
    background-color: var(--wm-tabs-item-heading-indicator-background);
    border-top-left-radius: var(--wm-tabs-item-heading-indicator-border-top-left-radius);
    border-top-right-radius: var(--wm-tabs-item-heading-indicator-border-top-right-radius);
    background-color: var(--wm-tabs-item-heading-indicator-background);
    height: var(--wm-tabs-item-heading-indicator-height);
}
