/* /Engine/UI/Markup/PopupMenuButton.razor.rz.scp.css */

.popup-box[b-k5tsrqqg38] {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: var(--rz-gap);
    padding: 0.5rem;
    top: auto;
    bottom: 100%;
    /* *** */
    opacity: 0;
    visibility: hidden;
}

.popup-box.visible[b-k5tsrqqg38] {
    opacity: 1;
    visibility: visible;
}
/* /Engine/UI/Widget/BookProgressView.razor.rz.scp.css */
.book-setup-progress[b-8ccwglg8um] {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

    .book-setup-progress #InfoBox[b-8ccwglg8um] {
        flex: 1;
    }

    .book-setup-progress #ProgressBar[b-8ccwglg8um] {
        margin: 0.25rem 0;
        border: 1px solid var(--rz-primary);
    }

    .book-setup-progress #ProgressStrip[b-8ccwglg8um] {
        background-color: var(--rz-primary);
    }
/* /Engine/UI/Widget/HourglassIcon.razor.rz.scp.css */


.hourglassicon[b-ydjg703qhw] {
    --hourglassicon-color: goldenrod;
    --hourglassicon-size: 40px;
    position: relative;
    animation: loader-b-ydjg703qhw 5s cubic-bezier(.8,0,.2,1) infinite;
    height: var(--hourglassicon-size);
    width: calc(var(--hourglassicon-size) + 1px);
    box-sizing: content-box;
    border-width: 0;
}

@keyframes loader-b-ydjg703qhw {
    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.hourglassicon > #Top[b-ydjg703qhw] {
    animation: top-b-ydjg703qhw 5s linear infinite;
    border-top: calc(var(--hourglassicon-size) / 2) solid var(--hourglassicon-color);
    border-right: calc(var(--hourglassicon-size) / 2) solid transparent;
    border-left: calc(var(--hourglassicon-size) / 2) solid transparent;
    height: 0px;
    width: 1px;
    transform-origin: 50% 100%;
}

@keyframes top-b-ydjg703qhw {
    90% {
        transform: scale(0);
    }

    100% {
        transform: scale(0);
    }
}

.hourglassicon > #Bottom[b-ydjg703qhw] {
    animation: bottom-b-ydjg703qhw 5s linear infinite;
    border-right: calc(var(--hourglassicon-size) / 2) solid transparent;
    border-bottom: calc(var(--hourglassicon-size) / 2) solid var(--hourglassicon-color);
    border-left: calc(var(--hourglassicon-size) / 2) solid transparent;
    height: 0px;
    width: 1px;
    transform: scale(0);
    transform-origin: 50% 100%;
}

@keyframes bottom-b-ydjg703qhw {
    10% {
        transform: scale(0);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.hourglassicon > #Line[b-ydjg703qhw] {
    animation: line-b-ydjg703qhw 5s linear infinite;
    border-left: 1px dotted var(--hourglassicon-color);
    height: 0px;
    width: 0px;
    position: absolute;
    top: calc(var(--hourglassicon-size) / 2);
    left: calc(var(--hourglassicon-size) / 2);
    transform: translateX(-0.5px);
}

@keyframes line-b-ydjg703qhw {
    10% {
        height: calc(var(--hourglassicon-size) / 2);
    }

    100% {
        height: calc(var(--hourglassicon-size) / 2);
    }
}
/* /Engine/UI/Widget/LoadSpinner.razor.rz.scp.css */

.spinner-frame[b-89mwms5ujm] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    width: 80px;
    height: 80px;
    pointer-events: none;
}

    .spinner-frame.visible[b-89mwms5ujm] {
        display: block;
        -webkit-animation: .3s linear 0.2s forwards kf-fadeIn;
        animation: .3s linear 0.2s forwards kf-fadeIn;
    }

    .spinner-frame.hidden[b-89mwms5ujm] {
        -webkit-animation: .75s linear 0.2s forwards kf-fadeOut;
        animation: .75s linear 0.2s forwards kf-fadeOut;
    }


    .spinner-frame.stopped[b-89mwms5ujm] {
        display: none;
    }


.lds-spinner[b-89mwms5ujm],
.lds-spinner div[b-89mwms5ujm],
.lds-spinner div[b-89mwms5ujm]:after {
    box-sizing: border-box;
}

.lds-spinner[b-89mwms5ujm] {
    color: currentColor;
    width: 80px;
    height: 80px;
}

    .lds-spinner div[b-89mwms5ujm] {
        transform-origin: 40px 40px;
        animation: lds-spinner-b-89mwms5ujm 1.2s linear infinite;
    }

        .lds-spinner div[b-89mwms5ujm]:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3.2px;
            left: 36.8px;
            width: 6.4px;
            height: 17.6px;
            border-radius: 20%;
            background: currentColor;
        }

        .lds-spinner div:nth-child(1)[b-89mwms5ujm] {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2)[b-89mwms5ujm] {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3)[b-89mwms5ujm] {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4)[b-89mwms5ujm] {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5)[b-89mwms5ujm] {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6)[b-89mwms5ujm] {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7)[b-89mwms5ujm] {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8)[b-89mwms5ujm] {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9)[b-89mwms5ujm] {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10)[b-89mwms5ujm] {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11)[b-89mwms5ujm] {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12)[b-89mwms5ujm] {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner-b-89mwms5ujm {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Frame/ActivePanel.razor.rz.scp.css */
aside[b-cgcazthfg7] {
    --rz-primary: var(--book-color);
    position: relative;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    border-radius: 0.25rem;
    transform: translate(0);
    max-height: 90%;
    overflow: hidden;
}

.pos-left[b-cgcazthfg7] {
    margin-right: auto;
    animation: kf-Panel-fromleft-b-cgcazthfg7 ease-in 0.2s forwards;
}

.pos-right[b-cgcazthfg7] {
    margin-left: auto;
    animation: kf-Panel-fromright-b-cgcazthfg7 ease-in 0.2s forwards;
}

aside.expanded[b-cgcazthfg7] {
    visibility: visible;
}

#Header[b-cgcazthfg7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
    align-items: center;
    padding: 0;
    background-color: var(--rz-sidebar-background-color);
    border: 1px solid var(--book-color-lighter);
}

    #Header #CaptionText[b-cgcazthfg7] {
        grid-column: 1 / span 3;
        grid-row: 1;
        margin: auto;
        font-weight: 500;
        color: var(--book-color);
    }

    #Header[b-cgcazthfg7]  #TogglePositionBtn {
        grid-row: 1;
        border-radius: 0;
    }

.pos-right[b-cgcazthfg7]  #TogglePositionBtn {
    grid-column: 1;
}

.pos-left[b-cgcazthfg7]  #TogglePositionBtn {
    grid-column: 3;
}


@keyframes kf-Panel-fromleft-b-cgcazthfg7 {
    from {
        opacity: 0;
        transform: translate(-100px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes kf-Panel-fromright-b-cgcazthfg7 {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.small[b-cgcazthfg7] {
    width: var(--ui-packctr-width-xs);
    border-radius: 0.25rem;
}

.normal[b-cgcazthfg7] {
    width: var(--ui-packctr-width);
}

.large[b-cgcazthfg7] {
    width: var(--ui-packctr-width-lg);
}

#Container[b-cgcazthfg7] {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    border: 5px solid var(--book-color);
    padding: 0.5rem;
    background-color: var(--rz-sidebar-background-color);
}

.section-header[b-cgcazthfg7] {
    background-color: var(--book-color);
    color: white;
    padding: 0.25rem;
}


.pack-card[b-cgcazthfg7] {
    padding: 0.5rem;
    border: 2px solid var(--book-color-lighter);
    background-color: var(--book-bg-darker);
}

    .pack-card.active[b-cgcazthfg7] {
        border: 2px solid var(--item-focus-color);
        background-color: var(--book-bg);
    }

    .pack-card:not(:first-child)[b-cgcazthfg7] {
        margin-top: 0.5rem;
    }


#Footer[b-cgcazthfg7] {
    background-color: rgb(255, 255, 255, 0.3);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

[b-cgcazthfg7] #CloseBtn {
    margin: 0.25rem 0.25rem auto auto;
    float: right;
}
/* /Frame/AppInfoPanel.razor.rz.scp.css */
aside[b-6n8cmm9wv2] {
    --rz-datalist-item-background-color: transparent;
    --rz-datalist-padding: 0;
    --fg-color: var(--bs-body-color);
    --bg-color: var(--bs-info-bg-subtle);
    --icon-color: var(--bs-info);
    position: absolute;
    border-width: 2px;
    border-style: solid;
    padding: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: var(--ui-z-info);
    height: auto;
}

    aside.postop[b-6n8cmm9wv2] {
        top: 0;
        bottom: auto;
    }

    aside.posbottom[b-6n8cmm9wv2] {
        top: auto;
        bottom: 0;
    }

    aside.visible[b-6n8cmm9wv2] {
        visibility: visible;
    }

    aside.a-appearance-top[b-6n8cmm9wv2] {
        animation: kf-InfoPanel-top-b-6n8cmm9wv2 ease-in 0.3s forwards;
    }

    aside.a-appearance-bottom[b-6n8cmm9wv2] {
        animation: kf-InfoPanel-bottom-b-6n8cmm9wv2 ease-in 0.3s forwards;
    }

@keyframes kf-InfoPanel-top-b-6n8cmm9wv2 {
    from {
        opacity: 0;
        top: -50px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

@keyframes kf-InfoPanel-bottom-b-6n8cmm9wv2 {
    from {
        opacity: 0;
        bottom: -50px;
    }

    to {
        opacity: 1;
        bottom: 0;
    }
}


/* Radzen correction */

[b-6n8cmm9wv2] .rz-datalist-data > li {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#Header[b-6n8cmm9wv2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.5rem;
    margin: 0 0 0.5rem 0.5rem;
}

#EmptyBanner[b-6n8cmm9wv2] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
    height: 8rem;
}

#Content[b-6n8cmm9wv2] {
    overflow-y: auto;
    height: 8rem;
}


[b-6n8cmm9wv2] #ToggleBtn {
    position: absolute;
    padding: 0.5rem;
    border-width: 1px;
    border-style: solid;
}

    [b-6n8cmm9wv2] #ToggleBtn.top {
        top: calc(100% - 8px);
        left: 0.5rem;
        right: auto;
        bottom: auto;
    }

    [b-6n8cmm9wv2] #ToggleBtn.bottom {
        top: auto;
        left: 0.5rem;
        right: auto;
        bottom: calc(100% - 8px);
    }


[b-6n8cmm9wv2] #CloseBtn {
    position: absolute;
    border-width: 1px;
    border-style: solid;
}

    [b-6n8cmm9wv2] #CloseBtn.top {
        position: absolute;
        top: calc(100% - 8px);
        left: auto;
        right: 0.5rem;
        bottom: auto;
    }

    [b-6n8cmm9wv2] #CloseBtn.bottom {
        position: absolute;
        top: auto;
        left: auto;
        right: 0.5rem;
        bottom: calc(100% - 8px);
    }
/* /Frame/BookLayer/BookHost.razor.rz.scp.css */
div.book-host[b-7lbm8z3a3n] {
    --wnd-z-index: 0;
    --wnd-z-index-top: 1;
    overflow: hidden;
    position: relative;
    background-color: ivory;
    pointer-events: none;
}

#MainLayer[b-7lbm8z3a3n], #PopupLayer[b-7lbm8z3a3n] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#MainLayer[b-7lbm8z3a3n] {
    z-index: 0;
}

#PopupLayer[b-7lbm8z3a3n] {
    z-index: 1;
}
/* /Frame/BookLayer/BookPopupWnd.razor.rz.scp.css */

article.book-wnd[b-jbs1sw2w27] {
    position: absolute;
    display: grid;
    grid-template-rows: auto 1fr;
    border: 4px solid var(--book-color);
    background-color: ivory;
    pointer-events: auto;
    z-index: var(--wnd-z-index);
    opacity: 0;
    transition: opacity 0.3s;
}

    article.book-wnd.top[b-jbs1sw2w27] {
        z-index: var(--wnd-z-index-top);
    }

    article.book-wnd.visible[b-jbs1sw2w27] {
        opacity: 1;
    }


#Header[b-jbs1sw2w27] {
    position: relative;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 4px 0;
    border: none;
    background-color: var(--book-color);
    cursor: grab;
}

    #Header #LayoutBtn[b-jbs1sw2w27] {
        font-size: 1.25rem;
        padding: 0 0.5rem;
    }

    #Header #MinimizeBtn[b-jbs1sw2w27] {
        margin-left: auto;
    }

article.book-wnd.dragging[b-jbs1sw2w27]  {
    cursor: grabbing;
    border-color: var(--book-color-lighter);
}

article.book-wnd.dragging #Header[b-jbs1sw2w27] {
    cursor: grabbing;
}

#ClientArea[b-jbs1sw2w27], #ContentArea[b-jbs1sw2w27] {
    position: relative;
    width: 100%;
    height: 100%;
}

/* ------------------------*/
/* Popup window minimizing */
/* ------------------------*/

.minimized #ClientArea[b-jbs1sw2w27] {
    visibility: hidden;
}

article.book-wnd.minimized[b-jbs1sw2w27] {
    animation: 0.4s ease-in 0s forwards kf-book-wnd-minimize-b-jbs1sw2w27;
}

@keyframes kf-book-wnd-minimize-b-jbs1sw2w27 {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        top: 100%;
        opacity: 0;
        transform: scale(0.2);
        display: none;
    }
}

/* ------------------------*/
/* Popup window maximizing */
/* ------------------------*/

article.book-wnd.maximized[b-jbs1sw2w27] {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Position styles */
.wnd-pos-center[b-jbs1sw2w27] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wnd-pos-lefttop[b-jbs1sw2w27] {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}

.wnd-pos-righttop[b-jbs1sw2w27] {
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
}

.wnd-pos-leftbottom[b-jbs1sw2w27] {
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
}

.wnd-pos-rightbottom[b-jbs1sw2w27] {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
}

/* Width styles */

.wnd-width-50[b-jbs1sw2w27] {
    width: 50%;
}

.wnd-width-75[b-jbs1sw2w27] {
    width: 75%;
}

.wnd-width-100[b-jbs1sw2w27] {
    width: 100%;
}

/* Height styles */

.wnd-height-50[b-jbs1sw2w27] {
    height: 50%;
}

.wnd-height-75[b-jbs1sw2w27] {
    height: 75%;
}

.wnd-height-100[b-jbs1sw2w27] {
    height: 100%;
}
/* /Frame/BookLayer/BookWnd.razor.rz.scp.css */

article.book-wnd[b-jn70imfpv0] {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    overflow: hidden;
    border: 1px solid var(--book-color);
    background-color: ivory;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    transition: opacity 0.2s;
    z-index: var(--wnd-z-index);
}

    article.book-wnd.top[b-jn70imfpv0] {
        display: grid;
        z-index: var(--wnd-z-index-top);
    }

#ContentArea[b-jn70imfpv0] {
    position: relative;
    width: 100%;
    height: 100%;
}
/* /Frame/BookLayer/PopupLayoutCtr.razor.rz.scp.css */

div.layout-ctr[b-crw2dt9spm] {
    position: absolute;
    left: -1px;
    top: -1px;
    visibility: hidden;
    opacity: 0;
    color: var(--book-color);
}

    div.layout-ctr.expanded[b-crw2dt9spm] {
        visibility: visible;
        opacity: 1;
    }


/*  */

#RootLayout[b-crw2dt9spm] {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    background-color: var(--book-bg);
    padding: 0.5rem;
    border: 1px solid var(--book-color);
}

#WidthDefPanel[b-crw2dt9spm] {
    display: flex;
    flex-direction: row;
    grid-row: 1;
    grid-column: 2;
    gap: 0.25rem;
}

.wnd-size-btn[b-crw2dt9spm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5em;
    padding: 0;
}

#HeightDefPanel[b-crw2dt9spm] {
    display: flex;
    flex-direction: column;
    grid-row: 2;
    grid-column: 1;
    gap: 0.25rem;
}


#PositionBox[b-crw2dt9spm] {
    margin: 0.25rem 0.5rem;
    grid-row: 2;
    grid-column: 2;
}

#PositionCap[b-crw2dt9spm] {
    text-align: center;
    font-size: small;
    margin-bottom: 0.25rem;
}

[b-crw2dt9spm] #PositionGroup {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    margin: auto;
    width: fit-content;
}

    [b-crw2dt9spm] #PositionGroup .rz-radio-btn {
        --rz-radio-circle-background-color: var(--book-color);
        --rz-radio-checked-border: 1px solid var(--book-color);
        margin: 2px 4px;
    }

        [b-crw2dt9spm] #PositionGroup .rz-radio-btn .rz-radiobutton-label {
            display: none;
        }
/* /Frame/MainLayout.razor.rz.scp.css */

/* ==============================================
   MainLayout (Portrait — default)
// ============================================== */

#MainLayout[b-p1mp5tycui] {
    --sidebar-toggle-indent: 0.25rem;
    --layout-bar-size-unit: calc( var(--rz-sidebar-toggle-icon-width) + (var(--rz-sidebar-toggle-padding) * 2) + (var(--sidebar-toggle-indent) * 2) );
    /* *** */
    display: grid;
    grid-template-areas: none;
    grid-template-rows: auto auto auto 1fr;
    grid-template-columns: var(--layout-bar-size-unit) 1fr auto;
    /* *** */
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#MainHeader[b-p1mp5tycui] {
    position: relative;
    grid-row: 1;
    grid-column: 1 / span 3;

    display: grid;
    grid-template-columns: auto 1fr auto;

    align-items: center;
    text-align: center;
    z-index: var(--ui-z-cover);

    min-height: auto;
}

    #MainHeader #AltNavToggle[b-p1mp5tycui] {
        visibility: hidden;
        grid-column: 1;
        margin: 0.25rem;
    }

    #MainHeader #Caption[b-p1mp5tycui] {
        grid-column: 2;
    }

[b-p1mp5tycui] #MainHeader #ServiceSign {
    margin-left: 0.25rem;
    visibility: hidden;
}

[b-p1mp5tycui] #MainHeader #ServiceSign.visible {
    visibility: visible;
}


[b-p1mp5tycui] #MainNavToggle {
    --rz-sidebar-toggle-color: var(--rz-primary);
    grid-row: 2;
    grid-column: 1;
    margin: var(--sidebar-toggle-indent);
    z-index: auto;
}

[b-p1mp5tycui] #FullscreenToggle {
    grid-row: 2;
    grid-column: 3;
    margin: var(--sidebar-toggle-indent) var(--sidebar-toggle-indent) auto auto;
    z-index: auto;
}

#MainToolbar[b-p1mp5tycui] {
    grid-row: 2;
    grid-column: 2;
    width: 100%;
    min-height: var(--layout-bar-size-unit);
    z-index: auto;
}

[b-p1mp5tycui] #MainTopDivider {
    grid-row: 3;
    grid-column: 1 / span 3;
    z-index: auto;
    background-color: var(--rz-primary-light);
}


.tbar-vert[b-p1mp5tycui] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.5rem;
}

.tbar-horz[b-p1mp5tycui] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
}

.tbar-group-vert[b-p1mp5tycui] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.tbar-group-horz[b-p1mp5tycui] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

/* -------------------------------------------- */
/* Navigation Bar                               */

[b-p1mp5tycui] #MainNavBar {
    grid-row: 4;
    grid-column: 1 / span 3;
    width: 0;
    border-right: 1px solid var(--rz-primary-light);
    z-index: var(--ui-z-navbar);
}

/* Active (Packages) Panel */
[b-p1mp5tycui] #ActivePanel {
    position: relative;
    grid-row: 4;
    grid-column: 1 / span 3;
    z-index: var(--ui-z-book-ctr);
    margin-bottom: auto;
}

/* Page Host */
[b-p1mp5tycui] #PageHost {
    grid-row: 4;
    grid-column: 1 / span 3;
    z-index: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* -------------------------------------------- */
/* Book Layer                                   */

[b-p1mp5tycui] #BookHost {
    grid-row: 2 / span 3;
    grid-column: 1 / span 3;
    z-index: var(--ui-z-book-view);
}

/* -------------------------------------------- */
/* Busy Overlay                                   */

.busy-overlay[b-p1mp5tycui] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: var(--ui-z-busy);
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* ==============================================
  Adjustment layout for landscape
// ============================================== */

@media (orientation: landscape) {
    #MainLayout[b-p1mp5tycui] {
        grid-template-rows: auto var(--layout-bar-size-unit) 0 1fr;
    }

    #MainHeader #AltNavToggle[b-p1mp5tycui] {
        display: none;
    }

    [b-p1mp5tycui] #FullscreenToggle {
        margin: auto;
    }

    #MainToolbar[b-p1mp5tycui] {
        grid-row: 4;
        grid-column: 3;
        min-width: var( --layout-bar-size-unit);
        height: 100%;
        border-top: 1px solid var(--rz-primary-lighter);
        border-left: 1px solid var(--rz-primary-lighter);
    }

    [b-p1mp5tycui] #MainTopDivider {
        display: none;
    }

    [b-p1mp5tycui] #MainNavBar {
        border-top: 1px solid var(--rz-primary-light);
    }


    [b-p1mp5tycui] #ActivePanel {
        grid-column: 2 / span 2;
    }

    [b-p1mp5tycui] #PageHost {
        grid-row: 2 / span 3;
        grid-column: 2;
    }

    #BookLayer[b-p1mp5tycui] {
        grid-column: 2 / span 2;
    }

    [b-p1mp5tycui] #BookHost {
        grid-column: 2 / span 2;
    }

}
/* END @media (orientation: landscape)  */

/* /Frame/MainNavBar.razor.rz.scp.css */
nav[b-kz7d8g7rwq] {
    position: relative;
    overflow: hidden;
    background-color: var(--rz-sidebar-background-color);
    border-right: 1px solid var(--rz-primary-light);
    transition: width 0.15s ease-in;
}

    nav.expanded[b-kz7d8g7rwq] {
        width: var(--rz-sidebar-width) !important;
    }

    nav.collapsed[b-kz7d8g7rwq]  #NavBarCloseBtn {
        visibility: hidden;
    }

.nav-item[b-kz7d8g7rwq] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: var(--layout-bar-size-unit);
    border-bottom: 1px solid var(--rz-primary-light);
    cursor: pointer;
    color: var(--rz-primary-dark);
}

.nav-item.no-divider[b-kz7d8g7rwq] {
    border-bottom: none;
    margin-bottom: -1px;
}


    .nav-item:hover[b-kz7d8g7rwq] {
        background-color: var(--rz-primary-lighter);
        color: var(--rz-primary-dark);
    }

    .nav-item:focus[b-kz7d8g7rwq] {
        outline: none;
        background-color: var(--rz-primary-lighter);
        color: var(--rz-primary-dark);
    }

    .nav-item.active[b-kz7d8g7rwq] {
        background-color: var(--rz-primary);
        color: white;
    }


.nav-symbol-box[b-kz7d8g7rwq] {
    min-width: var(--layout-bar-size-unit);
    text-align: center;
}

.nav-item-text[b-kz7d8g7rwq] {
    text-wrap: nowrap;
    min-width: calc( var(--rz-sidebar-width) - (var(--layout-bar-size-unit) + var(--rz-panel-menu-item-padding)) );
}


.setup-indicator[b-kz7d8g7rwq] {
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    color: var(--rz-primary);
}


@media (orientation: landscape) {
    nav[b-kz7d8g7rwq] {
        border-top: 1px solid var(--rz-primary-light);
    }

        nav.collapsed[b-kz7d8g7rwq] {
            width: var(--layout-bar-size-unit) !important;
            opacity: 1;
        }
}
/* /Frame/PageHost.razor.rz.scp.css */
[b-tqhbzugpzc] .ui-page {
    position: relative;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}

    [b-tqhbzugpzc] .ui-page .ui-page-presenter {
        position: relative;
        display: grid;
        grid-template-rows: auto 1fr auto;
        margin: 0 auto 0 auto;
        border-left: 1px dotted var(--rz-primary-light);
        border-right: 1px dotted var(--rz-primary-light);
        overflow: hidden;
    }

[b-tqhbzugpzc] .ui-page-presenter .page-header-slot {
    grid-row: 1;
}

[b-tqhbzugpzc] .ui-page-presenter .ui-page-body {
    grid-row: 2;
    position: relative;
    overflow: hidden;
    padding: 0.5rem;
}

[b-tqhbzugpzc] .ui-page-presenter .page-footer-slot {
    grid-row: 3;
}

/* strip-adaptive layout */

[b-tqhbzugpzc] .ui-page-presenter.strip-adaptive {
    min-height: 100%;
}

/* strip-fluid layout */

[b-tqhbzugpzc] .ui-page-presenter.strip-fluid {
    width: 100%;
    min-height: 100%;
}

/* box-adaptive layout */

[b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
    height: 100%;
}

    [b-tqhbzugpzc] .ui-page-presenter.box-adaptive > .ui-page-body {
        height: 100%;
    }

/* box-fluid layout */

[b-tqhbzugpzc] .ui-page-presenter.box-fluid {
    width: 100%;
    height: 100%;
}

    [b-tqhbzugpzc] .ui-page-presenter.box-fluid > .ui-page-body {
        height: 100%;
    }

/*Page Caption */

[b-tqhbzugpzc] .ui-page-caption {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background-color: var(--rz-base-300);
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

    [b-tqhbzugpzc] .ui-page-caption.authenticated {
        color: var(--rz-primary);
        background-color: var(--rz-primary-lighter);
    }

    [b-tqhbzugpzc] .ui-page-caption #ChildContentBox {
        font-family: var(--rz-text-font-family);
        margin-left: auto;
    }


/* ------------------------------- */
/* Adaptive page presenter width   */

/* X-Small devices (portrait phones, less than 576px) */
[b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
    width: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    [b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
        width: 95%;
    }

    [b-tqhbzugpzc] .ui-page-presenter .ui-page-body {
        padding: 0.5rem 1rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
        width: 90%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    [b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
        width: 85%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    [b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
        width: 80%;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    [b-tqhbzugpzc] .ui-page-presenter.strip-adaptive, [b-tqhbzugpzc] .ui-page-presenter.box-adaptive {
        width: 75%;
    }
}

/* ------------------ */
/* Page Transition    */

[b-tqhbzugpzc] .ui-page.no-transition {
    visibility: visible;
    opacity: 1;
}

[b-tqhbzugpzc] .ui-page.appear-from-bottom {
    visibility: visible;
    animation: kf-appear-from-bottom-b-tqhbzugpzc ease-in 0.2s forwards;
}

[b-tqhbzugpzc] .ui-page.appear-from-right {
    visibility: visible;
    animation: kf-appear-from-right-b-tqhbzugpzc ease-in 0.2s forwards;
}

[b-tqhbzugpzc] .ui-page.appear-from-left {
    visibility: visible;
    animation: kf-appear-from-left-b-tqhbzugpzc ease-in 0.2s forwards;
}

@keyframes kf-appear-from-bottom-b-tqhbzugpzc {
    from {
        opacity: 0.3;
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes kf-appear-from-right-b-tqhbzugpzc {
    from {
        opacity: 0.3;
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes kf-appear-from-left-b-tqhbzugpzc {
    from {
        opacity: 0.3;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/* /Pages/Catalog/CatalogPage.razor.rz.scp.css */


#RegistrationBox[b-tkvugcu6nd] {
    display: none;
    overflow: hidden;
    position: relative;
    height: auto;
    flex-shrink: 0;
}

    #RegistrationBox.visible[b-tkvugcu6nd] {
        display: initial;
    }

/* BGN Correction */

[b-tkvugcu6nd] .rz-tabview {
    overflow: hidden;
    height: 100%;
}

[b-tkvugcu6nd] .rz-tabview-panels {
    overflow: hidden;
}

[b-tkvugcu6nd] .rz-tabview-panel {
    overflow: hidden;
    height: 100%;
}

/* END Correction */

/* BGN SetupTab Icon animation*/

[b-tkvugcu6nd] .setup-no .rz-tabview-icon {
    opacity: 0.5;
}

[b-tkvugcu6nd] .setup-progress .rz-tabview-icon {
    opacity: 1;
    animation: kf-rot-simple 2s linear infinite;
}

/* END SetupTab Icon animation*/

/* Adaptation to the smallest screens */
@media (max-width: 575.98px) {
    [b-tkvugcu6nd] .rz-datalist-content {
        --rz-datalist-item-margin-inline: 0;
        --rz-datalist-item-padding: 0;
    }

    [b-tkvugcu6nd] .rz-datalist-data > li {
        margin: 0;
    }
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
    [b-tkvugcu6nd] .rz-tabview {
        --rz-tabs-padding: 0.5rem 0;
        --rz-tabs-tab-padding-inline: 0.5rem;
        --rz-panel-padding: 0.5rem;
    }
}
/* /Pages/Catalog/RegistrationCtr.razor.rz.scp.css */
article[b-5a41ecnmhz] {
    --cur-color: var(--bs-gray-500);
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    background-color: var(--rz-warning-lighter);
}

    article.service[b-5a41ecnmhz] {
        --cur-color: var(--rz-primary);
        background-color: var(--rz-success-lighter);
    }

#Info[b-5a41ecnmhz] {
    display: flex;
    align-items: center;
}

#Sign[b-5a41ecnmhz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ui-btn-md-r);
    height: var(--ui-btn-md-r);
    border: 1px solid var(--cur-color);
    border-radius: 50%;
}

[b-5a41ecnmhz] #Sign svg {
    fill: var(--cur-color);
}


#Text[b-5a41ecnmhz] {
    grid-row: 1;
    grid-column: 2;
    margin-left: 0.5rem;
}

article.service #Text[b-5a41ecnmhz] {
    color: var(--cur-color);
    font-weight: 500;
}

[b-5a41ecnmhz] #CommandBtn {
    margin-left: auto;
}

@media (orientation: landscape) {
}
/* /Pages/Catalog/Stuff/BookDetailsBar.razor.rz.scp.css */
article[b-e3kkmyy9yt] {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--rz-info);
    height: 100%;
    background-color: var(--rz-sidebar-background-color);
    z-index: var(--rz-sidebar-z);
    visibility: hidden;
    opacity: 0;
    transform: translateX(-100px);
}

    article.expanded[b-e3kkmyy9yt] {
        visibility: visible;
        transform: translateX(0);
        opacity: 1;
        transition: visibility 0s linear 0s, transform 300ms, opacity 300ms;
    }

#Header[b-e3kkmyy9yt] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: var(--rz-info-lighter);
    padding: 0.5rem;
}

[b-e3kkmyy9yt] #NoDetailsMsg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* /Pages/Catalog/Stuff/Details.razor.rz.scp.css */

article[b-admblglw7d] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#ScrolledContent[b-admblglw7d] {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
}

[b-admblglw7d] #GoBackBtn {
    grid-row: 1 / span 2;
    position: sticky;
    top: 0;
    height: fit-content;
    grid-column: 1;
    flex-shrink: 0;
    margin-right: 0.5rem;
    width: min-content;
    min-height: 2rem;
    border: 2px solid white;
    border-radius: 8px;
    text-align: start;
    z-index: var(--ui-z-elevated);
}


/***********************/
/* Header (Logo, etc.) */

header[b-admblglw7d] {
    grid-row: 1;
    grid-column: 2;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto auto 1fr auto;
    align-items: start;
    height: fit-content;
    gap: 0.75rem;
}


    header[b-admblglw7d]  #Logo {
        grid-row: 1 / span 4;
        grid-column: 1;
    }

    header #MainDistorPane[b-admblglw7d] {
        grid-row: 2;
        grid-column: 2;
    }

    header #Caption[b-admblglw7d] {
        grid-row: 3;
        grid-column: 2;
    }


/* //////////////////////////////// */
/* Main Content */
/* //////////////////////////////// */

#MainContent[b-admblglw7d] {
    grid-row: 2;
    grid-column: 1 / span 2;
    position: relative;
    overflow: hidden;
    height: fit-content;
}

[b-admblglw7d] #BooksContainer {
    overflow: hidden;
    padding: 0.75rem 0.5rem 0 0;
}


/***********************/
/* Tabs (Main content) */

[b-admblglw7d] .rz-tabview {
    --rz-tabs-tab-text-transform: none;
    overflow: hidden;
    flex: 1;
}

[b-admblglw7d] .rz-tabview-panels {
    --rz-tabs-padding: 0;
    --rz-panel-content-margin: 0.5rem 0 0 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

[b-admblglw7d] .rz-tabview .rz-tabview-panel {
    overflow: hidden;
    height: 100%;
}

[b-admblglw7d] .rz-tabview .rz-alert {
    --rz-alert-margin: 0;
    --rz-alert-padding: 0.5rem;
    --rz-alert-gap: 0.5rem;
    width: auto;
}

/* Book List */

[b-admblglw7d] .book-card {
    border: 1px solid var(--book-color);
    background-color: var(--book-bg);
}

[b-admblglw7d] .book-thumb {
    width: 96px;
    height: 128px;
}

[b-admblglw7d] .book-descr-btn {
    margin-left: auto;
    flex-shrink: 0;
}

[b-admblglw7d] .commercial-info {
    display: flex;
    align-items: center;
}

    [b-admblglw7d] .commercial-info .value {
        padding: 2px 4px;
        margin: 0 0.5rem 0 0.25rem;
        border: 1px solid var(--rz-info-light);
        background-color: var(--rz-info-lighter);
    }


/* HTM Frame */

[b-admblglw7d] .content-frame {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    margin-top: 0.75rem;
    padding: 0;
    scrollbar-width: thin;
}

[b-admblglw7d] .content-frame-fluid {
    overflow: hidden;
    width: 100%;
    margin-top: 0.75rem;
    padding: 0;
}



/* for extra small devices */
@media (max-width: 575.98px) {

    header[b-admblglw7d] {
        gap: 0.5rem;
    }

        header #Caption[b-admblglw7d] {
            grid-row: 5;
            grid-column: 1 / span 2;
        }

    [b-admblglw7d] .book-thumb {
        width: 64px;
        height: 80px;
    }
}
/* /Pages/Catalog/Stuff/InstalledCtr.razor.rz.scp.css */


[b-7de90zyp88] #PackageProps tr {
    vertical-align: middle;
}

[b-7de90zyp88] #PackageProps th {
    white-space:break-spaces;
    width: 1%;
}


[b-7de90zyp88] #FooterContainer {
    display: grid;
}

[b-7de90zyp88] #FooterContainer > * {
    grid-row: 1;
    grid-column: 1;
}

[b-7de90zyp88] #FooterContainer .rz-alert {
    --rz-alert-margin: 0;
    --rz-alert-padding: 0.5rem;
    --rz-alert-gap: 0.5rem;
    width: auto;
}

@media (max-width: 575.98px) {

    [b-7de90zyp88] #FooterContainer {
        --rz-gap: 0.25rem;
    }

    [b-7de90zyp88] #FooterContainer .rz-alert {
        --rz-alert-gap: 0.25rem;
    }
}
/* /Pages/Catalog/Stuff/Master.razor.rz.scp.css */
article[b-558c2l6c0x] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

header[b-558c2l6c0x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    header[b-558c2l6c0x]  #FilterField {
        margin: 0.25rem;
    }

[b-558c2l6c0x] #DataList {
    flex: 1;
    overflow-y: auto;
}


[b-558c2l6c0x] .card-item {
    --rz-card-padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    [b-558c2l6c0x] .card-item #Image {
        align-self: start;
    }

    [b-558c2l6c0x] .card-item #NameBox {
        flex: 1;
        gap: 0;
    }

    [b-558c2l6c0x] .card-item #GotoBtnBox {
        text-align: end;
    }

/* Adaptation to the smallest screens */
@media (max-width: 575.98px) {
    header[b-558c2l6c0x] {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

        header[b-558c2l6c0x]  #FilterField {
            align-self: end;
            margin-top: 0;
        }
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
    [b-558c2l6c0x] .rz-datalist-data > li {
        padding: 0;
    }

    [b-558c2l6c0x] .card-item {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

        [b-558c2l6c0x] .card-item #GotoBtnBox {
            flex-basis: 100%;
        }
}
/* /Pages/Catalog/Stuff/ServiceCtr.razor.rz.scp.css */


article[b-bvls8swyib] {
    overflow: hidden;
    height: 100%;
}

[b-bvls8swyib] #DistorDetails {
    height: 100%;
}

[b-bvls8swyib] #Carousel {
    height: 100%;
}

[b-bvls8swyib] #Carousel .rz-carousel-items {
    overflow: hidden;
}

[b-bvls8swyib] #Carousel .rz-carousel-pager {
    visibility: hidden;
}
/* /Pages/Catalog/Stuff/SetupDisplay.razor.rz.scp.css */

article[b-xjausds4l9] {
    position: relative;
    height: 100%;
}


    article.empty[b-xjausds4l9] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.part-caption[b-xjausds4l9] {
    margin-top: 2rem;
}

.book-item-box[b-xjausds4l9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem;
    padding: 1rem;
    border: 2px dashed var(--book-color);
    background-color: var(--book-bg);
}

.book-props[b-xjausds4l9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Pages/Help/HelpPage.razor.rz.scp.css */
h1[b-cccv119yme] {
    color: maroon;
    padding: 0.25rem;
}

[b-cccv119yme] #AboutSection {
    --rz-accordion-item-background-color: transparent;
    background-color: var(--rz-primary-lighter);
    --rz-accordion-content-padding-block: 0 1rem;
}

    [b-cccv119yme] #AboutSection .logoimg {
        max-height: 80px;
        align-self: self-start;
    }

    [b-cccv119yme] #AboutSection .avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    [b-cccv119yme] #AboutSection #Copyright {
        margin-top: 0.25rem;
        align-self: center;
    }


/* Adaptation to the smallest screens */
@media (max-width: 575.98px) {
    [b-cccv119yme] #AboutSection .logoimg {
        max-height: 70px;
    }

    [b-cccv119yme] #AboutSection .avatar {
        width: 70px;
        height: 70px;
    }

}
/* /Pages/Home/HomePage.razor.rz.scp.css */
/* /Pages/Home/Stuff/CurrentUser.razor.rz.scp.css */
#ExitBtnBox[b-dw5c5cxg1u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: var(--rz-primary);
}
/* /Pages/Home/Stuff/EnterControl.razor.rz.scp.css */

article[b-l76jntjaoc] {
    opacity: 0;
    display: none;
}

article.entrance[b-l76jntjaoc] {
    display: initial;
    animation: .75s linear 0.2s forwards kf-bounceIn;
}

#EnterBtnBox[b-l76jntjaoc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: var(--rz-primary);
}

/* /Pages/Settings/SettingsPage.razor.rz.scp.css */
[b-um7w4x8rmm] #Tabs {
    height: 100%;
}
/* /Pages/Settings/Stuff/LibraryList.razor.rz.scp.css */
[b-i5wegoqbgi] .lib-item-content {
    width: 100%;
    border-collapse: collapse;
}

[b-i5wegoqbgi] .lib-item-content tr {
    border: solid;
    border-width: 1px 0;
}

[b-i5wegoqbgi] .lib-item-content th {
    line-height: 1;
    padding: 0.5rem 0.25rem;
}

[b-i5wegoqbgi] .lib-item-content td {
    width: 100%;
    padding: 0.5rem 0.25rem 0.5rem 0.75rem;
}

/* /Pages/Shelf/ShelfPage.razor.rz.scp.css */

[b-yjis0scii3] .toolbutton-label {
    line-height: 1;
    margin-bottom: 0;
}

[b-yjis0scii3] .relocsign-box {
    animation-name: kf-blink-pale;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    fill: var(--rz-primary);
}
/* /Pages/Shelf/Stuff/DetailsView.razor.rz.scp.css */
article[b-iwbwn407p7] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    padding: 0;
    border: 3px solid transparent;
}

    article.border-passive[b-iwbwn407p7] {
        border: 3px solid var(--rz-base-400);
    }

    article.border-active[b-iwbwn407p7] {
        border: 3px solid var(--rz-info);
    }

    article[b-iwbwn407p7]  #Caption {
        padding: 0.5rem 0.5rem 0 0.5rem;
    }

    article #ScrolledContent[b-iwbwn407p7] {
        flex: 1;
        overflow-y: auto;
        padding: 0 0.5rem 0.5rem 0.5rem;
    }

    article[b-iwbwn407p7]  .rz-tabview {
        overflow: hidden;
        flex: 1;
        height: 100%;
    }
/* /Pages/Shelf/Stuff/ShelfTree.razor.rz.scp.css */
article[b-0svp0mse0u] {
    height: 100%;
    overflow: auto;
}

[b-0svp0mse0u] .vitem {
    margin: 0;
    padding: 0;
}

    [b-0svp0mse0u] .vitem .vitem-label {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 0.25rem;
        user-select: none;
    }


[b-0svp0mse0u] .vitem-label .text {
    margin: 0 0 0 0.5rem;
    line-height: 1.3;
}

[b-0svp0mse0u] .vitem-label.nowrap .text {
    text-wrap: nowrap;
}


[b-0svp0mse0u] .vitem-label .arrow {
    margin-right: 0;
    min-width: 1em;
    cursor: pointer;
}

    [b-0svp0mse0u] .vitem-label .arrow.disabled {
        opacity: 0.5;
    }

    [b-0svp0mse0u] .vitem-label .arrow.hidden {
        visibility: hidden;
    }

/* не используется */
[b-0svp0mse0u] .vitem-label .arrow-placeholder {
    min-width: 1em;
    margin-right: 0.5rem;
}


[b-0svp0mse0u] .vitem-label .label-content {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.25rem 0.5rem;
    cursor: default;
    border-width: 1px;
    border-style: dotted;
    border-color: transparent;
    border-radius: 10px;
}

[b-0svp0mse0u] .vitem-label.selected .label-content {
    border-color: var(--selitem-color-br);
    background-color: var(--selitem-bg);
}

[b-0svp0mse0u] .label-content .prompt-sign {
    position: absolute;
    left: -8px;
    top: -8px;
    color: var(--bs-primary);
    background-color: rgb(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

[b-0svp0mse0u] .label-content .prompt-setup {
    position: absolute;
    left: -8px;
    top: -8px;
    color: var(--rz-primary);
}



[b-0svp0mse0u] .vitem .nest-box {
    position: relative;
    margin-left: calc(1em + 0.5rem + 0.5rem + (var(--ui-icon-md) / 2));
    margin-bottom: 0.5rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
    border-left: 1px solid grey;
}

@media (min-width: 576px) {
    [b-0svp0mse0u] .vitem .nest-box {
        margin-left: calc(1em + 0.5rem + 0.5rem + (var(--ui-icon-lg) / 2));
    }
}


[b-0svp0mse0u] .nest-box .lowerband {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    border-bottom: 1px solid grey;
    width: 16px;
    height: 1px;
}

@media (min-width: 992px) {

    [b-0svp0mse0u] .vitem-label .text {
        font-size-adjust: 0.6;
        line-height: 1.4;
    }
}

@media (min-width: 1200px) {

    [b-0svp0mse0u] .vitem-label .text {
        font-size-adjust: 0.7;
        line-height: 1.6;
    }
}

article.shelftree[b-0svp0mse0u] {
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 3px 12px 3px;
}

/* The go to the catalog offer  */

#GoCatalogAlertBox[b-0svp0mse0u] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    width: 100%;
    background-color: var(--rz-body-background-color);
}

#GoCatalogAlertBox[b-0svp0mse0u] >  .rz-alert {
    margin: 0;
}

    #GoCatalogAlertBox[b-0svp0mse0u] >  .rz-alert .rz-alert-content {
        margin-left: auto;
        margin-right: auto;
    }