@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* /MainLayout.razor.rz.scp.css */
[b-g6jp0wzv0f] .nav-menu {
    min-width: 250px;
    position: relative;
    padding-top: 0.5rem;
    min-height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    background: #f4f4f4;
}

[b-g6jp0wzv0f] .header { margin-bottom: 0; }

[b-g6jp0wzv0f] .fluent-nav-menu:after {
    background: linear-gradient(to right, transparent, rgb(170, 170, 170));
    content: "";
    height: 100%;
    opacity: 0.1;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 0.8rem;
    z-index: 2;
    top: 0;
}

[b-g6jp0wzv0f] .brand svg path { fill: #fff; }

[b-g6jp0wzv0f] .body-content { min-height: calc(100vh - 50px); }

[b-g6jp0wzv0f] .fluent-nav-link:not(.active) svg path { fill: currentColor; }

[b-g6jp0wzv0f] .fluent-nav-link.active, [b-g6jp0wzv0f] .fluent-nav-link:hover { color: var(--accent-fill-rest); }

[b-g6jp0wzv0f] .fluent-nav-item .positioning-region { background: transparent; }

[b-g6jp0wzv0f] .fluent-nav-item .positioning-region:hover { background: #f8f8f8 !important; }

.content-wrapper[b-g6jp0wzv0f] {
    background: rgb(248 248 248);
}
/* /Pages/Home.razor.rz.scp.css */
.page-content[b-thlhiafcmc] {
    padding: 0 32px;
    padding-top: 20px;
    
    min-height: calc(100vh - 50px);
}
.title[b-thlhiafcmc]  h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
}
/* /Pages/Product.razor.rz.scp.css */
.narrow-page[b-4001juv4yd] {
    margin: 0 auto;
    max-width: 62.375rem;
    padding: 0 32px;
    padding-top: 20px;
}
.title[b-4001juv4yd]  h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
}