@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/BigOps/KlatchComponent.razor.rz.scp.css */
.grid[b-d3zzd3q43x] {
    height: 100%;
    overflow-y: auto;
}

.footer[b-d3zzd3q43x] {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

[b-d3zzd3q43x] #nav-tabs {
      padding-top:  8px;
  }

.member-items-container[b-d3zzd3q43x] {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-auto-rows: 1fr;
}
/* /Components/BigOps/MemberSearchComponent.razor.rz.scp.css */

[b-seccez2c01] .col-options-button::before, [b-seccez2c01] .quickgrid[theme=default] .sort-indicator::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[b-seccez2c01] .quickgrid[theme=default] .sort-indicator {
    background-image: none;
    transform: none !important;
}

[b-seccez2c01] .col-sort-asc .sort-indicator::before {
    content: "\F571";
}

[b-seccez2c01] .col-sort-desc .sort-indicator::before {
    content: "\F570";
    transform: none !important;
}

[b-seccez2c01] .col-sort-desc .sort-indicator {
    height: 1em;
}

[b-seccez2c01] .quickgrid[theme=default] .col-options-button::before {
    content: "\F5D3";
    background: none;
}

[b-seccez2c01] .col-options {
    padding:0;
    width:fit-content;
    font-size:0.8em;
}

[b-seccez2c01] thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid var(--bs-card-border-color) !important;
}

[b-seccez2c01] tr {
    height: 30px;
}

/* /Components/BigOps/NowNextComponent.razor.rz.scp.css */

progress[b-ve9arb46b6] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    vertical-align: top;
}

    progress[value][b-ve9arb46b6]::-webkit-progress-bar {
        background-image: none;
        background-color: transparent;
        height: 5px;
        transition: all 0.5s ease;
    }

    progress[value][b-ve9arb46b6]::-webkit-progress-value {
        padding: 0;
        border-width: 0px;
        font-family: bootstrap-icons !important;
        height: 5px;
        transition: all 0.5s ease;
    }

a[b-ve9arb46b6] {
    cursor: help;
    text-decoration: none;
    background-color: transparent;
    color: var(--bs-body-color) !important;
}

.nav-tabs[b-ve9arb46b6] {
    height: 48px;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

[b-ve9arb46b6] .now-next .row {
    background: var(--bs-body-bg);
}

[b-ve9arb46b6] .now-next > .d-flex {
    font-weight: bold;
    border-bottom: 1px solid var(--bs-border-color);
}

[b-ve9arb46b6] .now-next .row {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 0.1rem;
}
    [b-ve9arb46b6] .now-next .row:nth-child(odd) {
        color: var(--bs-emphasis-color);
        background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
        border-bottom: 1px solid var(--bs-border-color);
    }
/* /Components/Home/AnalogueClockComponent.razor.rz.scp.css */

.clock-container[b-25779722w2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100px;
}

.clock[b-25779722w2] {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    height: 10vmin;
    width: 10vmin;
    border-radius: 50%;
}

    .clock div[b-25779722w2] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: transparent;
    }

        .clock div div[b-25779722w2] {
            left: 50%;
            width: 0;
        }

    .clock span[b-25779722w2] {
        position: absolute;
        font-family: "Share Tech Mono", monospace;
        font-size: 1.5vmin;
        font-weight: bold;
        color: var(--theatre-dark);
    }

    .clock .h12[b-25779722w2] {
        left: 50%;
        top: 3%;
        transform: translateX(-50%);
    }

        .clock .h12[b-25779722w2]::before {
            content: "12";
        }

    .clock .h3[b-25779722w2] {
        left: 97%;
        top: 50%;
        transform: translate(-100%, -50%);
    }

        .clock .h3[b-25779722w2]::before {
            content: "3";
        }

    .clock .h6[b-25779722w2] {
        left: 50%;
        top: 97%;
        transform: translate(-50%, -100%);
    }

        .clock .h6[b-25779722w2]::before {
            content: "6";
        }

    .clock .h9[b-25779722w2] {
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
    }

        .clock .h9[b-25779722w2]::before {
            content: "9";
        }

    .clock .ctr[b-25779722w2] {
        width: 3%;
        height: 3%;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #daf6ff;
    }

    .clock .hour div[b-25779722w2] {
        top: 20%;
        height: 30%;
        border: 2px solid var(--bs-body-color);
        margin-left: -2px;
    }

    .clock .minute div[b-25779722w2] {
        top: 10%;
        height: 40%;
        border: 2px solid var(--bs-body-color);
        margin-left: -2px;
    }

    .clock .second div[b-25779722w2] {
        top: 5%;
        height: 65%;
        border: 1px solid var(--bs-danger);
        margin-left: -1px;
    }
/* /Components/Home/BackgroundComponent.razor.rz.scp.css */
/* Zero-height wrapper — exists only to hold the two curtain-top divs in markup */
.stage-curtains[b-tb1owtnz18] {
    height: 0;
    width: 100%;
    overflow-y: visible;
    pointer-events: none;
}

/* CurtainTop_Dark 354×866px shown at 186×455px (aspect-correct).
   position:fixed pins to viewport; top matches header flow height
   (arch 171 + content-bar 52 + stripe 8 = 231px; pelmet is abs-positioned, not in flow). */
.curtain-top[b-tb1owtnz18] {
    position: fixed;
    top: 231px;
    left: 0;
    background-image: url("/images/maskerade/CurtainTop_Dark.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 455px;
    width: 186px;
    z-index: 14;  /* behind pelmet(15), below boxes(25) */
    pointer-events: none;
}

/* Right curtain: pin to right edge and mirror */
.curtain-top--mirror[b-tb1owtnz18] {
    left: auto;
    right: 0;
    transform: scale(-1, 1);
}

/* Thin fabric strips below the curtain tops — CurtainExpander_Dark is a 95×47px tile.
   47px wide matches page-body padding; margin-top places them below the header. */
.curtain-extenders[b-tb1owtnz18] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 13;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.curtain-extender-left[b-tb1owtnz18],
.curtain-extender-right[b-tb1owtnz18] {
    width: 47px;
    min-width: 47px;
    max-width:47px;
    margin-top: 231px;
    background-size: contain;
    background-repeat: repeat-y;
    background-image: url("/images/maskerade/CurtainExpander_Dark.svg");
}

.curtain-extender-right[b-tb1owtnz18] {
    transform: scale(-1, 1);
}

/* /Components/Home/DigitalClockComponent.razor.rz.scp.css */

.digital-clock[b-wbc25idk4p] {
    font-family: "Share Tech Mono", monospace;
    color: var(--theatre-dark);
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .digital-clock .time[b-wbc25idk4p] {
        letter-spacing: 0.05em;
        font-size: 40px;
        padding: 5px 0;
    }

    .digital-clock .date[b-wbc25idk4p] {
        letter-spacing: 0.1em;
        font-size: 24px;
    }

    .digital-clock .text[b-wbc25idk4p] {
        letter-spacing: 0.1em;
        font-size: 12px;
        padding: 20px 0 0;
    }
/* /Components/Home/FooterComponent.razor.rz.scp.css */


/* ── Maskerade theatre theming ─────────────────────────────── */
/* .maskerade-footer root background lives in app.css (Blazor root-element scoping) */
/* Gold on non-stage divs also set in app.css via .maskerade-footer > div:not(.maskerade-stage) */

/* ── Stage strip ── StageBoards bg + curtain bottoms + footlights ── */

.maskerade-stage[b-0buvnfvk48] {
    height: 50px;
    background-image: url('/images/maskerade/StageBoards.svg');
    background-position-x: center;
    background-position-y: top;
    overflow-y: visible;
    background-color: black;
}

/* CurtainBottom drapes up out of the stage strip — matches ConSite: top:-155px, 200px tall, 85px wide */
.maskerade-curtain-bottom[b-0buvnfvk48] {
    position: relative;
    top: -155px;
    height: 200px;
    width: 85px;
    min-width: 85px;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/images/maskerade/CurtainBottom_Dark.svg');
    pointer-events: none;
}

.maskerade-curtain-bottom--mirror[b-0buvnfvk48] {
    transform: scale(-1, 1);
}

/* Footlights row */
.maskerade-footlights[b-0buvnfvk48] {
    position: relative;
    top: 15px;
    height: 43px;
    z-index: 1;
    background-size: contain;
    background-repeat: space no-repeat;
    background-image: url('/images/maskerade/Footlight_Dark.svg');
    pointer-events: none;
}

/* Footer decal centred over footlights */
.maskerade-footer-decal[b-0buvnfvk48] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 48px;
    width: 200px;
    background-image: url('/images/maskerade/FooterDecal_Dark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    z-index: 4;
    visibility: hidden;
    opacity: 0.75;
}

.backdrop[b-0buvnfvk48] {
    border-left: 2px solid rgba(184, 148, 31, 0.4);
    border-right: 2px solid rgba(184, 148, 31, 0.4);
}
    /* ── Existing styles ────────────────────────────────────────── */
    progress[b-0buvnfvk48] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 100%;
    }


    progress[value][b-0buvnfvk48]::-webkit-progress-bar {
        background-image: none;
        background-color: transparent;
    }

    progress[value][b-0buvnfvk48]::-webkit-progress-value {
        background: rgba(var(--bs-dark-rgb),0.5) !important;
        position: relative;
        padding: 0.5rem;
        border-color: rgba(var(--bs-dark-rgb),1) !important;
        border-width: 1px;
        font-family: bootstrap-icons !important;
        box-shadow: var(--bs-box-shadow) !important;
    }


    .step-progress > div:first-child[b-0buvnfvk48] {
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
        border-top-left-radius: var(--bs-border-radius-xxl) !important;
    }

    .step-progress > div:last-child[b-0buvnfvk48] {
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
        border-top-right-radius: var(--bs-border-radius-xxl) !important;
    }
    /* ── Theatre room-status cards ───────────────────────────── */

    .theatre-card[b-0buvnfvk48] {
        /* Override Bootstrap CSS variables so dark/light theme can't fight us */
        --bs-card-bg: rgba(26, 8, 13, 0.88);
        --bs-card-color: var(--theatre-ghost);
        --bs-card-border-color: var(--theatre-gold);
        background-color: var(--bs-card-bg) !important;
        color: var(--bs-card-color) !important;
        border-color: var(--bs-card-border-color) !important;
        min-height: 110px;
    }

        .theatre-card .card-header[b-0buvnfvk48] {
            background-color: rgba(184, 148, 31, 0.18);
            border-bottom-color: rgba(184, 148, 31, 0.35);
            color: var(--theatre-gold);
            padding: 0.35rem 0.75rem;
        }

        .theatre-card .card-body[b-0buvnfvk48] {
            min-height: 56px;
            padding: 0.4rem;
        }
    /* ── Theatre progress-bar segments ──────────────────────── */

    .theatre-segment-schedule[b-0buvnfvk48] {
        background: var(--theatre-gold);
        color: var(--theatre-dark);
    }

    .theatre-segment-info[b-0buvnfvk48] {
        background: var(--theatre-amber);
        color: var(--theatre-dark);
    }

    .theatre-segment-klatches[b-0buvnfvk48] {
        background: var(--theatre-curtain);
        color: #fff;
    }

    .theatre-segment-photos[b-0buvnfvk48] {
        background: #5E3080;
        color: #fff;
    }
    /* ── Page-type colour indicator stripes (footer top) ──────── */

    .theatre-stripe-schedule[b-0buvnfvk48] {
        width: 100%;
        background: var(--theatre-gold);
    }

    .theatre-stripe-info[b-0buvnfvk48] {
        width: 100%;
        background: var(--theatre-amber);
    }

    .theatre-stripe-klatches[b-0buvnfvk48] {
        width: 100%;
        background: var(--theatre-curtain);
    }

    .theatre-stripe-photos[b-0buvnfvk48] {
        width: 100%;
        background: #5E3080;
    }
    /* ── Room-status card uniform sizing is defined in .theatre-card above ── */

    @keyframes animate-stripes-b-0buvnfvk48 {
        to {
            background-position: -50px 0;
        }
    }
/* /Components/Home/GhostComponent.razor.rz.scp.css */
.ghost-overlay[b-wgp4933464] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.78);
    opacity: 0;
}

.ghost-appear[b-wgp4933464] {
    animation: ghost-in-b-wgp4933464 10.5s ease-in-out forwards;
}

.ghost-disappear[b-wgp4933464] {
    animation: ghost-out-b-wgp4933464 1.5s ease-out forwards;
}

@keyframes ghost-in-b-wgp4933464 {
    0%   { opacity: 0; }
    12%  { opacity: 1; }
    88%  { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes ghost-out-b-wgp4933464 {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

.ghost-frame[b-wgp4933464] {
    background: rgba(8, 4, 12, 0.88);
    border: 1px solid rgba(180, 145, 30, 0.5);
    border-radius: 2px;
    padding: 2.5rem 4rem;
    text-align: center;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.9), 0 0 24px rgba(180, 145, 30, 0.12);
    animation: ghost-frame-drift-b-wgp4933464 10.5s ease-in-out forwards;
}

@keyframes ghost-frame-drift-b-wgp4933464 {
    0%   { opacity: 0; transform: translateY(-18px) scale(0.96); }
    14%  { opacity: 1; transform: translateY(0) scale(1); }
    86%  { opacity: 1; transform: translateY(0) scale(1); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.ghost-signature[b-wgp4933464] {
    display: block;
    margin: 0 auto;
    max-width: 260px;
    filter: invert(1) drop-shadow(0 0 8px rgba(255, 215, 0, 0.5));
}

.ghost-note[b-wgp4933464] {
    color: rgba(238, 226, 202, 0.92);
    font-family: 'Alegreya', Georgia, serif;
    font-style: italic;
    font-size: 1.35rem;
    margin-top: 1.2rem;
    margin-bottom: 0;
    letter-spacing: 0.04em;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.35);
}

/* /Components/Home/HeaderComponent.razor.rz.scp.css */

/* ══════════════════════════════════════════════════════════════
   Maskerade Header — mirrors ConSite nav structure
   All layers use height:0 + overflow:visible so they stack
   decoratively without pushing down functional content.
   ══════════════════════════════════════════════════════════════ */

/* Header background ensures the pelmet's transparent areas show
   the dark header colour, not the page body behind it */
.maskerade-header[b-4sfua74nua] {
    background-color: var(--theatre-header-bg);
}

/* ── Layer 1: Theatre boxes ─────────────────────────────────── */

.header-theatre-boxes[b-4sfua74nua] {
    height: 0;
    width: 100%;
    overflow: visible;
    position: relative;
    z-index: 25;  /* in front of curtain-tops(20) */
}

/* Box frame is the background-image of the div itself — 242×373px matching ConSite */
.header-theatre-box[b-4sfua74nua] {
    position: relative;
    height: 373px;
    width: 242px;
    flex-shrink: 0;
    pointer-events: none;
    background-image: url("/images/maskerade/Box_Dark.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 120;
}

/* Right box is a horizontal mirror */
.header-theatre-box--right[b-4sfua74nua] {
    transform: scale(-1, 1);
}

/* Character/logo — both layers share base positioning */
.header-theatre-box-occupant[b-4sfua74nua] {
    position: absolute;
    top: 0;
    right: 0;
    height: 373px;
    width: 242px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: contain;
    transition: opacity 1.4s ease-in-out;
    transform: scale(-1, 1);
}

/* Foreground layer — fully visible */
.box-layer--top[b-4sfua74nua] {
    opacity: 1;
    z-index: 21;
}

/* Background layer — invisible, staged with the next image */
.box-layer--bottom[b-4sfua74nua] {
    opacity: 0;
    z-index: 20;
}

/* Left box logo — right-aligned inside the frame */
.header-theatre-box-occupant--logo[b-4sfua74nua] {
    background-image: url("/images/maskerade/Logo_Normal_FilledInner.svg");
    transform: none;
    opacity: 1;
    z-index: 21;
}

/* ── Layer 2: Decorative arch ───────────────────────────────── */

.header-decoration[b-4sfua74nua] {
    height: 0px;
    overflow: hidden;
    position: relative;
    z-index: 10;  /* arch behind pelmet and curtain-tops */
    background-color: var(--theatre-header-bg);
}

.header-decoration-side[b-4sfua74nua] {
    height: 0px;
    background-image: url('/images/maskerade/HeaderExtenderTile.svg');
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position-x: right;
}

.header-decoration-side--mirror[b-4sfua74nua] {
    background-position-x: left;
    transform: scaleX(-1);
}

.header-decoration-centre[b-4sfua74nua] {
    width: 750px;
    flex-shrink: 0;
    height: 0px;
    background-image: url('/images/maskerade/HeaderCentre.svg');
    background-repeat: no-repeat;
    background-size: 100% 76px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.header-chandelier[b-4sfua74nua] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 170px;
    width: 140px;
    background-image: url('/images/maskerade/Chandelier_Dark.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
    transform-origin: 50% 0;
    animation: chandelier-sway-b-4sfua74nua 8s ease-in-out infinite;
    z-index: 20;
}

@keyframes chandelier-sway-b-4sfua74nua {
    0%   { transform: translateX(-50%) rotate(-3deg); }
    50%  { transform: translateX(-50%) rotate( 3deg); }
    100% { transform: translateX(-50%) rotate(-3deg); }
}

/* ── Layer 4: Functional content bar ───────────────────────── */

.header-content-bar[b-4sfua74nua] {
    background-color: var(--theatre-header-bg);
    height: 52px;
    position: relative;
    z-index: 15;
    border-top: 2px solid rgba(184, 148, 31, 0.7);
    border-bottom: 2px solid rgba(184, 148, 31, 0.5);
    flex-shrink: 0;
    padding-left: 190px !important;
    padding-right: 190px !important;
}

.header-labels[b-4sfua74nua] {
    color: rgba(238, 226, 202, 0.92);
    font-size: 1.1rem;
}

.header-label-divider[b-4sfua74nua] {
    border-left: 1px solid rgba(184, 148, 31, 0.35);
    border-right: 1px solid rgba(184, 148, 31, 0.35);
    padding: 0 0;
}

.header-logo[b-4sfua74nua] {
    height: 32px;
    user-select: none;
    flex-shrink: 0;
}

.header-device-name[b-4sfua74nua] {
    position: absolute;
    bottom: 2px;
    left: 8px;
    font-size: 8px;
    color: rgba(184, 148, 31, 0.45);
    pointer-events: none;
}

/* ── Page-type colour stripe ────────────────────────────────── */

.header-page-stripe[b-4sfua74nua] {
    position: relative;
    z-index: 15;
}

.theatre-stripe-schedule[b-4sfua74nua] { width: 100%; background: var(--theatre-gold); }
.theatre-stripe-info[b-4sfua74nua]      { width: 100%; background: var(--theatre-amber); }
.theatre-stripe-klatches[b-4sfua74nua]  { width: 100%; background: var(--theatre-curtain); }
.theatre-stripe-photos[b-4sfua74nua]    { width: 100%; background: #5E3080; }

/* ── Pelmet valance ─────────────────────────────────────────── */

.maskerade-pelmet[b-4sfua74nua] {
    width: 100%;
    height: 50px;
    background-image: url('/images/maskerade/PelmetTile_Dark.svg');
    background-size: contain;
    background-repeat: repeat-x;
    background-position-x: center;
    flex-shrink: 0;
    pointer-events: none;
    /* Pull the pelmet down so it overlaps the dark content area below the header.
       The transparent wavy cutout then reveals --theatre-dark, not the header bg. */
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 15;
    background-color: transparent;
}
/* /Components/Home/KlatchComponent.razor.rz.scp.css */
.page-item[b-oaa1zde23r] {
    min-height: 100%;
    height: 0;
}


.fade-out[b-oaa1zde23r] {
    animation: out-b-oaa1zde23r 0.8s linear;
    opacity: 0;
}

.fade-in[b-oaa1zde23r] {
    animation: in-b-oaa1zde23r 1s linear;
    opacity: 1;
}

@keyframes in-b-oaa1zde23r {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes out-b-oaa1zde23r {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.member-items-container[b-oaa1zde23r] {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-auto-rows: 1fr;
}
/* /Components/Home/KlatchItemComponent.razor.rz.scp.css */

.fade-out[b-axq8a127ac] {
    animation: out-b-axq8a127ac 0.8s linear;
    opacity: 0;
}

.fade-in[b-axq8a127ac] {
    animation: in-b-axq8a127ac 1s linear;
    opacity: 1;
}

@keyframes in-b-axq8a127ac {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes out-b-axq8a127ac {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.member-items-container[b-axq8a127ac] {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-auto-rows: 1fr;
}
/* /Components/Home/NotificationHistoryComponent.razor.rz.scp.css */
.page-item[b-ypilnbxu3k] {
    min-height: 100%;
    height: 0;
}


.card-img-top[b-ypilnbxu3k] {
    width: 100%;
    height: 15vw;
    object-fit: contain;
}
/* /Components/Home/PageComponent.razor.rz.scp.css */
.page-item[b-vgobu788hu] {
    min-height: 100%;
    height: 0;
}


.fade-out[b-vgobu788hu] {
    animation: out-b-vgobu788hu 0.8s linear;
    opacity: 0;
}

.fade-in[b-vgobu788hu] {
    animation: in-b-vgobu788hu 1s linear;
    opacity: 1;
}

@keyframes in-b-vgobu788hu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes out-b-vgobu788hu {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Components/Home/PhotoFeedComponent.razor.rz.scp.css */
.page-item[b-mdaqfsko3i] {
    min-height: 100%;
    height: 0;
}


.fade-out[b-mdaqfsko3i] {
    animation: out-b-mdaqfsko3i 0.8s linear;
    opacity: 0;
}

.fade-in[b-mdaqfsko3i] {
    animation: in-b-mdaqfsko3i 1s linear;
    opacity: 1;
}

@keyframes in-b-mdaqfsko3i {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes out-b-mdaqfsko3i {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Components/Home/RoomItemComponent.razor.rz.scp.css */
.page-body[b-ynw4ks3895] {
    min-height: 100%;
    height: 0;
}

.page-item[b-ynw4ks3895] {
    min-height: 100%;
    height: 0;
}

.room-item[b-ynw4ks3895] {
    height: 170px;
}


.fade-out[b-ynw4ks3895] {
    animation: out-b-ynw4ks3895 0.8s linear;
    opacity: 0;
}

.fade-in[b-ynw4ks3895] {
    animation: in-b-ynw4ks3895 1s linear;
    opacity: 1;
}

@keyframes in-b-ynw4ks3895 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes out-b-ynw4ks3895 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Components/Home/ScheduleComponent.razor.rz.scp.css */
.page-body[b-390fn1u4ap] {
    min-height: 100%;
    height: 0;
}

.page-item[b-390fn1u4ap] {
    min-height: 100%;
    height: 0;
}

/* ── Bottom bar: key legend + page indicator ─────────────────── */

.schedule-rooms[b-390fn1u4ap] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.schedule-bottom-bar[b-390fn1u4ap] {
    height: 56px;
    background-color: transparent;
    border-top: 2px solid rgba(184, 148, 31, 0.5);
    padding: 0 1rem;
    font-size: 1.4rem;
}

/* Marquee viewport — clips the scrolling track */
.schedule-key-marquee[b-390fn1u4ap] {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
}

/* The scrolling track — doubled content for seamless loop */
.schedule-key-track[b-390fn1u4ap] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    animation: key-marquee-b-390fn1u4ap 45s linear infinite;
    will-change: transform;
}

.schedule-key-item[b-390fn1u4ap] {
    font-size: 1.4rem;
    padding: 0.35em 0.65em;
}

.schedule-page-indicator[b-390fn1u4ap] {
    font-size: 1.4rem;
    padding: 0.35em 0.65em;
    white-space: nowrap;
}

@keyframes key-marquee-b-390fn1u4ap {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ── Fade animations ─────────────────────────────────────────── */

.fade-out[b-390fn1u4ap] {
    animation: out-b-390fn1u4ap 0.8s linear;
    opacity: 0;
}

.fade-in[b-390fn1u4ap] {
    animation: in-b-390fn1u4ap 1s linear;
    opacity: 1;
}

@keyframes in-b-390fn1u4ap {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes out-b-390fn1u4ap {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
/* /Components/Home/SheepComponent.razor.rz.scp.css */

.sheep[b-ikrf24yblj] {
    position: absolute;
    bottom: -5px;
    z-index: 0;
    left: -10%;
}
.sheep-animate[b-ikrf24yblj] {
    animation: sheep-animation-b-ikrf24yblj 15s ease-in forwards, MoveUpDown-b-ikrf24yblj 1s linear infinite;
}

.sheep img[b-ikrf24yblj] {
    width: 125px;
    height: 87px;
}


@keyframes MoveUpDown-b-ikrf24yblj {
    0%, 100% {
        transform: translateY(0);
    }

    17%, 67% {
        transform: translateY(2px);
    }

    50% {
        transform: translateY(-3px);
    }

    83% {
        transform: translateY(1px);
    }
}

@keyframes sheep-animation-b-ikrf24yblj {
    0% {
        left: -10%;
    }

    100% {
        left: 110%;
    }
}
/* /Components/Home/ToastComponent.razor.rz.scp.css */
body[b-707074dlno] {
}
/* /Pages/BigOps.razor.rz.scp.css */
.roboto-thin[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic[b-4fcwje2im8] {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}


.logo[b-4fcwje2im8] {
    user-select: none;
    height: 60px;
}

.discworld[b-4fcwje2im8] {
    font-weight: 900;
    font-family: 'Cinzel Decorative', Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}

.convention[b-4fcwje2im8] {
    font-weight: 400;
    font-family: 'Alegreya', Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
    font-size: 66%;
}

.bo-header[b-4fcwje2im8] {
    height: 80px !important;
    position: absolute;
    top: 0;
    width: 100%;
    margin-bottom: 10px !important;
}

.bo-footer[b-4fcwje2im8] {
    height: 160px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bo-body[b-4fcwje2im8] {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 90px;
    bottom: 10px;
}

svg .logo[b-4fcwje2im8] {
    fill:turquoise;
}
/* /Pages/Home.razor.rz.scp.css */

.valid.modified:not([type=checkbox])[b-p1hp9qqgbc] {
    outline: 1px solid #26b050;
}

.invalid[b-p1hp9qqgbc] {
    outline: 1px solid red;
}

.validation-message[b-p1hp9qqgbc] {
    color: red;
}


code[b-p1hp9qqgbc] {
    color: #c02d76;
}

.blazored-toast-component[b-p1hp9qqgbc] {
    width: 75rem !important;
    border-radius: var(--bs-border-radius-lg) !important;
    padding: 10px 10px 10px 10px;
}

/* ── Maskerade theme: page body ─────────────────────────── */
.page-body[b-p1hp9qqgbc] {
    background-color: var(--theatre-body-bg);
    /* Breathing room so the pelmet valance sits above content */
    padding-top: 55px;
    padding-left: 180px;
    padding-right: 180px;
    padding-bottom: 0px;
    /* Allow curtain drapes to bleed out from BackgroundComponent */
    overflow: visible;
}