@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Admin/Account/NotesTab.razor.rz.scp.css */
.notes[b-bijr3cu3rt] {
    display: grid;
    gap: var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.note[b-bijr3cu3rt] {
    display: grid;
    gap: var(--a2-space-2);
    padding: var(--a2-space-3) var(--a2-space-4);
    border: 1px solid var(--a2-steel-2);
    background: rgb(255 255 255 / .02);
}

.note--pinned[b-bijr3cu3rt] {
    border-left: 3px solid var(--a2-energy);
}

.note__head[b-bijr3cu3rt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
    margin: 0;
    font-size: var(--a2-text-sm);
}

.note__body[b-bijr3cu3rt] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Admin/Account/OverviewTab.razor.rz.scp.css */
.overview__panels[b-e1ddu1oymh] {
    --a2-grid-min: 20rem;
}

.overview__id[b-e1ddu1oymh] {
    font-family: var(--a2-font-mono);
    font-size: var(--a2-text-sm);
    overflow-wrap: anywhere;
}

.overview__message[b-e1ddu1oymh] {
    margin: 0;
    padding: var(--a2-space-3) var(--a2-space-4);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: rgb(255 255 255 / .03);
    border-left: 3px solid var(--a2-energy);
}
/* /Components/Admin/Account/PermissionsTab.razor.rz.scp.css */
.perms__flags[b-ey86n46eu7] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-4);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.perms__hint[b-ey86n46eu7] {
    display: block;
    font-size: var(--a2-text-sm);
}

.perms__summary[b-ey86n46eu7] {
    min-height: 1.5em;
    margin: 0;
    color: var(--a2-energy);
}
/* /Components/Admin/Account/RestrictionsTab.razor.rz.scp.css */
.restrictions[b-r5ah9hxe68] {
    display: grid;
    gap: var(--a2-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.restriction[b-r5ah9hxe68] {
    display: grid;
    gap: var(--a2-space-3);
    padding: var(--a2-space-3) var(--a2-space-4);
    border: 1px solid var(--a2-steel-2);
    background: rgb(255 255 255 / .02);
}

.restriction--active[b-r5ah9hxe68] {
    border-left: 3px solid var(--a2-danger);
}

.restriction__head[b-r5ah9hxe68] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
}

.restriction__lift[b-r5ah9hxe68] {
    margin-inline-start: auto;
}

.restriction__text[b-r5ah9hxe68] {
    white-space: pre-wrap;
}

.restrict__choice[b-r5ah9hxe68] {
    --a2-grid-min: 16rem;
}

.restrict__quote[b-r5ah9hxe68] {
    margin: 0;
    padding: var(--a2-space-3) var(--a2-space-4);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: rgb(255 255 255 / .03);
    border-left: 3px solid var(--a2-energy);
}
/* /Components/Admin/Account/SessionsTab.razor.rz.scp.css */
.sessions__bar[b-r8bwf65msl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-3);
}

.sessions__heading[b-r8bwf65msl] {
    margin: 0;
    font-size: var(--a2-text-lg);
}

.sessions[b-r8bwf65msl] {
    display: grid;
    gap: var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.session[b-r8bwf65msl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-3);
    padding: var(--a2-space-3) var(--a2-space-4);
    border: 1px solid var(--a2-steel-2);
    background: rgb(255 255 255 / .02);
}

.session--current[b-r8bwf65msl] {
    border-left: 3px solid var(--a2-ok);
}

.session--ended[b-r8bwf65msl] {
    background: none;
}

.session__main[b-r8bwf65msl] {
    flex: 1 1 18rem;
    min-width: 0;
}

.session__title[b-r8bwf65msl],
.session__meta[b-r8bwf65msl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
    margin: 0;
}

.session__meta[b-r8bwf65msl] {
    margin-top: var(--a2-space-1);
    font-size: var(--a2-text-sm);
}
/* /Components/Admin/AuditTable.razor.rz.scp.css */
.audit__code[b-hjbbdhonsi] {
    display: block;
    color: var(--a2-text-dim);
    font-family: var(--a2-font-mono);
    font-size: var(--a2-text-xs);
    white-space: nowrap;
}

.audit__pairs[b-hjbbdhonsi] {
    display: grid;
    gap: var(--a2-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--a2-text-sm);
    overflow-wrap: anywhere;
}

.audit__pairs li[b-hjbbdhonsi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--a2-space-2);
}

.audit__value[b-hjbbdhonsi] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.audit__ref[b-hjbbdhonsi] {
    margin: var(--a2-space-1) 0 0;
    font-size: var(--a2-text-xs);
    overflow-wrap: anywhere;
}
/* /Components/Admin/Legal/PublishPanel.razor.rz.scp.css */
.legal__fields[b-ij0hyd9i6n],
.legal__start[b-ij0hyd9i6n] {
    --a2-grid-min: 15rem;
    align-items: start;
}

.legal__start-action[b-ij0hyd9i6n] {
    display: flex;
    align-items: flex-end;
    min-height: 100%;
    min-width: 0;
}

/* a long label wraps in a narrow panel instead of running out of it */
.legal__start-action[b-ij0hyd9i6n]  .a2-btn {
    max-width: 100%;
    white-space: normal;
}

.legal__preview[b-ij0hyd9i6n] {
    padding: var(--a2-space-4) var(--a2-space-5);
    background: rgb(0 0 0 / .25);
    border: 1px solid var(--a2-steel-2);
}

.legal__outcome[b-ij0hyd9i6n] {
    display: block;
}
/* /Components/Admin/News/NewsForm.razor.rz.scp.css */
.news-form__when[b-p46silj4ym] {
    --a2-grid-min: 15rem;
    align-items: start;
}

.news-form__notice[b-p46silj4ym] {
    display: block;
}

.news-form__preview[b-p46silj4ym] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-3);
    padding: var(--a2-space-4) var(--a2-space-5);
    background: rgb(0 0 0 / .25);
    border: 1px solid var(--a2-steel-2);
}

.news-form__headline[b-p46silj4ym] {
    margin: 0;
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-2xl);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.news-form__summary[b-p46silj4ym] {
    margin: 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-lg);
    overflow-wrap: anywhere;
}
/* /Components/Admin/Testers/ApplicationsPanel.razor.rz.scp.css */
.application__sent[b-rw050yyztv] {
    display: block;
    font-size: var(--a2-text-sm);
}

.application__message[b-rw050yyztv] {
    max-width: 44rem;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.application__review[b-rw050yyztv],
.application__note[b-rw050yyztv] {
    display: block;
    margin-top: var(--a2-space-1);
    font-size: var(--a2-text-sm);
    overflow-wrap: anywhere;
}

.application__note[b-rw050yyztv] {
    white-space: pre-wrap;
}
/* /Components/Admin/Testers/InvitationsPanel.razor.rz.scp.css */
.invite__code[b-sqh7uykruy] {
    display: inline-block;
    padding: var(--a2-space-3) var(--a2-space-4);
    color: #fff;
    font-family: var(--a2-font-mono);
    font-size: var(--a2-text-xl);
    letter-spacing: .08em;
    overflow-wrap: anywhere;
    user-select: all;
    background: rgb(0 0 0 / .35);
    border: 1px solid var(--a2-ok);
}

.invite__fields[b-sqh7uykruy] {
    --a2-grid-min: 15rem;
    align-items: start;
}

.invite__email[b-sqh7uykruy] {
    overflow-wrap: break-word;
}

.invite__note[b-sqh7uykruy] {
    display: block;
    max-width: 24rem;
    font-size: var(--a2-text-sm);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Layout/BrandMark.razor.rz.scp.css */
.brand[b-sj8hoa86ba] {
    display: inline-flex;
    align-items: center;
    gap: var(--a2-space-3);
    color: #fff;
    text-decoration: none;
}

.brand:hover[b-sj8hoa86ba] {
    color: #fff;
    text-shadow: none;
}

.brand__glyph[b-sj8hoa86ba] {
    width: 2rem;
    height: 2rem;
    filter: drop-shadow(var(--a2-energy-glow));
}

.brand__body[b-sj8hoa86ba] {
    fill: var(--a2-energy);
}

.brand__bar[b-sj8hoa86ba] {
    fill: var(--a2-blue);
}

.brand__word[b-sj8hoa86ba] {
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-2xl);
    font-weight: 700;
    letter-spacing: .22em;
    line-height: 1;
    text-transform: uppercase;
}

.brand__two[b-sj8hoa86ba] {
    color: var(--a2-energy);
    text-shadow: var(--a2-energy-glow);
}

@media (forced-colors: active) {
    .brand__body[b-sj8hoa86ba],
    .brand__bar[b-sj8hoa86ba] {
        fill: CanvasText;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.site-nav[b-tpxgw16l5h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2) var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}
/* /Components/Layout/RailShell.razor.rz.scp.css */
/*
 * The player area and the staff console share this frame: a sticky header, a navigation rail on the left and the page on the right.
 * Below 60rem the rail becomes a row of links that wraps above the page: nothing is hidden behind a toggle, so there is no state to get
 * wrong and nothing that needs a script (the Content-Security-Policy would block an inline handler anyway).
 */

/* The staff console: a red bloom at the top of the page, over the shared backdrop. The hatched stripe and the red conduit are the header's. */
.rail-shell--staff[b-qso8z74eri] {
    background: radial-gradient(60rem 20rem at 50% -6rem, rgb(255 59 92 / .1), transparent 70%) no-repeat;
}

.rail-shell__body[b-qso8z74eri] {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: var(--a2-space-4);
    padding-top: var(--a2-space-4);
}

.rail-shell__body > .a2-shell__main[b-qso8z74eri] {
    padding-bottom: var(--a2-space-6);
}

.rail[b-qso8z74eri] {
    min-width: 0;
}

.rail__label[b-qso8z74eri] {
    display: flex;
    align-items: center;
    gap: var(--a2-space-2);
    margin: 0 0 var(--a2-space-2);
    color: var(--a2-danger-text);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-sm);
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rail__list[b-qso8z74eri] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--a2-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--a2-steel-2);
}

.rail__item[b-qso8z74eri] {
    min-width: 0;
}

/* A way out of the area (the staff console from the player area and back) goes to the far end */
.rail__item--separated[b-qso8z74eri] {
    margin-left: auto;
}

/* Narrow: a row of links that wraps, the current one underlined */
@media (max-width: 59.99rem) {
    .rail__list[b-qso8z74eri]  .a2-nav-link {
        min-height: 2.5rem;
        margin-bottom: -1px;
        padding-inline: var(--a2-space-2);
        font-size: var(--a2-text-sm);
        letter-spacing: .06em;
        border-bottom: 2px solid transparent;
        border-left: 0;
    }

    .rail__list[b-qso8z74eri]  .a2-nav-link.active {
        background: none;
        border-bottom-color: var(--a2-energy);
    }

    .rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link.active {
        border-bottom-color: var(--a2-danger);
    }
}

/* Wide: a panel of its own beside the page, which stays in view while the page scrolls */
@media (min-width: 60rem) {
    .rail-shell__body[b-qso8z74eri] {
        grid-template-columns: 15rem minmax(0, 1fr);
        gap: var(--a2-space-6);
        padding-top: var(--a2-space-6);
    }

    .rail[b-qso8z74eri] {
        position: relative;
        isolation: isolate;
        align-self: start;
        padding: var(--a2-space-4) 0;
    }

    .rail[b-qso8z74eri]::before,
    .rail[b-qso8z74eri]::after {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
        clip-path: var(--a2-clip-sm);
    }

    .rail[b-qso8z74eri]::before {
        inset: 0;
        background: var(--a2-steel-2);
    }

    .rail[b-qso8z74eri]::after {
        inset: 1px;
        background: var(--a2-surface-panel);
        clip-path: var(--a2-clip-sm-inner);
    }

    .rail__label[b-qso8z74eri] {
        margin: 0 0 var(--a2-space-3);
        padding-inline: var(--a2-space-4);
    }

    .rail__list[b-qso8z74eri] {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--a2-space-1);
        border-bottom: 0;
    }

    .rail__item--separated[b-qso8z74eri] {
        margin: var(--a2-space-3) var(--a2-space-4) 0;
        padding-top: var(--a2-space-3);
        border-top: 1px solid var(--a2-steel-2);
    }

    .rail__item--separated[b-qso8z74eri]  .a2-nav-link {
        margin-inline: calc(-1 * var(--a2-space-4));
    }
}

@media (min-width: 60rem) and (min-height: 40rem) {
    .rail[b-qso8z74eri] {
        position: sticky;
        top: 5rem;
    }
}

/* Staff console: denser, and its current page is marked in red */
.rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link {
    min-height: 2.25rem;
    font-size: var(--a2-text-sm);
}

.rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link.active {
    background: linear-gradient(90deg, rgb(255 59 92 / .16), transparent);
    border-left-color: var(--a2-danger);
}

.rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link.active .a2-icon {
    color: var(--a2-danger-text);
}

@media (max-width: 59.99rem) {
    .rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link.active {
        background: none;
    }
}

@media (forced-colors: active) {
    .rail[b-qso8z74eri] {
        border: 1px solid CanvasText;
    }

    .rail__list[b-qso8z74eri] {
        border-bottom-color: CanvasText;
    }

    .rail-shell--staff .rail__list[b-qso8z74eri]  .a2-nav-link.active .a2-icon {
        color: inherit;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-r3645co8n9],
.components-reconnect-repeated-attempt-visible[b-r3645co8n9],
.components-reconnect-failed-visible[b-r3645co8n9],
.components-pause-visible[b-r3645co8n9],
.components-resume-failed-visible[b-r3645co8n9],
.components-rejoining-animation[b-r3645co8n9] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-retrying[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-failed[b-r3645co8n9],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-r3645co8n9] {
    display: block;
}


#components-reconnect-modal[b-r3645co8n9] {
    width: min(22rem, calc(100% - 2 * var(--a2-gutter)));
    margin: 20vh auto;
    padding: var(--a2-space-6);
    color: var(--a2-text);
    background: var(--a2-surface-panel);
    border: 1px solid var(--a2-steel-3);
    border-top: 2px solid var(--a2-energy);
    border-radius: var(--a2-radius);
    box-shadow: var(--a2-shadow-panel), var(--a2-energy-glow);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-r3645co8n9 0.5s both;
}

#components-reconnect-modal[open][b-r3645co8n9] {
    animation: components-reconnect-modal-slideUp-b-r3645co8n9 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-r3645co8n9 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-r3645co8n9]::backdrop {
    background-color: rgb(7 9 13 / .78);
    animation: components-reconnect-modal-fadeInOpacity-b-r3645co8n9 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-r3645co8n9 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-r3645co8n9 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-r3645co8n9 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-r3645co8n9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--a2-space-4);
}

#components-reconnect-modal p[b-r3645co8n9] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-r3645co8n9] {
    min-height: 2.75rem;
    padding: 0 var(--a2-space-5);
    color: var(--a2-on-blue);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-md);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: var(--a2-blue);
    border: 0;
    border-radius: var(--a2-radius);
}

    #components-reconnect-modal button:hover[b-r3645co8n9] {
        box-shadow: var(--a2-energy-glow);
        filter: brightness(1.15);
    }

    #components-reconnect-modal button:active[b-r3645co8n9] {
        filter: brightness(.9);
    }

.components-rejoining-animation[b-r3645co8n9] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-r3645co8n9] {
        position: absolute;
        border: 3px solid var(--a2-energy);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-r3645co8n9 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-r3645co8n9] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-r3645co8n9 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SignOutForm.razor.rz.scp.css */
.sign-out[b-yjv9s236b4] {
    margin: 0;
}

.sign-out[b-yjv9s236b4]  .a2-btn__label {
    display: inline-flex;
    align-items: center;
    gap: var(--a2-space-2);
}

/* On a phone the button is the icon alone; the words stay for assistive technology */
@media (max-width: 29.99rem) {
    .sign-out__text[b-yjv9s236b4] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        white-space: nowrap;
        clip-path: inset(50%);
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-g66u6y8f2m] {
    margin-top: var(--a2-space-8);
    padding-block: var(--a2-space-5);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
    border-top: 1px solid var(--a2-steel-2);
}

.site-footer__bar[b-g66u6y8f2m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-3) var(--a2-space-5);
}

.site-footer__copy[b-g66u6y8f2m] {
    margin: 0;
}

.site-footer__links[b-g66u6y8f2m] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a2-space-2) var(--a2-space-5);
    margin: 0;
    padding: 0;
    list-style: none;
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-e82cfhmueh] {
    position: relative;
    z-index: var(--a2-z-nav);
    background: rgb(7 9 13 / .88);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* A sticky header must never hide the control that has the keyboard focus (WCAG 2.2, 2.4.11): base.css reserves 4rem of scroll padding, so the header stays below that. */
@media (min-width: 40rem) {
    .site-header[b-e82cfhmueh] {
        position: sticky;
        top: 0;
    }
}

.site-header__bar[b-e82cfhmueh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-2) var(--a2-space-5);
    min-height: 3.75rem;
    padding-block: var(--a2-space-2);
}

.site-header__start[b-e82cfhmueh],
.site-header__end[b-e82cfhmueh] {
    display: flex;
    align-items: center;
    gap: var(--a2-space-3) var(--a2-space-4);
    min-width: 0;
}

.site-header--staff[b-e82cfhmueh] {
    background: linear-gradient(180deg, rgb(255 59 92 / .08), transparent), rgb(7 9 13 / .9);
}

/* The restricted-zone stripe: hatched red, over the whole width, and it stays with the header */
.site-header--staff[b-e82cfhmueh]::before {
    content: "";
    display: block;
    height: 6px;
    background: repeating-linear-gradient(-45deg, var(--a2-danger) 0 8px, var(--a2-bg-0) 8px 16px);
}

.site-header--staff .site-header__bar[b-e82cfhmueh] {
    min-height: 3.5rem;
}

.site-header--staff .a2-conduit[b-e82cfhmueh]::after {
    background: linear-gradient(90deg, transparent, var(--a2-danger), transparent);
    filter: drop-shadow(var(--a2-danger-glow));
}

@media (prefers-reduced-motion: reduce) {
    .site-header--staff .a2-conduit[b-e82cfhmueh]::after {
        background: var(--a2-danger);
        filter: none;
    }
}

@media (forced-colors: active) {
    .site-header[b-e82cfhmueh] {
        background: Canvas;
        border-bottom: 1px solid CanvasText;
    }

    .site-header--staff[b-e82cfhmueh]::before {
        background: CanvasText;
    }
}
/* /Components/Layout/StatusPanel.razor.rz.scp.css */
.status[b-imrp6i5vb9] {
    display: grid;
}

.status[b-imrp6i5vb9]  .status__panel {
    width: min(100%, 36rem);
    margin-inline: auto;
}

.status__code[b-imrp6i5vb9] {
    margin: 0 0 var(--a2-space-2);
    color: var(--a2-energy);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-4xl);
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    text-shadow: var(--a2-energy-glow);
}

.status--warning .status__code[b-imrp6i5vb9] {
    color: var(--a2-warn);
    text-shadow: 0 0 12px rgb(255 176 32 / .45);
}

.status--danger .status__code[b-imrp6i5vb9] {
    color: var(--a2-danger-text);
    text-shadow: var(--a2-danger-glow);
}

.status__title[b-imrp6i5vb9] {
    margin-bottom: var(--a2-space-4);
}

.status__message[b-imrp6i5vb9] {
    color: var(--a2-text-dim);
}

/* The paragraphs are the page's own markup, so they do not carry this component's scope attribute */
.status__message[b-imrp6i5vb9]  p:last-child {
    margin-bottom: 0;
}

.status__actions[b-imrp6i5vb9] {
    margin-top: var(--a2-space-5);
}
/* /Components/Layout/UserSummary.razor.rz.scp.css */
.user-summary[b-h8lelxx2xu] {
    display: flex;
    align-items: center;
    gap: var(--a2-space-3) var(--a2-space-4);
    min-width: 0;
}

.user-summary__who[b-h8lelxx2xu] {
    min-width: 0;
    max-width: 14rem;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-family: var(--a2-font-display);
    font-weight: 600;
    letter-spacing: .06em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The name is part of the page for a screen reader at every size; on a phone there is no room to show it */
@media (max-width: 39.99rem) {
    .user-summary__who[b-h8lelxx2xu] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
    }
}

/* One badge per flag is a lot for a header: they are shown where there is room, and on the overview page always.
   The list is another component's root element, so it does not carry this component's scope attribute: ::deep. */
.user-summary[b-h8lelxx2xu]  .user-summary__flags {
    display: none;
}

@media (min-width: 60rem) {
    .user-summary[b-h8lelxx2xu]  .user-summary__flags {
        display: flex;
    }
}
/* /Components/Pages/Account/LegalAcceptance.razor.rz.scp.css */
.legal-text[b-rzhy0xn9df] {
    max-height: 26rem;
    overflow: auto;
    padding: var(--a2-space-4);
    border: 1px solid var(--a2-steel-2);
    background: var(--a2-bg-1);
}

/* The text is injected markup, which carries no scope attribute: ::deep reaches it. Its first block starts at the box's padding, not below a heading's margin. */
.legal-text[b-rzhy0xn9df] >  :first-child {
    margin-top: 0;
}
/* /Components/Pages/Account/Overview.razor.rz.scp.css */
.overview__stats[b-yoj0if575p] {
    --a2-grid-min: 14rem;
    align-items: stretch; /* the cards of a row are as tall as the tallest */
}

.overview__panels[b-yoj0if575p] {
    --a2-grid-min: 20rem;
    align-items: stretch;
}

.overview__meanings[b-yoj0if575p] {
    display: grid;
    gap: var(--a2-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.overview__links[b-yoj0if575p] {
    display: grid;
    gap: var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.overview__links a[b-yoj0if575p] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-1);
    padding: var(--a2-space-3) var(--a2-space-4);
    color: var(--a2-text);
    text-decoration: none;
    border: 1px solid var(--a2-steel-2);
    background: rgb(255 255 255 / .02);
    transition: border-color var(--a2-dur) ease, box-shadow var(--a2-dur) ease;
}

.overview__links a:hover[b-yoj0if575p] {
    border-color: var(--a2-energy);
    box-shadow: var(--a2-energy-glow);
}

.overview__links strong[b-yoj0if575p] {
    color: #fff;
    font-family: var(--a2-font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
}
/* /Components/Pages/Account/PrivacyPage.razor.rz.scp.css */
.privacy__list[b-tztkfe4avq] {
    display: grid;
    gap: var(--a2-space-2);
    margin: 0;
    padding-left: var(--a2-space-5);
}
/* /Components/Pages/Account/ProfilePage.razor.rz.scp.css */
.profile__grid[b-0o6p2kpy46] {
    grid-template-columns: minmax(0, 1fr);
}

/* The form is the point of the page: wider than the facts beside it, when there is room for both */
@media (min-width: 75rem) {
    .profile__grid[b-0o6p2kpy46] {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
}
/* /Components/Pages/Account/SecurityPage.razor.rz.scp.css */
.security__forms[b-skup0otu4b] {
    --a2-grid-min: 22rem;
}

.sessions[b-skup0otu4b] {
    display: grid;
    gap: var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.session[b-skup0otu4b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-3);
    padding: var(--a2-space-3) var(--a2-space-4);
    border: 1px solid var(--a2-steel-2);
    background: rgb(255 255 255 / .02);
}

.session--current[b-skup0otu4b] {
    border-left: 3px solid var(--a2-ok);
}

.session__main[b-skup0otu4b] {
    flex: 1 1 18rem;
    min-width: 0;
}

.session__title[b-skup0otu4b],
.session__meta[b-skup0otu4b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
    margin: 0;
}

.session__meta[b-skup0otu4b] {
    margin-top: var(--a2-space-1);
    font-size: var(--a2-text-sm);
}
/* /Components/Pages/Account/TesterPage.razor.rz.scp.css */
.tester__status[b-rmkrxl2hir] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2) var(--a2-space-4);
    margin: 0;
}

.tester__status > span[b-rmkrxl2hir] {
    white-space: nowrap;
}

.tester__message[b-rmkrxl2hir] {
    margin: 0;
    padding: var(--a2-space-3) var(--a2-space-4);
    color: var(--a2-text);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: rgb(255 255 255 / .03);
    border-left: 3px solid var(--a2-energy);
}
/* /Components/Pages/Admin/AccountDetailPage.razor.rz.scp.css */
.detail__name[b-5v52eqfrih] {
    overflow-wrap: anywhere;
}
/* /Components/Pages/Admin/AccountsPage.razor.rz.scp.css */
.accounts__filters[b-07k5bntzv1] {
    --a2-grid-min: 16rem;
    align-items: start;
}

.accounts__flags[b-07k5bntzv1] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.accounts__flags legend[b-07k5bntzv1] {
    margin-bottom: var(--a2-space-2);
    padding: 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.accounts__display[b-07k5bntzv1] {
    display: block;
    font-size: var(--a2-text-sm);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Admin/AuditPage.razor.rz.scp.css */
.audit__filters[b-u31kyglr9q] {
    --a2-grid-min: 14rem;
    align-items: start;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard__stats[b-se2gsd4s9z] {
    --a2-grid-min: 12rem;
    align-items: stretch;
}

/* The cards of a row are as tall as the tallest (a stat card is a component: its root carries no scope attribute of this page) */
.dashboard__stats[b-se2gsd4s9z]  .a2-stat {
    height: 100%;
}

.dashboard__charts[b-se2gsd4s9z] {
    --a2-grid-min: 22rem;
    align-items: stretch;
}
/* /Components/Pages/Admin/LegalPage.razor.rz.scp.css */
.legal__inforce[b-u2trzciebc] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.legal__inforce li[b-u2trzciebc] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--a2-space-1) var(--a2-space-3);
}

.legal__version[b-u2trzciebc] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
}
/* /Components/Pages/Admin/NewsPage.razor.rz.scp.css */
.news__header[b-3n7enftf1l] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--a2-space-4);
}

.news__intro[b-3n7enftf1l] {
    flex: 1 1 24rem;
    min-width: 0;
}

.news__filter[b-3n7enftf1l] {
    max-width: 18rem;
}

.news__post[b-3n7enftf1l] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-1);
    min-width: 12rem;
}

.news__headline[b-3n7enftf1l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-2);
    overflow-wrap: anywhere;
}

.news__summary[b-3n7enftf1l] {
    font-size: var(--a2-text-sm);
    overflow-wrap: anywhere;
}

.news__status[b-3n7enftf1l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--a2-space-1);
    font-size: var(--a2-text-sm);
}
/* /Components/Pages/Auth/AuthPanel.razor.rz.scp.css */
.auth-page[b-cggd75s01q]  .auth-page__panel {
    width: min(100%, 28rem);
    margin-inline: auto;
}

.auth-page--wide[b-cggd75s01q]  .auth-page__panel {
    width: min(100%, 38rem);
}

.auth-page__title[b-cggd75s01q] {
    font-size: var(--a2-text-2xl);
}

.auth-page__intro[b-cggd75s01q] {
    color: var(--a2-text-dim);
}

.auth-page__links[b-cggd75s01q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a2-space-2) var(--a2-space-5);
    margin-top: var(--a2-space-5);
    padding-top: var(--a2-space-4);
    border-top: 1px solid var(--a2-steel-2);
}

/* Forms and messages come from the page, not from this component */
.auth-page[b-cggd75s01q]  form {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-4);
}
/* /Components/Pages/Auth/PasswordMeter.razor.rz.scp.css */
.meter[b-rsj5t4ccb4] {
    display: grid;
    gap: var(--a2-space-1);
    margin-top: calc(-1 * var(--a2-space-2));
}

/* Nothing shows until the first key: without the script the meter simply is not there */
.meter[data-level="off"][b-rsj5t4ccb4] {
    display: none;
}

.meter__bar[b-rsj5t4ccb4] {
    height: .375rem;
    background: var(--a2-steel-2);
    border-radius: var(--a2-radius);
    overflow: hidden;
}

.meter__fill[b-rsj5t4ccb4] {
    display: block;
    width: 0;
    height: 100%;
    background: var(--a2-danger);
    transition: width var(--a2-dur) var(--a2-ease), background-color var(--a2-dur) var(--a2-ease);
}

.meter[data-level="1"] .meter__fill[b-rsj5t4ccb4] { width: 33%; background: var(--a2-danger); }
.meter[data-level="2"] .meter__fill[b-rsj5t4ccb4] { width: 66%; background: var(--a2-warn); }
.meter[data-level="3"] .meter__fill[b-rsj5t4ccb4] { width: 100%; background: var(--a2-ok); }

.meter__text[b-rsj5t4ccb4] {
    margin: 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

@media (forced-colors: active) {
    .meter__bar[b-rsj5t4ccb4] {
        border: 1px solid CanvasText;
    }

    .meter__fill[b-rsj5t4ccb4] {
        background: Highlight;
    }
}
/* /Components/Pages/Dev/Gallery.razor.rz.scp.css */
.gallery__grid[b-7bhf5iieb5] {
    display: grid;
    gap: var(--a2-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    align-items: start;
}

.gallery__stats[b-7bhf5iieb5] {
    display: grid;
    gap: var(--a2-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.gallery__icons[b-7bhf5iieb5] {
    display: grid;
    gap: var(--a2-space-3);
    grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery__icons li[b-7bhf5iieb5] {
    display: flex;
    align-items: center;
    gap: var(--a2-space-2);
    min-width: 0;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-spbzbjmewa] {
    padding-block: clamp(var(--a2-space-7), 14vw, 10rem);
    text-align: center;
    background: radial-gradient(40rem 18rem at 50% 40%, rgb(46 230 255 / .1), transparent 70%);
    border-bottom: 1px solid var(--a2-steel-2);
}

.home-hero__inner[b-spbzbjmewa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--a2-space-4);
}

.home-hero__eyebrow[b-spbzbjmewa] {
    margin: 0;
    color: var(--a2-energy);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-md);
    font-weight: 600;
    letter-spacing: .32em;
    text-transform: uppercase;
}

.home-hero__title[b-spbzbjmewa] {
    margin: 0;
    font-size: clamp(2.25rem, .5rem + 9vw, 7rem); /* "ANARCHY 2" stays on one line down to 320 px */
    letter-spacing: .18em;
    text-shadow: 0 0 40px rgb(46 230 255 / .35);
}

.home-hero__two[b-spbzbjmewa] {
    color: var(--a2-energy);
    text-shadow: var(--a2-energy-glow);
}

.home-hero__lead[b-spbzbjmewa] {
    max-width: 40rem;
    margin: 0 0 var(--a2-space-3);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-lg);
}

.home-hero__actions[b-spbzbjmewa] {
    justify-content: center;
}

.home-section[b-spbzbjmewa] {
    padding-block: var(--a2-space-6);
}

.home-section__heading[b-spbzbjmewa] {
    margin: 0 0 var(--a2-space-5);
    font-size: var(--a2-text-2xl);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-features[b-spbzbjmewa],
.home-news[b-spbzbjmewa] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-news[b-spbzbjmewa] {
    --a2-grid-min: 22rem;
    align-items: stretch;
}

/* The cards of a row are as tall as the tallest of them (the panel is a component: its root carries no scope attribute of this page) */
.home-news > li[b-spbzbjmewa]  .a2-panel {
    height: 100%;
}

.home-feature[b-spbzbjmewa] {
    padding-top: var(--a2-space-4);
    border-top: 1px solid var(--a2-steel-2);
}

/* The icon is a component: its root carries no scope attribute of this page */
.home-feature[b-spbzbjmewa]  .home-feature__icon {
    width: 2rem;
    height: 2rem;
    color: var(--a2-energy);
    filter: drop-shadow(0 0 6px rgb(46 230 255 / .45));
}

.home-feature__title[b-spbzbjmewa] {
    margin: var(--a2-space-3) 0 var(--a2-space-2);
    font-size: var(--a2-text-lg);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-feature p[b-spbzbjmewa] {
    margin: 0;
    color: var(--a2-text-dim);
}

.news-card__meta[b-spbzbjmewa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-3);
    margin: 0 0 var(--a2-space-3);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

.news-card__title[b-spbzbjmewa] {
    margin: 0 0 var(--a2-space-3);
    font-size: var(--a2-text-xl);
    overflow-wrap: anywhere;
}

.news-card__summary[b-spbzbjmewa] {
    margin: 0;
    color: var(--a2-text-dim);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Legal/LegalDocumentPage.razor.rz.scp.css */
.legal__header[b-38aut9l1lr] {
    margin-bottom: var(--a2-space-5);
    padding-bottom: var(--a2-space-4);
    border-bottom: 1px solid var(--a2-steel-2);
}

.legal__header h1[b-38aut9l1lr] {
    margin-bottom: var(--a2-space-2);
}

.legal__header p[b-38aut9l1lr] {
    margin: 0;
}
/* /Components/Pages/News/NewsArticlePage.razor.rz.scp.css */
.news-article__meta[b-ifhwca7s4c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a2-space-3);
    margin: 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

/* The title is the author's: a long word in it must not push the page sideways */
.news-article__title[b-ifhwca7s4c] {
    overflow-wrap: anywhere;
}

.news-article__summary[b-ifhwca7s4c] {
    max-width: 70ch;
    margin: 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-lg);
    overflow-wrap: anywhere;
}
/* /Components/UI/A2Alert.razor.rz.scp.css */
.a2-alert[b-m9gr0iumyn] {
    --a2-alert-tone: var(--a2-blue-text);
    display: flex;
    align-items: flex-start;
    gap: var(--a2-space-3);
    padding: var(--a2-space-3) var(--a2-space-4);
    color: var(--a2-text);
    background: var(--a2-bg-2);
    background: color-mix(in srgb, var(--a2-alert-tone) 9%, var(--a2-bg-2));
    border: 1px solid var(--a2-steel-2);
    border-left: 3px solid var(--a2-alert-tone);
    border-radius: var(--a2-radius);
}

.a2-alert--neutral[b-m9gr0iumyn] { --a2-alert-tone: var(--a2-text-dim); }
.a2-alert--success[b-m9gr0iumyn] { --a2-alert-tone: var(--a2-ok); }
.a2-alert--warning[b-m9gr0iumyn] { --a2-alert-tone: var(--a2-warn); }
.a2-alert--danger[b-m9gr0iumyn] { --a2-alert-tone: var(--a2-danger-text); }

.a2-alert[b-m9gr0iumyn]  .a2-alert__icon {
    margin-top: .15rem;
    color: var(--a2-alert-tone);
}

.a2-alert__body[b-m9gr0iumyn] {
    flex: 1;
    min-width: 0;
}

.a2-alert__title[b-m9gr0iumyn] {
    margin: 0 0 var(--a2-space-1);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-lg);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a2-alert__text > :last-child[b-m9gr0iumyn] {
    margin-bottom: 0;
}

.a2-alert__dismiss[b-m9gr0iumyn] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin: -.25rem -.5rem -.25rem 0;
    color: var(--a2-text-dim);
    background: none;
    border: 0;
    border-radius: var(--a2-radius);
}

.a2-alert__dismiss:hover[b-m9gr0iumyn] {
    color: #fff;
}
/* /Components/UI/A2Badge.razor.rz.scp.css */
.a2-badge[b-i856bi8bdh] {
    --a2-badge-color: var(--a2-text-dim);
    display: inline-flex;
    align-items: center;
    padding: .1rem .6rem;
    color: var(--a2-badge-color);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-sm);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--a2-bg-2);
    background: color-mix(in srgb, var(--a2-badge-color) 12%, var(--a2-bg-2));
    border: 1px solid currentColor;
    border-radius: var(--a2-radius);
}

.a2-badge--info[b-i856bi8bdh] { --a2-badge-color: var(--a2-blue-text); }
.a2-badge--success[b-i856bi8bdh] { --a2-badge-color: var(--a2-ok); }
.a2-badge--warning[b-i856bi8bdh] { --a2-badge-color: var(--a2-warn); }
.a2-badge--danger[b-i856bi8bdh] { --a2-badge-color: var(--a2-danger-text); }
.a2-badge--standard[b-i856bi8bdh] { --a2-badge-color: var(--a2-flag-standard); }
.a2-badge--tester[b-i856bi8bdh] { --a2-badge-color: var(--a2-flag-tester); }
.a2-badge--developer[b-i856bi8bdh] { --a2-badge-color: var(--a2-flag-developer); }
.a2-badge--admin[b-i856bi8bdh] { --a2-badge-color: var(--a2-flag-admin); }
/* /Components/UI/A2BarChart.razor.rz.scp.css */
.a2-chart[b-tbmg4uphmv] {
    margin: 0;
}

.a2-chart__plot[b-tbmg4uphmv] {
    display: block;
    width: 100%;
    height: 8rem;
    overflow: visible;
}

.a2-chart__base[b-tbmg4uphmv] {
    stroke: var(--a2-steel-3);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.a2-chart__bar[b-tbmg4uphmv] {
    fill: var(--a2-energy);
    opacity: .85;
}

.a2-chart__axis[b-tbmg4uphmv] {
    display: flex;
    justify-content: space-between;
    gap: var(--a2-space-3);
    margin-top: var(--a2-space-2);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

.a2-chart__data[b-tbmg4uphmv] {
    margin-top: var(--a2-space-3);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

.a2-chart__data summary[b-tbmg4uphmv] {
    width: fit-content;
    cursor: pointer;
}

.a2-chart__data table[b-tbmg4uphmv] {
    margin-top: var(--a2-space-2);
    border-collapse: collapse;
}

.a2-chart__data th[b-tbmg4uphmv],
.a2-chart__data td[b-tbmg4uphmv] {
    padding: var(--a2-space-1) var(--a2-space-4) var(--a2-space-1) 0;
    font-weight: 400;
    text-align: left;
    font-variant-numeric: tabular-nums;
}
/* /Components/UI/A2Button.razor.rz.scp.css */
.a2-btn[b-2c1jon7whh] {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--a2-space-2);
    min-height: 2.75rem;
    padding: 0 var(--a2-space-5);
    color: var(--a2-btn-text, var(--a2-text));
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-md);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background: none;
    border: 0;
    transition: filter var(--a2-dur) var(--a2-ease), color var(--a2-dur) var(--a2-ease);
}

/*
 * The angular silhouette is two pseudo-elements, not a clip-path on the button: the button's own box stays rectangular, so its focus ring is
 * not clipped away with the corners, and a drop-shadow on the button follows the silhouette. ::before is the edge, ::after the fill 1 px inside it.
 */
.a2-btn[b-2c1jon7whh]::before,
.a2-btn[b-2c1jon7whh]::after {
    content: "";
    position: absolute;
    z-index: -1;
    clip-path: var(--a2-clip-sm);
    transition: background-color var(--a2-dur) var(--a2-ease);
}

.a2-btn[b-2c1jon7whh]::before {
    inset: 0;
    background: var(--a2-btn-edge, var(--a2-btn-fill));
}

.a2-btn[b-2c1jon7whh]::after {
    inset: 1px;
    background: var(--a2-btn-fill);
    clip-path: var(--a2-clip-sm-inner);
}

.a2-btn--primary[b-2c1jon7whh] {
    --a2-btn-fill: var(--a2-blue);
    --a2-btn-text: var(--a2-on-blue);
    --a2-btn-glow: var(--a2-energy-glow);
}

.a2-btn--danger[b-2c1jon7whh] {
    --a2-btn-fill: var(--a2-danger-fill);
    --a2-btn-text: var(--a2-on-danger-fill);
    --a2-btn-glow: var(--a2-danger-glow);
}

.a2-btn--ghost[b-2c1jon7whh] {
    --a2-btn-edge: var(--a2-border-control);
    --a2-btn-fill: var(--a2-bg-1);
    --a2-btn-text: var(--a2-text);
    --a2-btn-glow: var(--a2-energy-glow);
}

.a2-btn--ghost:hover:not(:disabled)[b-2c1jon7whh] {
    --a2-btn-edge: var(--a2-energy);
    --a2-btn-text: #fff;
}

.a2-btn--sm[b-2c1jon7whh] {
    min-height: 2rem;
    padding: 0 var(--a2-space-3);
    font-size: var(--a2-text-sm);
}

.a2-btn:hover:not(:disabled, .is-busy)[b-2c1jon7whh],
.a2-btn:focus-visible[b-2c1jon7whh] {
    filter: drop-shadow(var(--a2-btn-glow));
}

.a2-btn:focus-visible[b-2c1jon7whh] {
    box-shadow: none; /* the glow follows the silhouette instead of the rectangle */
}

.a2-btn:disabled[b-2c1jon7whh] {
    opacity: .45;
    cursor: not-allowed;
}

.a2-btn.is-busy[b-2c1jon7whh] {
    cursor: progress;
}

.a2-btn__spinner[b-2c1jon7whh] {
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: a2-btn-spin-b-2c1jon7whh .8s linear infinite;
}

@keyframes a2-btn-spin-b-2c1jon7whh {
    to { transform: rotate(360deg); }
}

@media (forced-colors: active) {
    .a2-btn[b-2c1jon7whh] {
        border: 1px solid ButtonText;
    }

    .a2-btn[b-2c1jon7whh]::before,
    .a2-btn[b-2c1jon7whh]::after {
        display: none;
    }
}
/* /Components/UI/A2Checkbox.razor.rz.scp.css */
/*
 * The <input> is rendered by InputCheckbox, which does not pass this component's scope attribute on to it,
 * so it is reached through the wrapper with ::deep (the label is this component's own markup and is scoped as usual).
 */
.a2-check__row[b-22k7w3xk4c] {
    display: flex;
    align-items: flex-start;
    gap: var(--a2-space-3);
}

.a2-check[b-22k7w3xk4c]  .a2-check__box {
    flex: none;
    display: grid;
    place-content: center;
    width: 1.375rem;
    height: 1.375rem;
    margin: .1rem 0 0;
    cursor: pointer;
    appearance: none;
    background: var(--a2-bg-1);
    border: 1px solid var(--a2-border-control);
    border-radius: var(--a2-radius);
    transition: border-color var(--a2-dur) var(--a2-ease), background-color var(--a2-dur) var(--a2-ease);
}

/* The tick */
.a2-check[b-22k7w3xk4c]  .a2-check__box::before {
    content: "";
    width: .8rem;
    height: .8rem;
    background: var(--a2-energy);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transition: transform var(--a2-dur-fast) var(--a2-ease);
}

.a2-check[b-22k7w3xk4c]  .a2-check__box:checked {
    border-color: var(--a2-energy);
}

.a2-check[b-22k7w3xk4c]  .a2-check__box:checked::before {
    transform: scale(1);
}

.a2-check[b-22k7w3xk4c]  .a2-check__box:hover:not(:disabled) {
    border-color: var(--a2-energy);
}

.a2-check[b-22k7w3xk4c]  .a2-check__box:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.a2-check__label[b-22k7w3xk4c] {
    cursor: pointer;
}

.a2-check[b-22k7w3xk4c]  .a2-check__box:disabled + .a2-check__label {
    cursor: not-allowed;
}

/* Switch: a track and a sliding thumb */
.a2-check--switch[b-22k7w3xk4c]  .a2-check__box {
    display: block;
    position: relative;
    width: 2.75rem;
    height: 1.5rem;
    margin-top: 0;
}

.a2-check--switch[b-22k7w3xk4c]  .a2-check__box::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(1.5rem - 6px);
    height: calc(1.5rem - 6px);
    background: var(--a2-text-dim);
    clip-path: none;
    transform: none;
    transition: transform var(--a2-dur) var(--a2-ease), background-color var(--a2-dur) var(--a2-ease);
}

.a2-check--switch[b-22k7w3xk4c]  .a2-check__box:checked {
    background: var(--a2-navy);
}

.a2-check--switch[b-22k7w3xk4c]  .a2-check__box:checked::before {
    background: var(--a2-energy);
    transform: translateX(1.25rem);
}

@media (forced-colors: active) {
    .a2-check[b-22k7w3xk4c]  .a2-check__box {
        border-color: ButtonText;
    }

    .a2-check[b-22k7w3xk4c]  .a2-check__box::before {
        background: CanvasText;
    }
}
/* /Components/UI/A2DataTable.razor.rz.scp.css */
.a2-table__scroll[b-3rnktlxeo8] {
    overflow-x: auto;
    background: var(--a2-bg-2);
    border: 1px solid var(--a2-steel-2);
    border-radius: var(--a2-radius);
}

.a2-table__scroll:focus-visible[b-3rnktlxeo8] {
    outline-offset: -3px;
    box-shadow: none;
}

/* The table's class is a2-data, not a2-grid: that one is the layout utility for cards, and a table that took its display: grid collapses */
.a2-table[b-3rnktlxeo8]  table.a2-data {
    width: 100%;
    min-width: 36rem;
    border-collapse: collapse;
}

.a2-table[b-3rnktlxeo8]  .a2-data th {
    padding: var(--a2-space-3);
    color: var(--a2-text-dim);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-sm);
    font-weight: 600;
    letter-spacing: .1em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--a2-bg-1);
    border-bottom: 1px solid var(--a2-steel-3);
}

.a2-table[b-3rnktlxeo8]  .a2-data td {
    padding: var(--a2-space-3);
    vertical-align: middle;
    border-bottom: 1px solid var(--a2-steel-2);
}

.a2-table[b-3rnktlxeo8]  .a2-data tbody tr:last-child td {
    border-bottom: 0;
}

/* QuickGrid fills a page that is not full with empty rows, to keep the table's height. Here that is a tall table with nothing in it, and blank rows for a screen reader to read out: only a row with an index holds data */
.a2-table[b-3rnktlxeo8]  .a2-data tbody tr:not([aria-rowindex]) {
    display: none;
}

.a2-table[b-3rnktlxeo8]  .a2-data tbody tr:hover td {
    background: rgb(46 230 255 / .05);
}

/* QuickGrid's sortable header: a button inside the header cell */
.a2-table[b-3rnktlxeo8]  .a2-data .col-title {
    display: inline-flex;
    align-items: center;
    gap: var(--a2-space-2);
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}

.a2-table[b-3rnktlxeo8]  .a2-data .col-title:hover {
    color: #fff;
}

.a2-table[b-3rnktlxeo8]  .a2-data th[aria-sort="ascending"],
.a2-table[b-3rnktlxeo8]  .a2-data th[aria-sort="descending"] {
    color: var(--a2-energy);
}

/* A load in progress dims the rows (QuickGrid marks the table .loading); its own default theme did this, and is switched off (Theme="a2") */
.a2-table[b-3rnktlxeo8]  .a2-data.loading > tbody {
    opacity: .35;
    transition: opacity 100ms linear 25ms;
}

/* QuickGrid draws its sort indicator and pager icons as black images, which vanish on a dark surface: these are the same shapes in the theme's colours */
.a2-table[b-3rnktlxeo8]  .a2-data .col-sort-asc .sort-indicator,
.a2-table[b-3rnktlxeo8]  .a2-data .col-sort-desc .sort-indicator {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232ee6ff' d='M2 3.25 12 20.75 22 3.25 12 10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.a2-table__empty[b-3rnktlxeo8] {
    padding: var(--a2-space-6) var(--a2-space-4);
    color: var(--a2-text-dim);
    text-align: center;
}

.a2-table__empty > :last-child[b-3rnktlxeo8] {
    margin-bottom: 0;
}

/* QuickGrid's pager: a row with the page number and the buttons */
.a2-table[b-3rnktlxeo8]  .paginator {
    margin-top: var(--a2-space-3);
    padding: var(--a2-space-3) 0 0;
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
    border-top-color: var(--a2-steel-2);
}

.a2-table[b-3rnktlxeo8]  .paginator nav {
    gap: var(--a2-space-1);
}

.a2-table[b-3rnktlxeo8]  .paginator nav button {
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--a2-bg-1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.1rem;
    border: 1px solid var(--a2-border-control);
    border-radius: var(--a2-radius);
}

/* One chevron or two, pointing left; the pager flips the "next" and "last" buttons itself */
.a2-table[b-3rnktlxeo8]  .paginator .go-previous,
.a2-table[b-3rnktlxeo8]  .paginator .go-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d7dee8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.a2-table[b-3rnktlxeo8]  .paginator .go-first,
.a2-table[b-3rnktlxeo8]  .paginator .go-last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d7dee8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6l-6 6 6 6M19 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.a2-table[b-3rnktlxeo8]  .paginator nav button:not([disabled]):hover {
    background-color: var(--a2-steel-1);
    border-color: var(--a2-energy);
}

.a2-table[b-3rnktlxeo8]  .paginator nav button:not([disabled]):active {
    background-color: var(--a2-steel-2);
}

@media (forced-colors: active) {
    .a2-table__scroll[b-3rnktlxeo8] {
        border-color: CanvasText;
    }
}
/* /Components/UI/A2Field.razor.rz.scp.css */
.a2-field[b-u4jr97pie9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.a2-field__label[b-u4jr97pie9] {
    margin-bottom: var(--a2-space-1);
    color: var(--a2-text);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-sm);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-field__required[b-u4jr97pie9] {
    margin-left: .2em;
    color: var(--a2-energy);
}

.a2-field__hint[b-u4jr97pie9] {
    margin: 0 0 var(--a2-space-2);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

.a2-field__messages[b-u4jr97pie9]  .validation-message {
    margin-top: var(--a2-space-1);
}

/* The control: any input, textarea or select the field wraps carries the class a2-control */
.a2-field[b-u4jr97pie9]  .a2-control {
    width: 100%;
    min-height: 2.75rem;
    padding: .6rem .8rem;
    color: var(--a2-text);
    font: inherit;
    background: var(--a2-bg-1);
    border: 1px solid var(--a2-border-control);
    border-radius: var(--a2-radius);
    transition: border-color var(--a2-dur) var(--a2-ease), box-shadow var(--a2-dur) var(--a2-ease);
}

.a2-field[b-u4jr97pie9]  .a2-control::placeholder {
    color: var(--a2-text-dim);
    opacity: 1;
}

.a2-field[b-u4jr97pie9]  .a2-control:hover:not(:disabled) {
    border-color: var(--a2-text-dim);
}

.a2-field[b-u4jr97pie9]  .a2-control:focus-visible {
    border-color: var(--a2-energy);
    outline: 2px solid var(--a2-energy);
    outline-offset: 1px;
    box-shadow: var(--a2-energy-glow);
}

.a2-field.is-invalid[b-u4jr97pie9]  .a2-control,
.a2-field[b-u4jr97pie9]  .a2-control[aria-invalid="true"] {
    border-color: var(--a2-danger);
}

.a2-field[b-u4jr97pie9]  .a2-control:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.a2-field[b-u4jr97pie9]  textarea.a2-control {
    min-height: 7rem;
    resize: vertical;
}

.a2-field[b-u4jr97pie9]  select.a2-control {
    padding-right: 2.5rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa6b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
    background-size: 1.1rem;
}

@media (forced-colors: active) {
    .a2-field[b-u4jr97pie9]  .a2-control {
        border-color: ButtonText;
    }
}
/* /Components/UI/A2Icon.razor.rz.scp.css */
.a2-icon[b-k3flv6f9zx] {
    flex: none;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -.2em;
}
/* /Components/UI/A2Modal.razor.rz.scp.css */
/* The dialog element is the viewport-sized, top-layer box; the frame inside it is what looks like a window. */
.a2-modal[b-l0n45nkz42] {
    width: min(34rem, 100vw - 2 * var(--a2-gutter));
    max-height: calc(100dvh - 2 * var(--a2-gutter));
    margin: auto;
    padding: 0;
    overflow: visible;
    color: var(--a2-text);
    background: none;
    border: 0;
}

.a2-modal[b-l0n45nkz42]::backdrop {
    background: rgb(4 6 10 / .78);
    backdrop-filter: blur(2px);
}

.a2-modal[open][b-l0n45nkz42] {
    animation: a2-modal-in-b-l0n45nkz42 var(--a2-dur-slow) var(--a2-ease);
}

.a2-modal__frame[b-l0n45nkz42] {
    --a2-modal-tone: var(--a2-energy);
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 2 * var(--a2-gutter));
    padding: var(--a2-space-5);
    filter: drop-shadow(0 18px 36px rgb(0 0 0 / .65));
}

.a2-modal--danger .a2-modal__frame[b-l0n45nkz42] {
    --a2-modal-tone: var(--a2-danger);
}

/* ::before is the edge in the tone colour, ::after the surface inside it (see A2Panel) */
.a2-modal__frame[b-l0n45nkz42]::before,
.a2-modal__frame[b-l0n45nkz42]::after {
    content: "";
    position: absolute;
    z-index: -1;
    clip-path: var(--a2-clip);
}

.a2-modal__frame[b-l0n45nkz42]::before {
    inset: 0;
    background: var(--a2-modal-tone);
}

.a2-modal__frame[b-l0n45nkz42]::after {
    inset: 1px;
    background: var(--a2-surface-panel);
    clip-path: var(--a2-clip-inner);
}

.a2-modal__header[b-l0n45nkz42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--a2-space-3);
    margin-bottom: var(--a2-space-4);
}

.a2-modal__title[b-l0n45nkz42] {
    margin: 0;
    font-size: var(--a2-text-2xl);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-modal__close[b-l0n45nkz42] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    margin: -.4rem -.4rem 0 0;
    color: var(--a2-text-dim);
    background: none;
    border: 0;
}

.a2-modal__close:hover:not(:disabled)[b-l0n45nkz42] {
    color: #fff;
}

.a2-modal__close:disabled[b-l0n45nkz42] {
    opacity: .4;
    cursor: not-allowed;
}

.a2-modal__body[b-l0n45nkz42] {
    overflow-y: auto;
}

.a2-modal__body > :last-child[b-l0n45nkz42] {
    margin-bottom: 0;
}

.a2-modal__actions[b-l0n45nkz42] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--a2-space-3);
    margin-top: var(--a2-space-5);
    padding-top: var(--a2-space-4);
    border-top: 1px solid var(--a2-steel-2);
}

@keyframes a2-modal-in-b-l0n45nkz42 {
    from {
        opacity: 0;
        transform: translateY(1rem) scale(.98);
    }
}

@media (forced-colors: active) {
    .a2-modal__frame[b-l0n45nkz42] {
        border: 2px solid CanvasText;
    }
}
/* /Components/UI/A2NavLink.razor.rz.scp.css */
.a2-nav-link[b-jgxdqeq6au] {
    display: flex;
    align-items: center;
    gap: var(--a2-space-3);
    min-height: 2.75rem;
    padding: 0 var(--a2-space-4);
    color: var(--a2-text-dim);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-md);
    font-weight: 600;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    border-left: 2px solid transparent;
    transition: color var(--a2-dur) var(--a2-ease), background-color var(--a2-dur) var(--a2-ease), border-color var(--a2-dur) var(--a2-ease);
}

.a2-nav-link:hover[b-jgxdqeq6au] {
    color: #fff;
    text-shadow: none;
    background: rgb(46 230 255 / .06);
}

.a2-nav-link.active[b-jgxdqeq6au] {
    color: #fff;
    background: linear-gradient(90deg, rgb(46 230 255 / .14), transparent);
    border-left-color: var(--a2-energy);
}

.a2-nav-link.active[b-jgxdqeq6au]  .a2-icon {
    color: var(--a2-energy);
}

.a2-nav-link:focus-visible[b-jgxdqeq6au] {
    outline-offset: -3px;
    box-shadow: none;
}

@media (forced-colors: active) {
    .a2-nav-link.active[b-jgxdqeq6au] {
        border-left-color: Highlight;
    }

    /* The accent colour of the icon is the author's: in forced colours it follows the text, like the rest of the link */
    .a2-nav-link.active[b-jgxdqeq6au]  .a2-icon {
        color: inherit;
    }
}
/* /Components/UI/A2Panel.razor.rz.scp.css */
.a2-panel[b-kg8go0jw13] {
    position: relative;
    isolation: isolate;
    padding: var(--a2-space-5);
    color: var(--a2-text);
}

/* ::before is the 1 px steel edge, ::after the brushed-metal surface 1 px inside it, both cut at the corners (see A2Button for why they are not a clip-path on the panel) */
.a2-panel[b-kg8go0jw13]::before,
.a2-panel[b-kg8go0jw13]::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    clip-path: var(--a2-clip);
}

.a2-panel[b-kg8go0jw13]::before {
    inset: 0;
    background: var(--a2-steel-2);
}

.a2-panel[b-kg8go0jw13]::after {
    inset: 1px;
    background: linear-gradient(var(--a2-accent, transparent), var(--a2-accent, transparent)) left / 2px 100% no-repeat, var(--a2-surface-panel);
    clip-path: var(--a2-clip-inner);
}

.a2-panel--energy[b-kg8go0jw13] { --a2-accent: var(--a2-energy); }
.a2-panel--warning[b-kg8go0jw13] { --a2-accent: var(--a2-warn); }
.a2-panel--danger[b-kg8go0jw13] { --a2-accent: var(--a2-danger); }

.a2-panel__header[b-kg8go0jw13] {
    display: flex;
    flex-wrap: wrap; /* a long action (a button with words) goes below the heading on a narrow screen instead of squeezing it */
    align-items: center;
    justify-content: space-between;
    gap: var(--a2-space-3);
    margin-bottom: var(--a2-space-4);
    padding-bottom: var(--a2-space-3);
    border-bottom: 1px solid var(--a2-steel-2);
}

.a2-panel__title[b-kg8go0jw13] {
    margin: 0;
    font-size: var(--a2-text-xl);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-panel__footer[b-kg8go0jw13] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--a2-space-3);
    margin-top: var(--a2-space-5);
    padding-top: var(--a2-space-4);
    border-top: 1px solid var(--a2-steel-2);
}

@media (forced-colors: active) {
    .a2-panel[b-kg8go0jw13] {
        border: 1px solid CanvasText;
    }
}
/* /Components/UI/A2PermissionBadges.razor.rz.scp.css */
.a2-flags[b-g3stqwmv9e] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a2-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}
/* /Components/UI/A2Skeleton.razor.rz.scp.css */
.a2-skeleton[b-d6v9n43wla] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-2);
}

.a2-skeleton__shape[b-d6v9n43wla] {
    display: block;
    background: linear-gradient(90deg, var(--a2-steel-1) 25%, var(--a2-steel-2) 37%, var(--a2-steel-1) 63%);
    background-size: 400% 100%;
    border-radius: var(--a2-radius);
    animation: a2-skeleton-shimmer-b-d6v9n43wla 1.6s ease-in-out infinite;
}

.a2-skeleton__line[b-d6v9n43wla] {
    height: 1rem;
}

.a2-skeleton__line:last-child:not(:first-of-type)[b-d6v9n43wla] {
    width: 60%;
}

.a2-skeleton--block .a2-skeleton__shape[b-d6v9n43wla] {
    min-height: 6rem;
}

.a2-skeleton--block.a2-skeleton--tall .a2-skeleton__shape[b-d6v9n43wla] {
    min-height: 12rem;
}

.a2-skeleton--circle .a2-skeleton__shape[b-d6v9n43wla] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

@keyframes a2-skeleton-shimmer-b-d6v9n43wla {
    from { background-position: 100% 0; }
    to { background-position: 0 0; }
}
/* /Components/UI/A2StatCard.razor.rz.scp.css */
.a2-stat[b-ruql8y3dlx] {
    --a2-stat-tone: var(--a2-energy);
    position: relative;
    isolation: isolate;
    padding: var(--a2-space-4) var(--a2-space-5);
}

.a2-stat--neutral[b-ruql8y3dlx] { --a2-stat-tone: var(--a2-steel-3); }
.a2-stat--success[b-ruql8y3dlx] { --a2-stat-tone: var(--a2-ok); }
.a2-stat--warning[b-ruql8y3dlx] { --a2-stat-tone: var(--a2-warn); }
.a2-stat--danger[b-ruql8y3dlx] { --a2-stat-tone: var(--a2-danger); }

/* ::before is the steel edge, ::after the surface inside it with a 2 px tone line along the top (see A2Panel) */
.a2-stat[b-ruql8y3dlx]::before,
.a2-stat[b-ruql8y3dlx]::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    clip-path: var(--a2-clip-sm);
}

.a2-stat[b-ruql8y3dlx]::before {
    inset: 0;
    background: var(--a2-steel-2);
}

.a2-stat[b-ruql8y3dlx]::after {
    inset: 1px;
    background: linear-gradient(var(--a2-stat-tone), var(--a2-stat-tone)) top / 100% 2px no-repeat, var(--a2-surface-panel);
    clip-path: var(--a2-clip-sm-inner);
}

.a2-stat__label[b-ruql8y3dlx] {
    margin: 0;
    color: var(--a2-text-dim);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-sm);
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.a2-stat__value[b-ruql8y3dlx] {
    margin: var(--a2-space-1) 0 0;
    color: #fff;
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-3xl);
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.a2-stat__note[b-ruql8y3dlx] {
    margin-top: var(--a2-space-1);
    color: var(--a2-text-dim);
    font-size: var(--a2-text-sm);
}

@media (forced-colors: active) {
    .a2-stat[b-ruql8y3dlx] {
        border: 1px solid CanvasText;
    }
}
/* /Components/UI/A2Tab.razor.rz.scp.css */
.a2-tab-panel[b-sjitieg6po] {
    padding-top: var(--a2-space-5);
}
/* /Components/UI/A2Tabs.razor.rz.scp.css */
.a2-tabs__list[b-68bk9i9anc] {
    display: flex;
    gap: var(--a2-space-1);
    overflow-x: auto;
    border-bottom: 1px solid var(--a2-steel-2);
    scrollbar-width: thin;
}

.a2-tabs__tab[b-68bk9i9anc] {
    flex: none;
    min-height: 2.75rem;
    padding: 0 var(--a2-space-4);
    color: var(--a2-text-dim);
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-md);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color var(--a2-dur) var(--a2-ease), border-color var(--a2-dur) var(--a2-ease);
}

.a2-tabs__tab:hover[b-68bk9i9anc] {
    color: #fff;
}

.a2-tabs__tab[aria-selected="true"][b-68bk9i9anc] {
    color: #fff;
    border-bottom-color: var(--a2-energy);
    text-shadow: var(--a2-energy-glow);
}

/* The list scrolls sideways on a narrow screen, which would clip an outside ring */
.a2-tabs__tab:focus-visible[b-68bk9i9anc] {
    outline-offset: -4px;
    box-shadow: none;
}

@media (forced-colors: active) {
    .a2-tabs__tab[aria-selected="true"][b-68bk9i9anc] {
        border-bottom-color: Highlight;
    }
}
/* /Components/UI/A2ToastHost.razor.rz.scp.css */
/* The host is a fixed corner of the screen that never takes a click itself; only the toasts do. */
.a2-toasts[b-5z33of9j98] {
    position: fixed;
    right: var(--a2-gutter);
    bottom: var(--a2-gutter);
    z-index: var(--a2-z-toast);
    width: min(24rem, 100vw - 2 * var(--a2-gutter));
    pointer-events: none;
}

.a2-toasts__list[b-5z33of9j98] {
    display: flex;
    flex-direction: column;
    gap: var(--a2-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.a2-toast[b-5z33of9j98] {
    --a2-toast-tone: var(--a2-blue-text);
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-start;
    gap: var(--a2-space-3);
    padding: var(--a2-space-3) var(--a2-space-3) var(--a2-space-3) var(--a2-space-4);
    color: var(--a2-text);
    pointer-events: auto;
    animation: a2-toast-in-b-5z33of9j98 var(--a2-dur-slow) var(--a2-ease);
}

.a2-toast--neutral[b-5z33of9j98] { --a2-toast-tone: var(--a2-text-dim); }
.a2-toast--success[b-5z33of9j98] { --a2-toast-tone: var(--a2-ok); }
.a2-toast--warning[b-5z33of9j98] { --a2-toast-tone: var(--a2-warn); }
.a2-toast--danger[b-5z33of9j98] { --a2-toast-tone: var(--a2-danger-text); }

/* ::before is the steel edge, ::after the surface inside it with a tone line down the left (see A2Panel) */
.a2-toast[b-5z33of9j98]::before,
.a2-toast[b-5z33of9j98]::after {
    content: "";
    position: absolute;
    z-index: -1;
    clip-path: var(--a2-clip-sm);
}

.a2-toast[b-5z33of9j98]::before {
    inset: 0;
    background: var(--a2-steel-2);
}

.a2-toast[b-5z33of9j98]::after {
    inset: 1px;
    background: linear-gradient(var(--a2-toast-tone), var(--a2-toast-tone)) left / 3px 100% no-repeat, var(--a2-bg-2);
    clip-path: var(--a2-clip-sm-inner);
}

.a2-toast[b-5z33of9j98]  .a2-toast__icon {
    margin-top: .1rem;
    color: var(--a2-toast-tone);
}

.a2-toast__body[b-5z33of9j98] {
    flex: 1;
    min-width: 0;
}

.a2-toast__title[b-5z33of9j98],
.a2-toast__message[b-5z33of9j98] {
    margin: 0;
}

.a2-toast__title[b-5z33of9j98] {
    font-family: var(--a2-font-display);
    font-size: var(--a2-text-lg);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a2-toast__close[b-5z33of9j98] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: var(--a2-text-dim);
    background: none;
    border: 0;
}

.a2-toast__close:hover[b-5z33of9j98] {
    color: #fff;
}

@keyframes a2-toast-in-b-5z33of9j98 {
    from {
        opacity: 0;
        transform: translateY(.75rem);
    }
}

@media (forced-colors: active) {
    .a2-toast[b-5z33of9j98] {
        border: 1px solid CanvasText;
    }
}