.app-tabbar {
    height: var(--wm-tabbar-height);
    box-shadow: var(--wm-tabbar-box-shadow);
}

.app-tabbar-menu {
    background-color: var(--wm-tabbar-menu-background);
    height: var(--wm-tabbar-menu-height);
}

.app-tabbar-more-menu {
    width: var(--wm-tabbar-more-menu-width);
    box-shadow: var(--wm-tabbar-more-menu-box-shadow);
    background-color: var(--wm-tabbar-more-menu-background);
}

.app-tabbar-more-menu-row {
    width: var(--wm-tabbar-more-menu-row-width);
    padding-bottom: var(--wm-tabbar-more-menu-row-padding-bottom);
    padding-top: var(--wm-tabbar-more-menu-row-padding-top);
}

.app-tabbar-item {
    min-height: var(--wm-tabbar-item-min-height);
    min-width: var(--wm-tabbar-item-min-width);
    margin-bottom: var(--wm-tabbar-item-margin-bottom);
    opacity: var(--wm-tabbar-item-opacity);
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-tabbar-active-item {
    opacity: var(--wm-tabbar-item-opacity);
    margin-bottom: var(--wm-tabbar-item-margin-bottom);
    border-radius: var(--wm-tabbar-item-border-radius);
    background-color: var(--wm-tabbar-item-background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: var(--wm-spacer-1);
    padding-bottom: var(--wm-spacer-1);
}

.app-tabbar-item-icon .app-icon {
    border-bottom-color: var(--wm-tabbar-icon-border-bottom-color);
    padding-bottom: var(--wm-tabbar-icon-padding-bottom);
}

.app-tabbar-item-icon .app-icon-shape {
    color: var(--wm-tabbar-icon-color);
    font-size: var(--wm-tabbar-icon-size);
    padding-right: var(--wm-tabbar-icon-padding-right);
}

.app-tabbar-active-icon .app-icon-shape {
    color: var(--wm-tabbar-icon-color);
}

.app-tabbar-item-label {
    color: var(--wm-tabbar-text-color);
    font-size: var(--wm-tabbar-text-font-size);
    font-family: var(--wm-tabbar-text-font-family);
    font-weight: var(--wm-tabbar-text-font-weight);
    margin-top: var(--wm-tabbar-text-margin-top);

}

.app-tabbar-active-label {
    font-weight: var(--wm-tabbar-text-font-weight);
    color: var(--wm-tabbar-text-color);
}
@import (optional) url('../variables/tabbar.variant.less');