@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-hy3slzcmqn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hy3slzcmqn] {
    flex: 1;
    /* Allow the content column to shrink below its intrinsic width so wide children (e.g. the Data page's
       grid) scroll inside their own overflow container instead of pushing the whole page wider. */
    min-width: 0;
}

.sidebar[b-hy3slzcmqn] {
    background-image: linear-gradient(180deg, #161b26 0%, #11151d 100%);
    border-right: 1px solid #0d1117;
    overflow: hidden;
    transition: width .25s ease, border-right-width .25s ease;
}

/* Collapsed (e.g. on the Editor page): animate the width to 0 so it slides closed/open. */
.page.sidebar-collapsed .sidebar[b-hy3slzcmqn] {
    width: 0;
    border-right-width: 0;
}

.top-row[b-hy3slzcmqn] {
    background-color: #161b26;
    border-bottom: 1px solid #0d1117;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    padding-top: .4rem;
    padding-bottom: .4rem;
}

    .top-row[b-hy3slzcmqn]  a, .top-row[b-hy3slzcmqn]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hy3slzcmqn]  a:hover, .top-row[b-hy3slzcmqn]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-hy3slzcmqn]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-hy3slzcmqn] {
        justify-content: space-between;
    }

    .top-row[b-hy3slzcmqn]  a, .top-row[b-hy3slzcmqn]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hy3slzcmqn] {
        flex-direction: row;
    }

    .sidebar[b-hy3slzcmqn] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    /* Keep the nav at full width while the sidebar clips it, so it slides rather than reflows. */
    .sidebar[b-hy3slzcmqn]  .top-row,
    .sidebar[b-hy3slzcmqn]  .nav-scrollable {
        width: 250px;
        box-sizing: border-box;
    }

    .top-row[b-hy3slzcmqn] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hy3slzcmqn]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hy3slzcmqn], article[b-hy3slzcmqn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-v0l2e05z3s] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-v0l2e05z3s] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-v0l2e05z3s] {
    font-size: 1.1rem;
}

.bi[b-v0l2e05z3s] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-v0l2e05z3s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-v0l2e05z3s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-v0l2e05z3s] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-v0l2e05z3s] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-v0l2e05z3s] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-v0l2e05z3s] {
        padding-bottom: 1rem;
    }

    .nav-item[b-v0l2e05z3s]  a {
        color: #aab2c2;
        border-radius: 6px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-v0l2e05z3s]  a.active {
    background-color: rgba(25, 195, 177, 0.16);
    color: #5eead4;
    box-shadow: inset 2px 0 0 #19c3b1;
}

.nav-item[b-v0l2e05z3s]  a:hover {
    background-color: rgba(255,255,255,0.06);
    color: #e6e9ef;
}

@media (min-width: 641px) {
    .navbar-toggler[b-v0l2e05z3s] {
        display: none;
    }

    /* Never collapse the sidebar for wide screens. Flex column in BOTH the collapsed and expanded
       class states so clicking in the sidebar (which toggles .collapse) doesn't change the layout —
       this is what keeps the language switch pinned to the bottom instead of jumping under Manual. */
    .collapse[b-v0l2e05z3s],
    .nav-scrollable[b-v0l2e05z3s] {
        display: flex;
        flex-direction: column;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}