/* /Components/Pages/Viewer.razor.rz.scp.css */

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

.container[b-qrz6r8af36] {
    height: 100%;
    width: 100%;
    padding: 5px;
    display: grid;
    justify-items: center;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(15, 1fr);
    grid-template-areas:
        ". . . . . . . . . . . . . . . top"
        ". . . . . . . . . . . . . . . b0"
        ". . . . . . . . . . . . . . . f0"
        ". . . . . . . . . . . . . . . b1"
        ". . . . . . . . . . . . . . . f1"
        ". . . . . . . . . . . . . . . b2"
        ". . . . . . . . . . . . . . . f2"
        ". . . . . . . . . . . . . . . b3"
        ". . . . . . . . . . . . . . . f3"
        ". . . . . . . . . . . . . . . b4"
        ". . . . . . . . . . . . . . . f4"
        ". . . . . . . . . . . . . . . b5"
        ". . . . . . . . . . . . . . . f5"
        ". . . . . . . . . . . . . . . b6"
        ". . . . . . . . . . . . . . . f6";
    --cell1: #e8f5e9;
    --cell2: #c8e6c9;
    --cell3: #a5d6a7;
    --cell4: #66bb6a;
    --cell5: #4caf50;
    --cell6: #388e3c;
    --cell: #f5deb3;
}

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

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

.top[b-qrz6r8af36] {
    grid-area: top;
}

.b0[b-qrz6r8af36] {
    grid-area: b0;
}

.f0[b-qrz6r8af36] {
    grid-area: f0;
}

.b1[b-qrz6r8af36] {
    grid-area: b1;
}

.f1[b-qrz6r8af36] {
    grid-area: f1;
}

.b2[b-qrz6r8af36] {
    grid-area: b2;
}

.f2[b-qrz6r8af36] {
    grid-area: f2;
}

.b3[b-qrz6r8af36] {
    grid-area: b3;
}

.f3[b-qrz6r8af36] {
    grid-area: f3;
}

.b4[b-qrz6r8af36] {
    grid-area: b4;
}

.f4[b-qrz6r8af36] {
    grid-area: f4;
}

.b5[b-qrz6r8af36] {
    grid-area: b5;
}

.f5[b-qrz6r8af36] {
    grid-area: f5;
}

.b6[b-qrz6r8af36] {
    grid-area: b6;
}

.f6[b-qrz6r8af36] {
    grid-area: f6;
}

.b7[b-qrz6r8af36] {
    grid-area: b7;
}

.f7[b-qrz6r8af36] {
    grid-area: f7;
}