/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-btqsa1mtzl] { min-height:100vh; }
.site-header[b-btqsa1mtzl] { position:fixed; inset:0 0 auto; z-index:100; background:rgba(10,10,10,.9); border-bottom:1px solid rgba(255,255,255,.1); backdrop-filter:blur(18px); }
main[b-btqsa1mtzl] { min-width:0; }
#blazor-error-ui[b-btqsa1mtzl] { color-scheme:light only; background:lightyellow; bottom:0; box-shadow:0 -1px 2px rgba(0,0,0,.2); box-sizing:border-box; display:none; left:0; padding:.6rem 1.25rem .7rem; position:fixed; width:100%; z-index:1000; }
#blazor-error-ui .dismiss[b-btqsa1mtzl] { cursor:pointer; position:absolute; right:.75rem; top:.5rem; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-j08843epus] { width:min(1440px,calc(100% - 48px)); height:76px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.logo-link img[b-j08843epus] { display:block; width:190px; max-height:52px; object-fit:contain; }
.nav-links[b-j08843epus] { display:flex; align-items:center; gap:clamp(18px,2.5vw,38px); }
.nav-links a[b-j08843epus] { color:#ececec; font-size:.84rem; font-weight:700; letter-spacing:.05em; text-decoration:none; transition:color .2s ease; }
.nav-links a:hover[b-j08843epus] { color:#f2d900; }
.nav-links .nav-cta[b-j08843epus] { padding:11px 18px; color:#111; background:linear-gradient(90deg,#f2d900,#bdeeff); border-radius:999px; }
.nav-toggle[b-j08843epus],.nav-toggle-label[b-j08843epus] { display:none; }
@media(max-width:850px){.nav-shell[b-j08843epus]{width:calc(100% - 30px);height:68px}.logo-link img[b-j08843epus]{width:155px}.nav-toggle-label[b-j08843epus]{display:grid;gap:7px;cursor:pointer;padding:12px}.nav-toggle-label span[b-j08843epus]{display:block;width:26px;height:2px;background:white}.nav-links[b-j08843epus]{position:absolute;inset:68px 0 auto;display:none;padding:22px 24px 28px;flex-direction:column;align-items:stretch;background:rgba(10,10,10,.98);border-top:1px solid rgba(255,255,255,.1)}.nav-links a[b-j08843epus]{padding:10px 0;font-size:1rem}.nav-links .nav-cta[b-j08843epus]{text-align:center;margin-top:8px}.nav-toggle:checked~.nav-links[b-j08843epus]{display:flex}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qllzdodth7],
.components-reconnect-repeated-attempt-visible[b-qllzdodth7],
.components-reconnect-failed-visible[b-qllzdodth7],
.components-pause-visible[b-qllzdodth7],
.components-resume-failed-visible[b-qllzdodth7],
.components-rejoining-animation[b-qllzdodth7] {
    display: none;
}

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


#components-reconnect-modal[b-qllzdodth7] {
    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-qllzdodth7 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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