@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-top: var(--wm-tabs-item-heading-padding);
    padding-bottom: var(--wm-tabs-item-heading-padding);
    background-color: var(--wm-tabs-item-heading-background);
}

.app-tabheader-active-item {
   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);
    line-height: var(--wm-tabs-item-heading-line-height);
    color: var(--wm-tabs-item-heading-color);
}
.app-tabheader-active-item-text {
    color: var(--wm-tabs-item-heading-text);
}

.app-tabheader-item-icon-text {
    color: var(--wm-tabs-item-heading-icon);
}
.app-tabheader-active-item-icon-text {
    color: var(--wm-tabs-item-heading-icon);
}

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

.app-tabheader-active-indicator{
    background-color: var(--wm-tabs-item-heading-indicator-background);
    height: var(--wm-tabs-item-heading-indicator-height);
}
