/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-xgm9t94lq9] {
    height: 100%;
}

.navigation-drawer-shading[b-xgm9t94lq9] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-xgm9t94lq9] {
    opacity: 0;
    visibility: hidden;
}

[b-xgm9t94lq9] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-xgm9t94lq9] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-xgm9t94lq9] {
    display: none;
}

[b-xgm9t94lq9] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-xgm9t94lq9] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-xgm9t94lq9] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-xgm9t94lq9] {
        display: block;
    }

    [b-xgm9t94lq9] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Shared styles live in RiverRun.UI/wwwroot/theme.css. */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-13q9udf3hk] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-13q9udf3hk] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-13q9udf3hk] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}