
.app-navitem {
    background-color: var(--wm-nav-item-background);
    min-height: var(--wm-nav-item-min-height);
}

.app-navitem-anchor {
    font-size: var(--wm-nav-item-font-size);
    font-family: var(--wm-nav-item-font-family);
    font-weight: var(--wm-nav-item-font-weight);
    line-height: var(--wm-nav-item-line-height);
    letter-spacing: var(--wm-nav-item-letter-spacing);
    color: var(--wm-nav-item-color);
}

.app-navitem-anchor .app-navitem {
    padding: var(--wm-nav-item-root-padding);
}

.app-navitem-anchor .app-anchor-text {
    color:  var(--wm-nav-item-text-color);
    font-family: var(--wm-nav-item-text-font-family);
    line-height: var(--wm-nav-item-text-line-height);
    font-size: var(--wm-nav-item-text-font-size);
    font-weight: var(--wm-nav-item-text-font-weight);
}

.app-navitem-anchor .app-anchor-icon .app-anchor-text {
    color: var(--wm-nav-item-text-color);
    font-size: var(--wm-nav-item-icon-font-size);
}

.app-navitem-caret {
    color: var(--wm-nav-item-color);
}

.app-navitem-caret .app-icon-text {
    color: var(--wm-nav-item-color);
}

.app-navitem-caret .app-navitem {
    padding-right: var(--wm-nav-item-caret-icon-padding-right);
}

.app-navitem-active.app-navitem {
    background-color: var(--wm-nav-item-background-selected);
}

.app-navitem-active.app-navitem-anchor .root {
}

.app-navitem-active.app-navitem-anchor .app-anchor-text {
    color: var(--wm-nav-item-color-selected);
    font-family: var(--wm-nav-item-text-active-font-family);
    line-height: var(--wm-nav-item-text-active-line-height);
    font-size: var(--wm-nav-item-text-active-font-size);
    font-weight: var(--wm-nav-item-text-active-font-weight);
}

.app-navitem-active.app-navitem-anchor .app-anchor-icon .app-icon-shape {
    color: var(--wm-nav-item-color-selected);
}

.app-navitem-child.app-navitem {
    background-color: var(--wm-nav-item-background);
}

.app-navitem-child.app-navitem-anchor .app-anchor-text {
    color: var(--wm-nav-item-color);
}

.app-navitem-child.app-navitem-anchor .app-anchor-icon .app-icon-shape {
    color: var(--wm-nav-item-color);
}
