/* /Components/Account/ProfileRestrictionHistory.razor.rz.scp.css */
.moderation-panel[b-4zq5v0afb9] { margin-top: 1.5rem; min-width: 0; }
.moderation-panel h3[b-4zq5v0afb9] { margin-top: 1.5rem; }
.moderation-profiles[b-4zq5v0afb9], .moderation-history[b-4zq5v0afb9] { list-style: none; margin: 0; padding: 0; }
.moderation-profiles li[b-4zq5v0afb9] { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: .8rem 0; border-bottom: 1px solid var(--border-color, #69717b); overflow-wrap: anywhere; }
.moderation-entry[b-4zq5v0afb9] { padding: 1rem 0; border-bottom: 1px solid var(--border-color, #69717b); min-width: 0; }
.moderation-entry__heading[b-4zq5v0afb9] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; }
.moderation-entry dl[b-4zq5v0afb9] { display: grid; grid-template-columns: minmax(7rem, 11rem) minmax(0, 1fr); gap: .4rem 1rem; }
.moderation-entry dt[b-4zq5v0afb9], .moderation-entry dd[b-4zq5v0afb9] { margin: 0; overflow-wrap: anywhere; }
.moderation-reason[b-4zq5v0afb9] { white-space: pre-wrap; }
.moderation-status[b-4zq5v0afb9] { padding: .2rem .6rem; border: 1px solid currentColor; border-radius: .25rem; }
.moderation-status--active[b-4zq5v0afb9] { font-weight: 700; }
.moderation-status--expired[b-4zq5v0afb9] { border-style: dashed; }
.moderation-status--revoked[b-4zq5v0afb9] { border-style: dotted; }
.moderation-consumed[b-4zq5v0afb9] { font-size: .9rem; }
.moderation-pagination[b-4zq5v0afb9] { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: .8rem; }
@media (max-width: 600px) {
    .moderation-entry dl[b-4zq5v0afb9] { grid-template-columns: minmax(0, 1fr); }
    .moderation-entry dd[b-4zq5v0afb9] { margin-bottom: .5rem; }
}
/* /Components/Analytics/AudienceTrendChart.razor.rz.scp.css */
.audience-trend-chart[b-5w4hsuwqcy] { min-width: 0; margin-block: 1.25rem; padding: 22px; border: 1px solid #484b45; background: linear-gradient(180deg, #101719, #0b1113); }
.audience-trend-chart__header[b-5w4hsuwqcy] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.audience-trend-chart__header > div:first-child[b-5w4hsuwqcy] { min-width: 0; flex: 1 1 auto; }
.audience-trend-chart__header h2[b-5w4hsuwqcy] { margin: 0; overflow-wrap: anywhere; font: 600 clamp(1.25rem, 2vw, 1.75rem)/1.1 var(--font-condensed); letter-spacing: .045em; }
.audience-trend-chart__header p[b-5w4hsuwqcy] { max-width: 760px; margin: 8px 0 0; color: #9aa3a6; }
.audience-trend-chart__legend[b-5w4hsuwqcy] { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.audience-trend-chart__series[b-5w4hsuwqcy] { position: relative; margin: 0 !important; padding: 7px 10px 7px 27px; border: 1px solid #3d4647; background: #0b1113; color: #d6d1c7; font: 600 .78rem/1 var(--font-condensed); letter-spacing: .04em; }
.audience-trend-chart__series[b-5w4hsuwqcy]::before { position: absolute; left: 9px; top: 50%; width: 10px; height: 3px; content: ""; transform: translateY(-50%); background: var(--series-color); box-shadow: 0 0 7px color-mix(in srgb, var(--series-color) 65%, transparent); }
.audience-trend-chart__series[aria-pressed="false"][b-5w4hsuwqcy] { opacity: .45; }
.audience-trend-chart__series--dau[b-5w4hsuwqcy] { --series-color: #dca449; }
.audience-trend-chart__series--wau[b-5w4hsuwqcy] { --series-color: #63b5c0; }
.audience-trend-chart__series--mau[b-5w4hsuwqcy] { --series-color: #c16f5b; }
.audience-trend-chart__viewport[b-5w4hsuwqcy] { position: relative; min-height: 320px; }
.audience-trend-chart canvas[b-5w4hsuwqcy] { display: block; width: 100%; height: clamp(320px, 38vw, 440px); touch-action: pan-y; }
.audience-trend-chart__empty[b-5w4hsuwqcy] { display: grid; min-height: 260px; place-items: center; margin: 0; color: #8d9699; text-align: center; }
.audience-trend-chart__hint[b-5w4hsuwqcy] { margin: 10px 0 0; color: #7f898c; font-size: .82rem; }

@media (max-width: 640px) {
    .audience-trend-chart[b-5w4hsuwqcy] { padding: 14px; }
    .audience-trend-chart__header[b-5w4hsuwqcy] { display: block; }
    .audience-trend-chart__legend[b-5w4hsuwqcy] { justify-content: flex-start; margin-top: 14px; }
    .audience-trend-chart__viewport[b-5w4hsuwqcy] { min-height: 300px; }
    .audience-trend-chart canvas[b-5w4hsuwqcy] { height: 300px; }
}
/* /Components/Analytics/ServerAudienceCard.razor.rz.scp.css */
.server-audience-card[b-4t1ax743z0] { min-width: 0; margin-block: 1rem; }
.server-audience-card h2[b-4t1ax743z0], .server-audience-card code[b-4t1ax743z0] { overflow-wrap: anywhere; }
.server-audience-metrics[b-4t1ax743z0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.server-audience-metrics dt[b-4t1ax743z0] { font-weight: 600; }
.server-audience-metrics dd[b-4t1ax743z0], .server-audience-times dd[b-4t1ax743z0] { margin: 0; overflow-wrap: anywhere; }
.server-audience-metrics strong[b-4t1ax743z0] { display: block; font-size: 1.75rem; }
.server-audience-metrics span[b-4t1ax743z0] { display: block; margin-block-start: .35rem; font-size: .85rem; }
.server-audience-times[b-4t1ax743z0] { display: flex; flex-wrap: wrap; gap: .75rem 2rem; }
.server-audience-times dt[b-4t1ax743z0] { font-size: .85rem; opacity: .8; }
.server-audience-warning[b-4t1ax743z0] { font-weight: 600; }
@media (max-width: 480px) {
    .server-audience-metrics[b-4t1ax743z0] { grid-template-columns: 1fr; gap: .75rem; }
    .server-audience-metrics > div[b-4t1ax743z0] { display: grid; grid-template-columns: 1fr 2fr; gap: .75rem; }
}
/* /Components/Articles/ArticleTimelineEventBlock.razor.rz.scp.css */
.article-event[b-4gve8t1wso] { padding: 22px; border: 1px solid #605440; border-left: 3px solid #c49b5c; background: #151c1e; color: #dad9ce; }
.article-event__heading[b-4gve8t1wso] { display: flex; align-items: center; gap: 9px; color: #d3ab6b; font: 500 15px/1.3 var(--font-condensed); }
.article-event__heading[b-4gve8t1wso]  .site-icon { width: 20px; height: 20px; flex: none; }
.article-event h3[b-4gve8t1wso] { margin: 14px 0 8px; font: 550 26px/1.2 var(--font-condensed); }
.article-event time[b-4gve8t1wso] { display: block; color: #c5ccc8; font-size: 13px; }
.article-event__description[b-4gve8t1wso] { margin: 14px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.article-event__server[b-4gve8t1wso] { display: flex; align-items: center; gap: 8px; margin: 10px 0; color: #c8cec9; font-size: 13px; }
.article-event__server[b-4gve8t1wso]  .site-icon { width: 16px; height: 16px; color: #c49b5c; }
.article-event__fields[b-4gve8t1wso] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.article-event__fields label[b-4gve8t1wso] { display: grid; min-width: 0; gap: 7px; color: #c8cec9; font-size: 13px; }
.article-event__wide[b-4gve8t1wso] { grid-column: 1 / -1; }
.article-event__fields input[b-4gve8t1wso], .article-event__fields select[b-4gve8t1wso], .article-event__fields textarea[b-4gve8t1wso] { width: 100%; min-width: 0; box-sizing: border-box; }
.article-event__fields textarea[b-4gve8t1wso] { resize: vertical; }
.article-event__toggle[b-4gve8t1wso] { display: flex; align-items: center; gap: 9px; margin-top: 18px; font-size: 13px; }
.article-event__toggle input[b-4gve8t1wso] { width: 18px; height: 18px; min-height: 18px; flex: none; margin: 0; accent-color: #c49b5c; }
.article-event__hint[b-4gve8t1wso] { margin: 12px 0 0; color: #a3afaa; font-size: 12px; line-height: 1.5; }
.article-event__error[b-4gve8t1wso] { margin: 12px 0 0; color: #edb5a0; font-size: 13px; }
@media (max-width: 700px) {
    .article-event[b-4gve8t1wso] { padding: 17px; }
    .article-event__fields[b-4gve8t1wso] { grid-template-columns: 1fr; }
}
/* /Components/Editor/EditorRangeField.razor.rz.scp.css */
.editor-range-field__controls[b-nm989htpel] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.editor-range-field__controls input[b-nm989htpel] {
    width: 100%;
    min-width: 0;
}

.editor-range-field__controls input[type=number][b-nm989htpel] {
    padding: 6px 8px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-omue1tggrm] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

    .top-row[b-omue1tggrm]  a:hover, .top-row[b-omue1tggrm]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-omue1tggrm] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-omue1tggrm]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-omue1tggrm], article[b-omue1tggrm] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-omue1tggrm] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-omue1tggrm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-82t831fnx5],
.components-reconnect-repeated-attempt-visible[b-82t831fnx5],
.components-reconnect-failed-visible[b-82t831fnx5],
.components-pause-visible[b-82t831fnx5],
.components-resume-failed-visible[b-82t831fnx5],
.components-rejoining-animation[b-82t831fnx5] {
    display: none;
}

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


#components-reconnect-modal[b-82t831fnx5] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-82t831fnx5 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-82t831fnx5]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-82t831fnx5 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-82t831fnx5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

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

#components-reconnect-modal button[b-82t831fnx5] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-82t831fnx5] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-82t831fnx5] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-82t831fnx5] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-82t831fnx5 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-82t831fnx5 {
    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;
    }
}