@import 'StartSch.Wasm.nnaa4bmi1i.bundle.scp.css';

/* /Components/Pages/CalendarsPersonalEdit.razor.rz.scp.css */
.recover-personal-calendars[b-f4zv36920q] {
    padding: 16px;
    max-width: 700px;
    margin: auto;
    
    > * {
        margin-bottom: 16px;
    }
    
    details[b-f4zv36920q] {
        margin-top: 16px;
        
        summary {
            color: var(--md-sys-color-on-surface-variant);
            margin-bottom: 16px;
        }
        
        ol[b-f4zv36920q] {
            margin: 8px;
        }
    }
}
/* /Components/Pages/FontStylesPage.razor.rz.scp.css */
.font-specimen[b-6k77eja5vm] {
    padding: 16px;
    max-width: 1200px;
    margin: auto;
}

.intro[b-6k77eja5vm] {
    color: var(--md-sys-color-on-surface-variant);
    margin-bottom: 24px;
}

.header[b-6k77eja5vm],
.role-row[b-6k77eja5vm] {
    display: grid;
    grid-template-columns: 200px 1fr 1fr 1fr;
    gap: 0 24px;
    align-items: start;
}

.header[b-6k77eja5vm] {
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.role-row[b-6k77eja5vm] {
    padding: 16px 0;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.role-name[b-6k77eja5vm] {
    font-weight: 500;
}

.role-spec[b-6k77eja5vm] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: var(--md-sys-typescale-body-small-size);
    line-height: var(--md-sys-typescale-body-small-line-height);
}

.sample[b-6k77eja5vm] {
    min-width: 0;
}
/* /Components/Pages/Home.razor.rz.scp.css */
#news h2[b-a7258q9z18] {
    margin-bottom: 8px;
}
/* /Components/Pages/PagePage.razor.rz.scp.css */
.label-list[b-joducn3gek] {
    list-style: none;
    
    li {
        margin: 8px 0 0;
        display: flex;
        align-items: center;
        gap: 8px;
        
        a {
            color: var(--md-sys-color-on-surface);
            
            font-family: var(--md-sys-typescale-label-large-font);
            font-size: var(--md-sys-typescale-label-large-size);
            line-height: var(--md-sys-typescale-label-large-line-height);
            font-weight: var(--md-sys-typescale-label-large-weight);
            letter-spacing: var(--md-sys-typescale-label-large-tracking);
        }
        
        md-icon[b-joducn3gek] {
            color: var(--md-sys-color-on-surface-variant);
        }
    }
}
/* /Components/Shared/AdminPages/AdminContentPreview.razor.rz.scp.css */
h3[b-d8ztkghv76] {
    color: var(--md-sys-color-on-surface-variant);
    margin-left: 20px;
    margin-top: 1rem;
}
/* /Components/Shared/AdminPages/AdminShell.razor.rz.scp.css */
.previews > h2[b-rpee7xd021] {
    margin-bottom: 16px;
}

@media (width < 900px) {
    .self[b-rpee7xd021] {
        margin: 16px;
    }
    
    .previews[b-rpee7xd021] {
        margin-top: 32px;
    }
}

@media (width >= 900px) {
    .self[b-rpee7xd021] {
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 100vh;
    }

    .left[b-rpee7xd021] {
        padding: 16px;
        overflow: auto;
        border-right: 1px solid var(--md-sys-color-outline-variant);
    }

    .previews[b-rpee7xd021] {
        padding: 16px;
        overflow: auto;
    }
}

@media (width >= 1200px) {
    .left[b-rpee7xd021] {
        padding: 32px;
    }

    .previews[b-rpee7xd021] {
        padding: 32px;
    }
}
/* /Components/Shared/AdminPages/PostEditPreview.razor.rz.scp.css */
.email-preview[b-4pcdheo7xm] {
    all: revert;
    padding: 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    background-color: white;
    color: black;
    
    a {
        all: revert;
    }
}
/* /Components/Shared/ExternalSourceLink.razor.rz.scp.css */
a[b-4sp2jwisz1] {
    max-width: 25ch;
    display: inline-block;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--md-sys-color-on-surface-variant);
}
/* /Components/Shared/MainGrid.razor.rz.scp.css */
/* ts some bs so that we don't have to duplicate any HTML content as that might hurt SEO */

/* Desktop */
@media (width >= 1016px) {
    .main-grid[b-2vbz864sys] {
        display: grid;
        grid-template-columns:
            1fr
            minmax(16px, 32px)
            [left] minmax(200px, 300px)
            minmax(16px, 32px)
            [middle] minmax(450px, 600px)
            minmax(16px, 32px)
            [right] minmax(330px, 400px)
            minmax(16px, 32px)
            1fr;
        grid-template-rows:
            96px
            24px
            auto
            [end];
    }

    .logo-line[b-2vbz864sys] {
        grid-column: left;
        justify-self: center;
        align-self: center;

        .menu-button {
            display: none;
        }
    }

    .explore-button[b-2vbz864sys] {
        grid-column: right;
        grid-row: 1;
        
        align-self: center;
    }

    .primary-content[b-2vbz864sys] {
        grid-column: middle;
        grid-row: 1 / end;
        
        margin-top: 32px;
    }

    .secondary-content[b-2vbz864sys] {
        grid-column: left;
        grid-row: 3 / end;
    }

    .tertiary-content[b-2vbz864sys] {
        grid-column: right;
        grid-row: 3 / end;
        
        display: flex;
        flex-direction: column;
        gap: 64px;
        
        .misc-links {
            order: 2;
        }
    }
}

/* Mobile */
@media (width < 1016px) {
    .main-grid[b-2vbz864sys] {
        display: grid;
        grid-template-columns:
                1fr
                16px
                [middle] minmax(200px, 600px)
                16px
                1fr;
        grid-template-rows:
                64px
                16px
                [tertiary-content] auto
                16px
                [primary-content] auto;
    }
    
    .logo-line[b-2vbz864sys] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 64px;
        background-color: var(--md-sys-color-surface-container);
        z-index: 10;
        
        display: grid;
        grid-template-columns: 64px 1fr 64px;
        align-items: center;
        justify-items: center;
        
        .logo-link {
            grid-column: 2;
        }
        
        .menu-button[b-2vbz864sys] {
            grid-column: 3;
        }
    }

    .explore-button[b-2vbz864sys] {
        display: none;
    }

    .primary-content[b-2vbz864sys] {
        grid-column: middle;
        grid-row: primary-content;
    }

    .secondary-content[b-2vbz864sys] {
        display: none;
    }
    
    .tertiary-content[b-2vbz864sys] {
        grid-column: middle;
        grid-row: tertiary-content;
        
        .misc-links {
            display: none;
        }
    }
    
    .menu-open[b-2vbz864sys] {
        .explore-button {
            position: fixed;
            top: 64px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--md-sys-color-surface-container);
            left: 0;
            right: 0;
            z-index: 10;
            height: 64px;
        }

        .misc-links[b-2vbz864sys] {
            position: fixed;
            top: 128px;
            display: flex;
            padding: 16px 16px 16px 69px;
            background-color: var(--md-sys-color-surface-container);
            left: 0;
            right: 0;
            z-index: 10;
            justify-content: center;
        }
        
        .menu-scrim[b-2vbz864sys] {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 5;
            backdrop-filter: blur(2px);
            cursor: pointer;
        }
    }
}
/* /Components/Shared/MiscLinks.razor.rz.scp.css */
menu[b-vadolsex3i] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

li[b-vadolsex3i] {
    margin: 0;
}