/* _content/FlashCard/Pages/Index.razor.rz.scp.css */

.bg[b-we0811len4] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: black;
}

.container[b-we0811len4] {
    height: 100%;
    width: 100%;
    padding: 5px;
    display: grid;
    justify-items: center;
    align-items: baseline;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(15, 1fr);
    grid-template-areas:
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        "deck0 deck1 deck2 deck3 deck4 deck5 deck6 deck7 deck8 deck9 deck10 deck11 deck12 deck13 deck14 deck15"
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        "day1  day2 day3 day4 day5 day6 day7 day8 day9  day10 day11 day12 day13 day14 .    ."
        ".     .    .    .    .    .    .    .    .     .     .     .     .     .     .    ."
        "cell1 c101 c102 c103 c104 c105 c106 c107 c108  c109  c110  c111  c112  c113  c114 promote"
        "cell2 c201 c202 c203 c204 c205 c206 c207 c208  c209  c210  c211  c212  c213  c214 flip"
        "cell3 c301 c302 c303 c304 c305 c306 c307 c308  c309  c310  c311  c312  c313  c314 demote"
        "cell4 c401 c402 c403 c404 c405 c406 c407 c408  c409  c410  c411  c412  c413  c414 rc"
        "cell5 c501 c502 c503 c504 c505 c506 c507 c508  c509  c510  c511  c512  c513  c514 rc"
        "cell6 c601 c602 c603 c604 c605 c606 c607 c608  c609  c610  c611  c612  c613  c614 delete";
    --cell1: #e8f5e9;
    --cell2: #c8e6c9;
    --cell3: #a5d6a7;
    --cell4: #66bb6a;
    --cell5: #4caf50;
    --cell6: #388e3c;
    --cell: #f5deb3;
}

.cell[b-we0811len4] {
    font-size: 1.3rem;
    font-weight: 700;
}

.day[b-we0811len4] {
    font-size: 1.3rem;
    font-weight: 400;
    color: #f5deb3;
}

.cell .active[b-we0811len4] {
    border: var(--cell6) 3px solid;
}

.rc[b-we0811len4] {
    grid-area: rc;
    color: var(--cell);
    font-size: 1.3rem;
}

.review[b-we0811len4] {
    grid-area: review;
    font-size: 1rem;
    color: var(--cell);
}

.delete[b-we0811len4] {
    grid-area: delete;
}

.demote[b-we0811len4] {
    grid-area: demote;
}

.promote[b-we0811len4] {
    grid-area: promote;
}

.flip[b-we0811len4] {
    grid-area: flip;
}

.cell1[b-we0811len4] {
    grid-area: cell1;
    color: var(--cell1);
}

.cell2[b-we0811len4] {
    grid-area: cell2;
    color: var(--cell2);
}

.cell3[b-we0811len4] {
    grid-area: cell3;
    color: var(--cell3);
}

.cell4[b-we0811len4] {
    grid-area: cell4;
    color: var(--cell4);
}

.cell5[b-we0811len4] {
    grid-area: cell5;
    color: var(--cell5);
}

.cell6[b-we0811len4] {
    grid-area: cell6;
    color: var(--cell6);
}

.day1[b-we0811len4] {
    grid-area: day1;
}

.day2[b-we0811len4] {
    grid-area: day2;
}

.day3[b-we0811len4] {
    grid-area: day3;
}

.day4[b-we0811len4] {
    grid-area: day4;
}

.day5[b-we0811len4] {
    grid-area: day5;
}

.day6[b-we0811len4] {
    grid-area: day6;
}

.day7[b-we0811len4] {
    grid-area: day7;
}

.day8[b-we0811len4] {
    grid-area: day8;
}

.day9[b-we0811len4] {
    grid-area: day9;
}

.day10[b-we0811len4] {
    grid-area: day10;
}

.day11[b-we0811len4] {
    grid-area: day11;
}

.day12[b-we0811len4] {
    grid-area: day12;
}

.day13[b-we0811len4] {
    grid-area: day13;
}

.day14[b-we0811len4] {
    grid-area: day14;
}

.c101[b-we0811len4] {
    grid-area: c101;
}

.c102[b-we0811len4] {
    grid-area: c102;
}

.c103[b-we0811len4] {
    grid-area: c103;
}

.c104[b-we0811len4] {
    grid-area: c104;
}

.c105[b-we0811len4] {
    grid-area: c105;
}

.c106[b-we0811len4] {
    grid-area: c106;
}

.c107[b-we0811len4] {
    grid-area: c107;
}

.c108[b-we0811len4] {
    grid-area: c108;
}

.c109[b-we0811len4] {
    grid-area: c109;
}

.c110[b-we0811len4] {
    grid-area: c110;
}

.c111[b-we0811len4] {
    grid-area: c111;
}

.c112[b-we0811len4] {
    grid-area: c112;
}

.c113[b-we0811len4] {
    grid-area: c113;
}

.c114[b-we0811len4] {
    grid-area: c114;
}

.c201[b-we0811len4] {
    grid-area: c201;
}

.c202[b-we0811len4] {
    grid-area: c202;
}

.c203[b-we0811len4] {
    grid-area: c203;
}

.c204[b-we0811len4] {
    grid-area: c204;
}

.c205[b-we0811len4] {
    grid-area: c205;
}

.c206[b-we0811len4] {
    grid-area: c206;
}

.c207[b-we0811len4] {
    grid-area: c207;
}

.c208[b-we0811len4] {
    grid-area: c208;
}

.c209[b-we0811len4] {
    grid-area: c209;
}

.c210[b-we0811len4] {
    grid-area: c210;
}

.c211[b-we0811len4] {
    grid-area: c211;
}

.c212[b-we0811len4] {
    grid-area: c212;
}

.c213[b-we0811len4] {
    grid-area: c213;
}

.c214[b-we0811len4] {
    grid-area: c214;
}

.c301[b-we0811len4] {
    grid-area: c301;
}

.c302[b-we0811len4] {
    grid-area: c302;
}

.c303[b-we0811len4] {
    grid-area: c303;
}

.c304[b-we0811len4] {
    grid-area: c304;
}

.c305[b-we0811len4] {
    grid-area: c305;
}

.c306[b-we0811len4] {
    grid-area: c306;
}

.c307[b-we0811len4] {
    grid-area: c307;
}

.c308[b-we0811len4] {
    grid-area: c308;
}

.c309[b-we0811len4] {
    grid-area: c309;
}

.c310[b-we0811len4] {
    grid-area: c310;
}

.c311[b-we0811len4] {
    grid-area: c311;
}

.c312[b-we0811len4] {
    grid-area: c312;
}

.c313[b-we0811len4] {
    grid-area: c313;
}

.c314[b-we0811len4] {
    grid-area: c314;
}

.c401[b-we0811len4] {
    grid-area: c401;
}

.c402[b-we0811len4] {
    grid-area: c402;
}

.c403[b-we0811len4] {
    grid-area: c403;
}

.c404[b-we0811len4] {
    grid-area: c404;
}

.c405[b-we0811len4] {
    grid-area: c405;
}

.c406[b-we0811len4] {
    grid-area: c406;
}

.c407[b-we0811len4] {
    grid-area: c407;
}

.c408[b-we0811len4] {
    grid-area: c408;
}

.c409[b-we0811len4] {
    grid-area: c409;
}

.c410[b-we0811len4] {
    grid-area: c410;
}

.c411[b-we0811len4] {
    grid-area: c411;
}

.c412[b-we0811len4] {
    grid-area: c412;
}

.c413[b-we0811len4] {
    grid-area: c413;
}

.c414[b-we0811len4] {
    grid-area: c414;
}

.c501[b-we0811len4] {
    grid-area: c501;
}

.c502[b-we0811len4] {
    grid-area: c502;
}

.c503[b-we0811len4] {
    grid-area: c503;
}

.c504[b-we0811len4] {
    grid-area: c504;
}

.c505[b-we0811len4] {
    grid-area: c505;
}

.c506[b-we0811len4] {
    grid-area: c506;
}

.c507[b-we0811len4] {
    grid-area: c507;
}

.c508[b-we0811len4] {
    grid-area: c508;
}

.c509[b-we0811len4] {
    grid-area: c509;
}

.c510[b-we0811len4] {
    grid-area: c510;
}

.c511[b-we0811len4] {
    grid-area: c511;
}

.c512[b-we0811len4] {
    grid-area: c512;
}

.c513[b-we0811len4] {
    grid-area: c513;
}

.c514[b-we0811len4] {
    grid-area: c514;
}

.c601[b-we0811len4] {
    grid-area: c601;
}

.c602[b-we0811len4] {
    grid-area: c602;
}

.c603[b-we0811len4] {
    grid-area: c603;
}

.c604[b-we0811len4] {
    grid-area: c604;
}

.c605[b-we0811len4] {
    grid-area: c605;
}

.c606[b-we0811len4] {
    grid-area: c606;
}

.c607[b-we0811len4] {
    grid-area: c607;
}

.c608[b-we0811len4] {
    grid-area: c608;
}

.c609[b-we0811len4] {
    grid-area: c609;
}

.c610[b-we0811len4] {
    grid-area: c610;
}

.c611[b-we0811len4] {
    grid-area: c611;
}

.c612[b-we0811len4] {
    grid-area: c612;
}

.c613[b-we0811len4] {
    grid-area: c613;
}

.c614[b-we0811len4] {
    grid-area: c614;
}

.deck[b-we0811len4] {
    font-size: 1.3rem;
    font-weight: 400;
    color: brown;
}

.deck0[b-we0811len4] {
    grid-area: deck0;
}

.deck1[b-we0811len4] {
    grid-area: deck1;
}

.deck2[b-we0811len4] {
    grid-area: deck2;
}

.deck3[b-we0811len4] {
    grid-area: deck3;
}

.deck4[b-we0811len4] {
    grid-area: deck4;
}

.deck5[b-we0811len4] {
    grid-area: deck5;
}

.deck6[b-we0811len4] {
    grid-area: deck6;
}

.deck7[b-we0811len4] {
    grid-area: deck7;
}

.deck8[b-we0811len4] {
    grid-area: deck8;
}

.deck9[b-we0811len4] {
    grid-area: deck9;
}

.deck10[b-we0811len4] {
    grid-area: deck10;
}

.deck11[b-we0811len4] {
    grid-area: deck11;
}

.deck12[b-we0811len4] {
    grid-area: deck12;
}

.deck13[b-we0811len4] {
    grid-area: deck13;
}

.deck14[b-we0811len4] {
    grid-area: deck14;
}

.deck15[b-we0811len4] {
    grid-area: deck15;
}
/* _content/FlashCard/Shared/MainLayout.razor.rz.scp.css */
.page[b-guxrmf9ga5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-guxrmf9ga5] {
    flex: 1;
}

.sidebar[b-guxrmf9ga5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-guxrmf9ga5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-guxrmf9ga5] {
        display: none;
    }

    .top-row.auth[b-guxrmf9ga5] {
        justify-content: space-between;
    }

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

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

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

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

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

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

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

.oi[b-47t93j16jr] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-47t93j16jr]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-47t93j16jr]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-47t93j16jr]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-47t93j16jr] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-47t93j16jr] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}