
.app-appnavbar {
    height: var(--wm-navbar-height);
    padding: var(--wm-navbar-padding);
    background-color: var(--wm-navbar-background-color);
    border-width: var(--wm-navbar-border-width);
    border-style: var(--wm-navbar-border-style);
    border-color: var(--wm-navbar-border-color);
    border-radius: var(--wm-navbar-border-radius);
}


.app-appnavbar-left-icon {
    color: var(--wm-navbar-left-icon-color);
    font-size: var(--wm-navbar-left-icon-size);
}

.app-appnavbar-left-icon .app-icon-shape {
    color: var(--wm-navbar-left-icon-color);
    font-size: var(--wm-navbar-left-icon-size);
}

.app-appnavbar-back-icon {
    color: var(--wm-navbar-back-icon-color);
    font-size: var(--wm-navbar-back-icon-size);
}

.app-appnavbar-back-icon .app-icon-shape {
    color: var(--wm-navbar-back-icon-color);
    font-size: var(--wm-navbar-back-icon-size);
}

.app-appnavbar-image .app-picture {
    width: var(--wm-navbar-image-width);
    height: var(--wm-navbar-image-height);
}

.app-appnavbar-content {
    color: var(--wm-navbar-content-color);
    font-size: var(--wm-navbar-content-font-size);
    font-weight: var(--wm-navbar-content-font-weight);
    font-family: var(--wm-navbar-content-font-family);

}

.app-appnavbar-badge,
.navbarAnchorItem.badge {
    background-color: var(--wm-navbar-badge-background-color);
    color: var(--wm-navbar-badge-color);
    height: var(--wm-navbar-badge-height);
    width: var(--wm-navbar-badge-width);
    font-size: var(--wm-navbar-badge-font-size);
    line-height: var(--wm-navbar-badge-line-height);
    border-radius: var(--wm-navbar-badge-border-radius);
    margin-left: var(--wm-navbar-badge-margin-left);
}

.navbar-anchor {
    padding: var(--wm-navbar-anchor-padding);
}

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

.navbar-anchor-icon,
.navbarAnchorItem.icon.icon {
    color: var(--wm-navbar-anchor-icon-color);
    font-size: var(--wm-navbar-anchor-icon-size);
}

.navbar-button-icon {
    color: var(--wm-navbar-button-color);
    font-size: var(--wm-navbar-button-font-size);
}

.navbar-button-text {
    color: var(--wm-navbar-button-color);
    font-size: var(--wm-navbar-button-font-size);
    font-weight: var(--wm-navbar-button-font-weight);
    font-family: var(--wm-navbar-button-font-family);

}

.navbarMenu.app-menu-trigger .app-anchor-icon .app-icon-shape {
    color: var(--wm-navbar-menu-icon-color);
    font-size: var(--wm-navbar-menu-icon-size);
}

.navbarMenu.app-menu-trigger .app-anchor-text {
    color: var(--wm-navbar-menu-icon-color);
    font-size: var(--wm-navbar-menu-icon-size);
}

.navbarPopover.app-popover-link .app-anchor-icon .app-icon-shape {
    color: var(--wm-navbar-popover-icon-color);
    font-size: var(--wm-navbar-popover-icon-size);
}

.navbarPopover.app-popover-link .app-anchor-text {
    color: var(--wm-navbar-popover-icon-color);
    font-size: var(--wm-navbar-popover-icon-size);
}
