/* _content/Itmo.Dev.Asap.Frontend.Presentation.Components/Card/AsapCard.razor.rz.scp.css */
.asap-card[b-o0eba8oscw] {
    height: 100%;
    width: 100%;
    
    background: var(--asap-white-primary);

    &.asap-card-scroll {
        overflow: scroll;

        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */

        &::-webkit-scrollbar { /* WebKit */
            width: 0;
            height: 0;
        }
    }

    &.asap-card-variant-outlined[b-o0eba8oscw] {
        border: 2px var(--asap-gray-tertiary) solid;
    }

    &.asap-card-variant-filled[b-o0eba8oscw] {
        background: var(--asap-gray-secondary)!important;
    }

    &.asap-card-size-standard[b-o0eba8oscw] {
        padding: 20px;
        border-radius: var(--asap-border-radius-primary);

        &.asap-card-scroll::-webkit-scrollbar-track {
            margin-top: var(--asap-border-radius-primary);
            margin-bottom: calc(var(--asap-border-radius-primary) / 2);
        }
    }

    &.asap-card-size-compact[b-o0eba8oscw] {
        padding: 16px;
        border-radius: var(--asap-border-radius-secondary);
        height: unset;

        &.asap-card-scroll::-webkit-scrollbar-track {
            margin-top: var(--asap-border-radius-secondary);
            margin-bottom: calc(var(--asap-border-radius-secondary) / 2);
        }
    }

    &.asap-card-size-minimal[b-o0eba8oscw] {
        padding: 4px;
        border-radius: var(--asap-border-radius-tertiary);
        height: unset;
        width: unset;

        &.asap-card-scroll::-webkit-scrollbar-track {
            margin-top: var(--asap-border-radius-secondary);
            margin-bottom: calc(var(--asap-border-radius-secondary) / 2);
        }
    }

    &.asap-card-clickable[b-o0eba8oscw] {
        transition: box-shadow 0.1s linear, transform 0.1s linear;
    }

    &.asap-card-clickable:hover[b-o0eba8oscw] {
        cursor: pointer;

        &:not(.asap-card-disable-elevation) {
            transform: scale(1.005);
            box-shadow: 0 2px 6px var(--asap-gray-primary);
        }
    }

    &.asap-card-active[b-o0eba8oscw], &.asap-card-active.asap-card-clickable:hover[b-o0eba8oscw] {
        &.asap-card-size-standard:not(.asap-card-disable-elevation) {
            padding-top: 28px;
            padding-bottom: 28px;
        }

        &.asap-card-size-compact:not(.asap-card-disable-elevation)[b-o0eba8oscw] {
            padding-top: 24px;
            padding-bottom: 24px;
        }
    }

    &.asap-card-active[b-o0eba8oscw] {
        background: var(--asap-blue-secondary) !important;
    }
}
/* _content/Itmo.Dev.Asap.Frontend.Presentation.Components/Navigation/AsapNavBar.razor.rz.scp.css */
.asap-nav-bar-wrapper[b-g5kf4sl9f2] {
    display: grid;

    & .asap-nav-bar {
        width: 100%;
        height: 100%;
        max-height: 65px;

        padding-left: 20px;
        padding-right: 20px;

        margin-top: 15px;
        margin-bottom: 10px;

        display: grid;
        justify-content: stretch;
        align-items: center;

        position: absolute;
        z-index: 100;

        grid-row: 1;
        grid-column: 1;

        &.asap-nav-bar-placeholder {
            position: unset;
            height: 65px;
            z-index: unset;

            grid-row: 1;
            grid-column: 1;
        }

        & .asap-nav-bar-background[b-g5kf4sl9f2] {
            background-color: var(--mud-palette-drawer-background);

            position: relative;
            height: 100%;
            width: 100%;

            border-radius: 20px;

            grid-column: 1;
            grid-row: 1;
            z-index: -1;

            align-self: start;

            box-shadow: 0 5px 16px -11px rgba(34, 60, 80, 0.6);

            transition: max-height 0.4s ease-out;
        }

        & .asap-nav-bar-container[b-g5kf4sl9f2] {
            grid-column: 1;
            grid-row: 1;

            display: grid;

            justify-content: start;
            align-items: stretch;

            & .asap-nav-bar-logo-link {
                display: flex;
                align-items: center;

                grid-row: 1;
                grid-column: 1;

                & .asap-nav-bar-logo {
                    padding-left: 25px;
                    height: 30px;

                    -moz-user-select: none;
                    -webkit-user-select: none;
                    user-select: none;
                }
            }

            & .asap-nav-bar-items-container[b-g5kf4sl9f2] {
                display: flex;
                justify-content: start;
                align-items: stretch;
                padding-left: 20px;
            }

            & .asap-nav-bar-spacer[b-g5kf4sl9f2] {
                flex-grow: 1;
                grid-row: 1;
            }

            & .asap-nav-bar-end-items-container[b-g5kf4sl9f2] {
                padding-right: 25px;
            }
        }
    }

    @media (width >= 650px) {
        & .asap-nav-bar[b-g5kf4sl9f2] {
            & .asap-nav-bar-container {
                grid-template-columns: minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto);
                height: 100%;
                
                & .asap-nav-bar-start-items-container {
                    grid-row: 1;
                    grid-column: 2;
                }

                & .asap-nav-bar-spacer[b-g5kf4sl9f2] {
                    grid-column: 3;
                }

                & .asap-nav-bar-end-items-container[b-g5kf4sl9f2] {
                    grid-row: 1;
                    grid-column: 4;
                }

                [b-g5kf4sl9f2] & .asap-nav-bar-toggle-button {
                    display: none;
                }
            }
        }
    }

    @media (width < 650px) {
        & .asap-nav-bar[b-g5kf4sl9f2] {
            & .asap-nav-bar-background {
                max-height: 65px;

                &::after {
                    box-shadow: 0 5px 16px 0 rgba(34, 60, 80, 0.6);
                    opacity: 0;
                    content: "";
                    display: inline-block;
                    background: none;
                    border-radius: inherit;
                    height: 100%;
                    width: 100%;
                    
                    transition: opacity 0.5s ease-out;
                }
            }

            & .asap-nav-bar-container[b-g5kf4sl9f2] {
                margin-top: 8px;
                margin-bottom: 8px;

                grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);

                & .asap-nav-bar-start-items-container {
                    grid-row: 2;
                    grid-column: 1 / 4;

                    visibility: hidden;
                    flex-direction: column;
                }

                & .asap-nav-bar-spacer[b-g5kf4sl9f2] {
                    grid-column: 2;
                }

                & .asap-nav-bar-end-items-container[b-g5kf4sl9f2] {
                    grid-row: 3;
                    grid-column: 1 / 4;

                    visibility: hidden;
                    flex-direction: column;

                    margin-top: 5px;
                }

                [b-g5kf4sl9f2] & .asap-nav-bar-toggle-button {
                    grid-row: 1;
                    grid-column: 3;

                    display: unset;

                    color: var(--mud-palette-drawer-text);
                    margin-right: 10px;

                    transition: transform 0.5s;
                }
            }
        }

        & .asap-nav-bar-open[b-g5kf4sl9f2] {
            & .asap-nav-bar-background {
                max-height: 200px;

                &::after {
                    opacity: 1;
                }
            }

            & .asap-nav-bar-container[b-g5kf4sl9f2] {
                & .asap-nav-bar-start-items-container {
                    visibility: unset;
                }

                & .asap-nav-bar-end-items-container[b-g5kf4sl9f2] {
                    visibility: unset;
                }

                [b-g5kf4sl9f2] & .asap-nav-bar-toggle-button {
                    transform: rotate(-90deg);
                }
            }
        }
    }
}
/* _content/Itmo.Dev.Asap.Frontend.Presentation.Components/Navigation/AsapNavBarItem.razor.rz.scp.css */
@keyframes navBarItemOpacity-b-q52uxqskhd {
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1
    }
}

.asap-nav-bar-item[b-q52uxqskhd] {
    flex-shrink: 1;

    display: flex;
    align-items: center;

    .asap-nav-bar.asap-nav-bar-open & {
        margin-bottom: 5px;
    }

    [b-q52uxqskhd]& .asap-nav-bar-item-link {
        color: var(--mud-palette-drawer-text);
        margin-left: 10px;
        margin-right: 10px;
    }

    [b-q52uxqskhd]& .asap-nav-bar-item-link:hover > p {
        text-decoration: underline;
    }

    @media (width < 650px) {
        opacity: 0;

        .asap-nav-bar.asap-nav-bar-open &[b-q52uxqskhd] {
            /*opacity: 1;*/
            animation: navBarItemOpacity-b-q52uxqskhd var(--asap-nav-bar-item-animation-duration) forwards;
            animation-delay: var(--asap-nav-bar-item-animation-delay);
        }

        [b-q52uxqskhd]& .asap-nav-bar-item-link {
            width: 100%;
        }

    }
}
/* _content/Itmo.Dev.Asap.Frontend.Presentation.Components/Tabs/AsapTabPanel.razor.rz.scp.css */
.asap-tab-panel[b-mf9xp3n7df] {
    grid-column: 1;
    grid-row: 1;
    
    overflow: hidden;

    display: none;

    &.asap-tab-panel-active {
        display: unset;
    }
    
    & .asap-tab-panel-content[b-mf9xp3n7df] {
        height: 100%;
    }
}
/* _content/Itmo.Dev.Asap.Frontend.Presentation.Components/Tabs/AsapTabs.razor.rz.scp.css */
[b-skvzooyt5w].asap-tabs {
    display: grid;
    gap: 10px;

    height: 100%;
    width: 100%;

    &.asap-tabs-vertical {
        grid-template-columns: minmax(0, auto) 1fr;

        & .asap-tabs-panels {
            grid-row: 1;
            grid-column: 2;
        }
    }

    &.asap-tabs-horizontal[b-skvzooyt5w] {
        grid-template-rows: minmax(0, auto) 1fr;

        & .asap-tabs-panels {
            grid-row: 2;
            grid-column: 1;
        }
    }

    & .asap-tabs-panels[b-skvzooyt5w] {
        overflow: hidden;
        display: grid;
    }
}

[b-skvzooyt5w].asap-tabs .asap-tabs-headers {
    grid-row: 1;
    grid-column: 1;

    padding-right: 8px !important;
}

[b-skvzooyt5w].asap-tabs.asap-tabs-horizontal .asap-tabs-headers {
    overflow-x: scroll;
    padding: 6px;
}

[b-skvzooyt5w].asap-tabs .asap-tabs-headers .asap-tabs-header {
    border-radius: var(--asap-border-radius-tertiary);
    padding: 8px 10px 8px !important;
}

[b-skvzooyt5w].asap-tabs .asap-tabs-headers .asap-tabs-header:hover {
    background: var(--asap-gray-tertiary);
}

[b-skvzooyt5w].asap-tabs .asap-tabs-headers .asap-tabs-header.asap-tabs-header-active p {
    font-weight: 500;
}

[b-skvzooyt5w].asap-tabs.asap-tabs-vertical .asap-tabs-headers .asap-tabs-active-marker {
    height: 100%;
    width: 4px;

    margin-left: -6px;

    background: var(--asap-blue-primary);
    border-radius: 50px;

    transition: margin-left 0.1s ease-in-out;
}

[b-skvzooyt5w].asap-tabs.asap-tabs-vertical .asap-tabs-headers :has(.asap-tabs-header-active:hover) ~ .asap-tabs-active-marker {
    margin-left: -12px;
}