.app-tabbar {
    height: var(--wm-tabbar-height);
    gap: var(--wm-tabbar-gap);
    box-shadow: var(--wm-tabbar-box-shadow);
    border-width: var(--wm-tabbar-border-width);
    border-style: var(--wm-tabbar-border-style);
    border-color: var(--wm-tabbar-border-color);

}

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

.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: var(--wm-tabbar-more-menu-row-padding);
}

.app-tabbar-item {
    min-height: var(--wm-tabbar-item-min-height);
    min-width: var(--wm-tabbar-item-min-width);
    background-color: var(--wm-tabbar-item-background-color);
    border-radius: var(--wm-tabbar-item-border-radius);
    border-width: var(--wm-tabbar-item-border-width);
    margin-bottom: var(--wm-space-0);
    border-color: var(--wm-tabbar-item-border-color);
    border-style: var(--wm-tabbar-item-border-style);
    opacity: var(--wm-tabbar-item-opacity);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--wm-tabbar-item-padding);
    gap: var(--wm-tabbar-item-gap);
}

.app-tabbar-active-item {
    opacity: var(--wm-tabbar-item-opacity);
    margin-bottom: var(--wm-space-0);
    border-radius: var(--wm-tabbar-item-border-radius);
    border-width: var(--wm-tabbar-item-border-width);
    border-color: var(--wm-tabbar-item-border-color);
    border-style: var(--wm-tabbar-item-border-style);
    background-color: var(--wm-tabbar-item-background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: var(--wm-tabbar-item-padding);
    gap: var(--wm-tabbar-item-gap);
}

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

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

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

.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);
    font-size: var(--wm-tabbar-text-font-size);
    font-family: var(--wm-tabbar-text-font-family);
    color: var(--wm-tabbar-text-color);
}
@import (optional) url('../variables/tabbar.variant.less');