/* /App.razor.rz.scp.css */
.page[b-63l37enc17] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background-image: url("./images/Function_Bg_Black.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

main[b-63l37enc17] {
    flex: 1;
}

/* /Components/Items/BranchList.razor.rz.scp.css */
.branch[b-gh4f4xnnes] {
    display: flex;
}

.branch[b-gh4f4xnnes]  .item-list-group .item-list-container .item-list .item {
    background-image: url("./images/slot_selection_bg.jpg");
    border: 2px solid transparent;
}

.branch[b-gh4f4xnnes]  .item-list-group .item-list-container .item-list .item:hover {
    background-image: url("./images/slot_selection_bg.jpg");
    color: white;
    border: 2px solid white;
}

.branch[b-gh4f4xnnes]  .item .name {
    padding-left: 0;
}

.branch[b-gh4f4xnnes]  .item img {
    height: 85%;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    width: 10rem;
}
/* /Components/SaveItem.razor.rz.scp.css */
[b-i4rsqtg33p] .item {
    background-image: url('./images/slot_selection_bg.jpg');
    background-position: left top;
    background-repeat: round;
    background-size: cover;
    height: 8rem;
    width: 60rem;
    flex: 1;
}

.slot[b-i4rsqtg33p] {
    display: flex;
}

[b-i4rsqtg33p] .item:hover, .slot.selected[b-i4rsqtg33p] {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 20px rgba(255, 255, 255, 0.6),
    inset 0 0 10px rgba(255, 255, 255, 0.8);
}

[b-i4rsqtg33p] .item .image {
    width: 14%;
    margin: 1.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

[b-i4rsqtg33p] .text {
    display: flex;
    justify-content: center;
}

[b-i4rsqtg33p] .text > * + * {
    margin-top: 1rem;
}

[b-i4rsqtg33p] .first {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 2rem;
}

[b-i4rsqtg33p] .first > * + * {
    margin-left: 1rem;
}

[b-i4rsqtg33p] .second {
    padding-right: 2rem;
    display: flex;
    justify-content: flex-end;
}
/* /Components/SaveItemBase.razor.rz.scp.css */
.item[b-mapdns4yb3] {
    display: flex;
    flex-direction: row;
}

.text[b-mapdns4yb3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    z-index: 1;
}
/* /Components/ZSelect.razor.rz.scp.css */

ul[b-6zlxcsoad8], li[b-6zlxcsoad8] {
    list-style-type: none;
    padding: 0;
}

ul > li + li[b-6zlxcsoad8] {
    margin-top: 1rem;
}

ul[b-6zlxcsoad8] {
    position: absolute;
    display: flex;
    flex-direction: column;
}
/* /Nav/NavBar.razor.rz.scp.css */

.top-row[b-dg3t2u7p9x] {
    justify-content: center;
    height: var(--header-height);
    display: flex;
    align-items: center;
    background-image: url("./images/navbar_bg_up.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
}

.top-row > *[b-dg3t2u7p9x] {
    margin-left: auto;
}

.top-row[b-dg3t2u7p9x]  a, .top-row[b-dg3t2u7p9x]  .btn-link {
    white-space: nowrap;
    text-decoration: none;
    font-size: 1.5rem;
    color: white;

    height: 100%;
    text-align: center;
    align-content: center;
}

.top-row a + a[b-dg3t2u7p9x] {
    margin-left: 4rem;
}

.top-row[b-dg3t2u7p9x]  a:hover, .top-row[b-dg3t2u7p9x]  .btn-link:hover {
    cursor: pointer;
}

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

.top-row .tail[b-dg3t2u7p9x] {
    
}

.menu[b-dg3t2u7p9x] {
    height: 100%;
    display: flex;
    align-content: center;
}

.menu > .btn-link[b-dg3t2u7p9x] {
    color: gray;
    height: 100%;
    display: inline-block;
}

.menu > .btn-link.active[b-dg3t2u7p9x] ,.menu > .btn-link:hover[b-dg3t2u7p9x] {
    color: white;
}

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

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

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

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

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

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

    .top-row[b-dg3t2u7p9x], article[b-dg3t2u7p9x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Nav/PageRouter.razor.rz.scp.css */
.content[b-0j275imsaz] {
    height: var(--content-height);
    display: flex;
    flex: 1;
    justify-content: center;
}
/* /Pages/Blader.razor.rz.scp.css */
.blader[b-b6zq4ykl7y] {
    background-image: url("./images/Bg_Body_D1.webp");
    width: 65vw;
    height: 75vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.blader > .card[b-b6zq4ykl7y] {
    background-image: url(./images/frame_960x400_bg_trim.webp);
    background-repeat: round;
    background-size: cover;
    background-position: top left;
    width: 20vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 2rem 2.5rem;
    height: fit-content;
}

.card > div[b-b6zq4ykl7y] {
    background-color: rgba(0, 0, 0, 0.2);
    height: 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 0 0.5rem;
}

.card > div + div[b-b6zq4ykl7y] {
    margin-top: 0.25rem;
}

.card img[b-b6zq4ykl7y] {
    height: 1rem;
}

.blader-main[b-b6zq4ykl7y] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.select-save[b-b6zq4ykl7y] {
    width: 60rem;
    font-size: 1.3rem;
}
/* /Pages/UploadBlader.razor.rz.scp.css */
.upload[b-vi4d6fvykp] {
    background-image: url("./images/frame_960x400_bg_trim.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 960px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 1rem;
}

.error[b-vi4d6fvykp] {
    color: red;
}

[b-vi4d6fvykp] input[type=file] {
    display: none;
}

.upload-container[b-vi4d6fvykp] {
    display: flex;
    height: 100%;
    align-items: center;
}