@import '_content/Aero.Shared/Aero.Shared.92z8k33jf5.bundle.scp.css';
@import '_content/Blazicons/Blazicons.886t4n1lry.bundle.scp.css';

/* /Components/Layout/PlatformLayout.razor.rz.scp.css */
.platform[b-cor0jtwwa7] {
    flex: 1;
    display: flex;
    min-height: 0;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.sidebar[b-cor0jtwwa7] {
    width: 15rem;
    flex-shrink: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0.75rem;
    border-right: 1px solid var(--border);
    background: color-mix(in srgb, var(--accent) 4%, transparent);
}

.brand[b-cor0jtwwa7] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    flex-shrink: 0;
}

.brand-row[b-cor0jtwwa7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

    .brand-row .icon-btn[b-cor0jtwwa7] {
        flex-shrink: 0;
    }

.topbar[b-cor0jtwwa7] {
    display: none;
}

    .brand img[b-cor0jtwwa7] {
        height: 28px;
        width: auto;
        max-width: 140px;
        object-fit: contain;
        display: block;
    }

.nav[b-cor0jtwwa7] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    overflow-y: auto;
}

.nav-item[b-cor0jtwwa7] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    min-height: 0;
    flex-shrink: 0;
    line-height: 1.35;
    text-align: left;
    opacity: 75%;
}

    a.nav-item:hover[b-cor0jtwwa7] {
        opacity: 100%;
    }

    a.nav-item[data-nav-active][b-cor0jtwwa7] {
        background: #ffffff25;
        opacity: 100%;
    }

        a.nav-item[data-nav-active]:hover[b-cor0jtwwa7] {
            background: color-mix(in srgb, #ffffff25, #fff 10%);
        }

        a.nav-item[data-nav-active]:active[b-cor0jtwwa7] {
            background: color-mix(in srgb, #ffffff25, #000 10%);
        }

    .nav-item svg[b-cor0jtwwa7] {
        width: 1em;
        height: 1em;
        flex-shrink: 0;
        opacity: 75%;
    }

    .nav-item > span:nth-child(2)[b-cor0jtwwa7] {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-item:disabled[b-cor0jtwwa7] {
        opacity: 45%;
    }

    .nav-item .nav-external[b-cor0jtwwa7] {
        display: inline-flex;
        flex-shrink: 0;
        opacity: 60%;
    }

.nav-sep[b-cor0jtwwa7] {
    border-top: 1px solid var(--border);
    margin: 0.35rem 0;
    flex-shrink: 0;
}

.nav-cap[b-cor0jtwwa7] {
    font-size: 12px;
    color: color-mix(in srgb, var(--foreground) 55%, transparent);
    padding: 0 0.5rem;
    flex-shrink: 0;
}

.sidebar-foot[b-cor0jtwwa7] {
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
    flex-shrink: 0;
}

.user-chip[b-cor0jtwwa7] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.6rem;
    text-align: left;
}

.sidebar-auth[b-cor0jtwwa7] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.sidebar-auth .btn[b-cor0jtwwa7] {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.user-meta[b-cor0jtwwa7] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .user-meta strong[b-cor0jtwwa7] {
        font-size: 13px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user-meta .caption[b-cor0jtwwa7] {
        margin: 0;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.platform-main[b-cor0jtwwa7] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    scroll-behavior: smooth;
    margin-left: 15rem;
}

.notice-bar[b-cor0jtwwa7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--danger) 40%, transparent);
    background: color-mix(in srgb, var(--danger) 12%, transparent);
}

    .notice-bar p.caption[b-cor0jtwwa7] {
        flex: 1;
        min-width: 0;
        margin-block: 0;
    }

    .notice-bar .icon-btn[b-cor0jtwwa7] {
        padding: 4px;
    }

.policy-panel[b-cor0jtwwa7] {
    width: min(34rem, 100%);
    padding: 1.5rem;
    gap: 1.25rem;
}

.policy-doc[b-cor0jtwwa7] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    text-decoration: none;
}

    .policy-doc:hover[b-cor0jtwwa7] {
        background: color-mix(in srgb, var(--foreground) 5%, transparent);
    }

    .policy-doc[b-cor0jtwwa7]  svg {
        width: 1.1rem;
        height: 1.1rem;
        flex-shrink: 0;
        opacity: 55%;
    }

.policy-doc-text[b-cor0jtwwa7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .policy-doc-text strong[b-cor0jtwwa7] {
        font-size: 14px;
        font-weight: 600;
    }

.policy-ack[b-cor0jtwwa7] {
    align-items: flex-start;
    line-height: 1.5;
    opacity: 1;
}

.policy-actions[b-cor0jtwwa7] {
    display: flex;
    justify-content: flex-end;
}

@media (prefers-reduced-motion: reduce) {
    .platform-main[b-cor0jtwwa7] {
        scroll-behavior: auto;
    }
}

[data-theme="light"] a.nav-item[data-nav-active][b-cor0jtwwa7] {
    background: #00000012;
}

    [data-theme="light"] a.nav-item[data-nav-active]:hover[b-cor0jtwwa7] {
        background: color-mix(in srgb, #00000012, #000 8%);
    }

    [data-theme="light"] a.nav-item[data-nav-active]:active[b-cor0jtwwa7] {
        background: color-mix(in srgb, #00000012, #000 16%);
    }

@media (width < 55rem) {
    .platform[b-cor0jtwwa7] {
        flex-direction: column;
    }

    .topbar[b-cor0jtwwa7] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--border);
        background: color-mix(in srgb, var(--foreground) 2%, transparent);
        flex-shrink: 0;
    }

        .topbar .brand[b-cor0jtwwa7] {
            padding: 0;
        }

        .topbar .icon-btn[b-cor0jtwwa7] {
            flex-shrink: 0;
        }

        .topbar [data-theme-toggle][b-cor0jtwwa7] {
            margin-left: auto;
        }

    .sidebar[b-cor0jtwwa7] {
        width: min(18rem, 85vw);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 95;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem 0.75rem;
        border-right: 1px solid var(--border);
        border-bottom: none;
        background: var(--background);
        box-shadow: 0 1rem 3rem #00000060;
        transform: translateX(-105%);
        transition: transform 150ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .platform[data-nav-open] .sidebar[b-cor0jtwwa7] {
        transform: none;
    }

    .nav[b-cor0jtwwa7] {
        flex: 1;
        min-width: 0;
        flex-direction: column;
        align-items: stretch;
        overflow-x: visible;
        overflow-y: auto;
    }

    .nav-item[b-cor0jtwwa7] {
        width: 100%;
        white-space: normal;
        flex-shrink: 0;
    }

    .platform-main[b-cor0jtwwa7] {
        margin-left: 0;
    }

    .scrim[b-cor0jtwwa7] {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }

    .scrim:not([hidden])[b-cor0jtwwa7] {
        position: fixed;
        inset: 0;
        z-index: 90;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar[b-cor0jtwwa7],
    .scrim[b-cor0jtwwa7] {
        transition: none;
    }
}
/* /Components/Pages/Auth.razor.rz.scp.css */
.auth[b-dl0w1nvtnq] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    min-height: 0;
}

.auth-form[b-dl0w1nvtnq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
}

.auth-card[b-dl0w1nvtnq] {
    width: min(400px, 100%);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .auth-card h1[b-dl0w1nvtnq] {
        font-size: 1.75rem;
        letter-spacing: -0.02em;
        margin: 0;
    }

    .auth-card .caption[b-dl0w1nvtnq] {
        margin-top: 6px;
    }

.brand-logo[b-dl0w1nvtnq] {
    align-self: flex-start;
    height: 32px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    display: block;
}

.invite-code-row[b-dl0w1nvtnq] {
    display: flex;
    align-items: center;
}

    .invite-code-row input[b-dl0w1nvtnq] {
        flex: 1;
        min-width: 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    .invite-code-row input + input[b-dl0w1nvtnq] {
        margin-left: -1px;
    }

    .invite-code-row input:first-of-type[b-dl0w1nvtnq] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .invite-code-row input:last-of-type[b-dl0w1nvtnq] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .invite-code-row input:not(:first-of-type):not(:last-of-type)[b-dl0w1nvtnq] {
        border-radius: 0;
    }

    .invite-code-row input:focus[b-dl0w1nvtnq] {
        position: relative;
        z-index: 1;
    }

.login-actions[b-dl0w1nvtnq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .login-actions [data-auth-submit][b-dl0w1nvtnq] {
        flex: 1;
    }

    .login-actions [data-login-switch][b-dl0w1nvtnq] {
        flex-shrink: 0;
    }

[data-recover-link-wrap][b-dl0w1nvtnq] {
    margin-top: 0.75rem;
}

[data-recover][b-dl0w1nvtnq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}

    [data-recover] .caption[b-dl0w1nvtnq] {
        margin-top: 0;
    }

.agree[b-dl0w1nvtnq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
}
    .agree input[b-dl0w1nvtnq] {
        margin-top: 2px;
        flex-shrink: 0;
    }

    .agree span[b-dl0w1nvtnq] {
        color: color-mix(in srgb, var(--foreground) 75%, transparent);
        line-height: 1.5;
    }

.availability[b-dl0w1nvtnq] {
    font-size: 12px;
    color: var(--danger);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .availability[hidden][b-dl0w1nvtnq] {
        display: none;
    }

    .availability svg[b-dl0w1nvtnq] {
        width: 0.85rem;
        height: 0.85rem;
        flex-shrink: 0;
    }

.label-row .availability[b-dl0w1nvtnq] {
    margin-top: 0;
    text-align: right;
}

.auth-brand[b-dl0w1nvtnq] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
    background: url('/_content/Aero.Shared/images/landing/places/bridge.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: calc(var(--radius) * 1.5);
    overflow: hidden;
    min-height: 480px;
}

    .auth-brand[b-dl0w1nvtnq]::before {
        content: "";
        position: absolute;
        inset: 0;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        mask-image: linear-gradient(to top, black 25%, transparent 70%);
        -webkit-mask-image: linear-gradient(to top, black 25%, transparent 70%);
    }

.brand-content[b-dl0w1nvtnq] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 48ch;
    padding: 2.5rem;
}

    .brand-content h2[b-dl0w1nvtnq] {
        font-size: clamp(1.75rem, 3vw, 2.5rem);
        letter-spacing: -0.02em;
        font-weight: 500;
    }

    .brand-content p:not(.caption)[b-dl0w1nvtnq] {
        opacity: 85%;
        text-wrap: balance;
        line-height: 1.5;
    }

[data-theme="light"] .auth-brand[b-dl0w1nvtnq] {
    --foreground: #fff;
    color: #fff;
}

    [data-theme="light"] .auth-brand h2[b-dl0w1nvtnq],
    [data-theme="light"] .auth-brand p[b-dl0w1nvtnq] {
        color: #fff;
    }

@media (width < 55rem) {
    .auth[b-dl0w1nvtnq] {
        padding: 0;
    }

    .auth-brand[b-dl0w1nvtnq] {
        display: none;
    }
}
/* /Components/Pages/Authorize.razor.rz.scp.css */
.consent[b-ke35ds65ky] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 1.5rem 2rem;
}

.consent-bar[b-ke35ds65ky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border);
    margin-bottom: 2rem;
}

    .consent-bar img[b-ke35ds65ky] {
        height: 22px;
        width: auto;
        object-fit: contain;
        display: block;
    }

    .consent-bar .caption[b-ke35ds65ky] {
        margin: 0;
    }

.consent-card[b-ke35ds65ky] {
    width: min(440px, 100%);
    box-sizing: border-box;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) + 4px);
    background: color-mix(in srgb, var(--foreground) 2%, transparent);
    padding: 1rem;
}

    .consent-card .caption[b-ke35ds65ky] {
        margin-top: 0;
    }

    .consent-card .actions[b-ke35ds65ky] {
        display: flex;
        flex-direction: row;
        gap: 0.6rem;
        margin-block: 0.5rem;
    }

    .consent-card .actions .btn[b-ke35ds65ky] {
        justify-content: center;
    }

    .consent-card [data-oauth-approve][b-ke35ds65ky] {
        flex: 1;
    }

    .consent-card [data-oauth-approve][b-ke35ds65ky] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

        .consent-card [data-oauth-approve] svg[b-ke35ds65ky] {
            width: 1em;
            height: 1em;
        }

.app-row[b-ke35ds65ky] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.5rem;
}

    .app-row img[b-ke35ds65ky] {
        width: 3rem;
        height: 3rem;
        flex-shrink: 0;
        border-radius: 12px;
        object-fit: contain;
    }

    .app-row > :last-child[b-ke35ds65ky] {
        flex: 1;
        min-width: 0;
    }

    .app-row .caption[b-ke35ds65ky] {
        margin: 2px 0 0;
    }

.app-name[b-ke35ds65ky] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.app-title[b-ke35ds65ky] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.home[b-rz5socijcp] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 2rem 1.5rem 3rem;
}

.home-feed[b-rz5socijcp] {
    width: min(1024px, 100%);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

[data-home-loading][b-rz5socijcp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

[data-home-discovery][b-rz5socijcp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    [data-home-discovery][hidden][b-rz5socijcp] {
        display: none;
    }

.greet[b-rz5socijcp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.greet-actions[b-rz5socijcp] {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .greet .caption[b-rz5socijcp] {
        margin: 0;
    }

    .greet h1[b-rz5socijcp] {
        font-size: 1.75rem;
        letter-spacing: -0.02em;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.friend-strip[b-rz5socijcp] {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
}

    .friend-strip[hidden][b-rz5socijcp] {
        display: none;
    }

.friend-chip[b-rz5socijcp] {
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 4.25rem;
    padding: 0;
    text-decoration: none;
    color: inherit;
}

.friend-chip-link[b-rz5socijcp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.friend-chip-join[b-rz5socijcp] {
    position: absolute;
    top: calc(3.5rem - 1.075rem);
    right: calc(50% - 2.025rem);
    z-index: 2;
    width: 1.35rem;
    height: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid var(--background);
    border-radius: 999px;
    background: var(--success);
    color: var(--background);
    cursor: pointer;
    pointer-events: auto;
    transition: background 100ms ease-out;
}

    .friend-chip-join:hover[b-rz5socijcp] {
        background: color-mix(in srgb, var(--success), #fff 10%);
    }

    .friend-chip-join:active[b-rz5socijcp] {
        background: color-mix(in srgb, var(--success), #000 10%);
    }

    .friend-chip-join:focus-visible[b-rz5socijcp] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

    .friend-chip-join[hidden][b-rz5socijcp] {
        display: none;
    }

    .friend-chip-join svg[b-rz5socijcp] {
        width: 0.8rem;
        height: 0.8rem;
    }

    .friend-chip .user-avatar[b-rz5socijcp] {
        transition: background 100ms ease-out, border-color 100ms ease-out, color 100ms ease-out;
    }

    .friend-chip:not(.add) .friend-chip-link:hover .user-avatar[b-rz5socijcp] {
        background: color-mix(in srgb, var(--accent), #fff 10%);
    }

    .friend-chip:not(.add) .friend-chip-link:active .user-avatar[b-rz5socijcp] {
        background: color-mix(in srgb, var(--accent), #000 10%);
    }

        .friend-chip.add .btn[b-rz5socijcp] {
            padding: 0;
            border-radius: 999px;
        }

        .friend-chip.add .user-avatar[b-rz5socijcp] {
            background: transparent;
            border: 1px dashed color-mix(in srgb, var(--foreground) 35%, transparent);
            color: color-mix(in srgb, var(--foreground) 70%, transparent);
        }

    .friend-chip.add .friend-chip-name[b-rz5socijcp] {
        color: color-mix(in srgb, var(--foreground) 65%, transparent);
    }

.friend-chip-name[b-rz5socijcp] {
    max-width: 100%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .friend-chip.add[data-requests] .user-avatar[b-rz5socijcp]::after {
        content: "";
        position: absolute;
        top: -2px;
        right: -2px;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: var(--accent);
        border: 2px solid var(--background);
        box-sizing: border-box;
    }

    [data-friends-empty] [data-review-requests][b-rz5socijcp] {
        position: relative;
    }

        [data-friends-empty] [data-review-requests][data-requests][b-rz5socijcp]::after {
            content: "";
            position: absolute;
            top: -3px;
            right: -3px;
            width: 10px;
            height: 10px;
            border-radius: 999px;
            background: var(--accent);
            border: 2px solid var(--background);
            box-sizing: border-box;
        }

.row-head[b-rz5socijcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

    .row-head .row-title[b-rz5socijcp] {
        margin: 0;
    }

    .friend-chip.add .user-avatar[b-rz5socijcp] {
        background: transparent;
        border: 1px dashed color-mix(in srgb, var(--foreground) 35%, transparent);
        color: color-mix(in srgb, var(--foreground) 70%, transparent);
    }

    .friend-chip.add .friend-chip-name[b-rz5socijcp] {
        color: color-mix(in srgb, var(--foreground) 65%, transparent);
    }

.add-friend-results[b-rz5socijcp] {
    max-height: min(45vh, 24rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

[data-add-friend-modal] .modal-footer .password-wrap[b-rz5socijcp] {
    flex: 1;
    min-width: 0;
}

@media (width < 40rem) {
    [data-add-friend-modal] .modal-panel[b-rz5socijcp] {
        padding: 0;
        gap: 0;
        overflow: hidden;
    }

    [data-add-friend-modal] .add-friend-results[b-rz5socijcp] {
        min-height: 0;
        max-height: none;
        padding: 0.75rem 1rem;
    }

    [data-add-friend-modal] .modal-footer[b-rz5socijcp] {
        flex-shrink: 0;
        margin: 0;
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    }
}

/* /Components/Pages/Downloads.razor.rz.scp.css */
.downloads[b-828ie8i0x3] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 2rem 0 3rem;
}

.page-feed > [data-downloads-loading][b-828ie8i0x3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[data-downloads-content][b-828ie8i0x3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    [data-downloads-content][hidden][b-828ie8i0x3] {
        display: none;
    }

.downloads-head h1[b-828ie8i0x3] {
    font-size: 1.75rem;
    letter-spacing: -0.02em;
    margin: 0;
}

.downloads-head .caption[b-828ie8i0x3] {
    margin-top: 6px;
}

.hero[b-828ie8i0x3] {
    margin: -2rem 0 0;
    padding: 5rem 1.5rem;
    background: url('/_content/Aero.Shared/images/landing/places/bridge.png') center / cover no-repeat;
    position: relative;
    min-height: min(62vh, 560px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .hero[b-828ie8i0x3]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #ffffff10;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .hero[b-828ie8i0x3]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 7rem;
        background: linear-gradient(to bottom, transparent, var(--background));
    }

.hero-inner[b-828ie8i0x3] {
    position: relative;
    width: min(720px, 100%);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}

    .hero-inner h1[b-828ie8i0x3] {
        font-size: clamp(2rem, 5vw, 3rem);
        letter-spacing: -0.02em;
        margin: 0;
    }

    .hero-inner p[b-828ie8i0x3] {
        margin: 0;
        opacity: 85%;
        max-width: 52ch;
    }

    .hero-inner .caption[b-828ie8i0x3] {
        font-size: 12.5px;
        opacity: 65%;
    }

.hero-cta[b-828ie8i0x3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .hero-cta svg[b-828ie8i0x3] {
        width: 1em;
        height: 1em;
    }

    .page-body h2[b-828ie8i0x3] {
        margin-bottom: 0.75rem;
    }

[data-downloads-loading] .list-row .skeleton-thumb[b-828ie8i0x3] {
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    border-radius: 10px;
}

[data-downloads-loading] .list-row .skeleton-btn[b-828ie8i0x3] {
    flex: none;
}

.list-row .btn[data-download-go][b-828ie8i0x3] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

    .list-row .btn[data-download-go][b-828ie8i0x3]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        background: color-mix(in srgb, var(--accent) 45%, transparent);
        z-index: -1;
    }

    .list-row .btn[data-download-state="downloading"][b-828ie8i0x3]::before {
        width: calc(var(--dl-progress, 40) * 1%);
        transition: width 0.15s linear;
        animation: dl-fill-pulse-b-828ie8i0x3 1.2s ease-in-out infinite;
    }

    .list-row .btn[data-download-state="done"][b-828ie8i0x3]::before {
        width: 100%;
        background: color-mix(in srgb, var(--success) 55%, transparent);
        transition: width 0.2s ease-out, background-color 0.2s ease-out;
    }

@keyframes dl-fill-pulse-b-828ie8i0x3 {
    50% {
        filter: brightness(1.3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .list-row .btn[data-download-state="downloading"][b-828ie8i0x3]::before {
        animation: none;
    }
}

.req-strip[b-828ie8i0x3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    margin-top: 1.5rem;
}

    .req-strip span[b-828ie8i0x3],
    .req-strip a[b-828ie8i0x3] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 13px;
        color: color-mix(in srgb, var(--foreground) 75%, transparent);
    }

    .req-strip svg[b-828ie8i0x3] {
        width: 1em;
        height: 1em;
        opacity: 75%;
    }

.page-feed .card[b-828ie8i0x3] {
    gap: 0.5rem;
}

@media (width >= 40rem) {
    .hero[b-828ie8i0x3] {
        padding-block: 6rem;
    }
}

@media (width < 40rem) {
    .hero[b-828ie8i0x3] {
        padding: 3rem 1.5rem;
    }
    .list-row[b-828ie8i0x3] {
        flex-wrap: wrap;
    }

        .list-row .btn[b-828ie8i0x3] {
            width: 100%;
            justify-content: center;
        }
}

[data-theme="light"] .hero[b-828ie8i0x3] {
    --foreground: #fff;
    color: #fff;
}

    [data-theme="light"] .hero h1[b-828ie8i0x3],
    [data-theme="light"] .hero p[b-828ie8i0x3] {
        color: #fff;
    }
/* /Components/Pages/Friends.razor.rz.scp.css */
[data-friends] .list-row a.list-name[b-m50n99ceiq] {
    color: inherit;
    text-decoration: none;
}

[data-friends] .list-row a.list-name:hover[b-m50n99ceiq] {
    text-decoration: underline;
}

[data-friends] .friend-actions[b-m50n99ceiq] {
    display: inline-flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

[data-find-list] .skeleton-thumb[b-m50n99ceiq] {
    width: 2rem;
    height: 2rem;
    flex: none;
    border-radius: 999px;
}

[data-find-list] .skeleton-btn[b-m50n99ceiq] {
    flex: none;
}

[data-friends-content][b-m50n99ceiq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

[data-friends-signedout][b-m50n99ceiq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    [data-friends-signedout][hidden][b-m50n99ceiq] {
        display: none;
    }
/* /Components/Pages/Game.razor.rz.scp.css */
.game[b-bzsmwm58it] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 2rem 0 3rem;
}

.game-hero[b-bzsmwm58it] {
    aspect-ratio: 16 / 9;
}

.game-thumbs[b-bzsmwm58it] {
    display: flex;
    gap: 0.5rem;
    margin: 0.6rem 0 0;
    overflow-x: auto;
}

.game-thumb[b-bzsmwm58it] {
    flex: none;
    padding: 0;
    border: 2px solid transparent;
    border-radius: calc(var(--radius) + 2px);
    background: none;
    cursor: pointer;
    line-height: 0;
}

    .game-thumb img[b-bzsmwm58it] {
        display: block;
        width: 96px;
        height: 54px;
        object-fit: cover;
        border-radius: var(--radius);
    }

    .game-thumb[aria-pressed="true"][b-bzsmwm58it] {
        border-color: var(--accent);
    }

    .game-thumb:focus-visible[b-bzsmwm58it] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

.game-titlebar[b-bzsmwm58it] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

    .game-titlebar h1[b-bzsmwm58it] {
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        margin: 0;
    }

.game-id .caption[b-bzsmwm58it] {
    margin-top: 4px;
}

.game-actions[b-bzsmwm58it] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.game-about[b-bzsmwm58it] {
    margin: 0;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.game-menu[b-bzsmwm58it] {
    position: relative;
}

.game-menu .dropdown-list[b-bzsmwm58it] {
    left: auto;
    right: 0;
    min-width: 12rem;
}

.server-heading[b-bzsmwm58it] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    flex-wrap: wrap;
}

    .server-heading .caption[b-bzsmwm58it] {
        margin: 0;
    }

.server[b-bzsmwm58it] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

    .server + .server[b-bzsmwm58it] {
        border-top: 1px solid var(--border);
        padding-top: 0.75rem;
    }

.server-head[b-bzsmwm58it] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.server-main[b-bzsmwm58it] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.server-title[b-bzsmwm58it] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .server-title .list-name[b-bzsmwm58it],
    .server-title .caption[b-bzsmwm58it] {
        margin: 0;
    }

.server-people[b-bzsmwm58it] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    max-width: 100%;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .server-people:disabled[b-bzsmwm58it] {
        cursor: default;
    }

    .server-people .caption[b-bzsmwm58it] {
        margin: 0;
    }

.server-avatars[b-bzsmwm58it] {
    display: inline-flex;
}

    .server-avatars .user-avatar[b-bzsmwm58it] {
        box-shadow: 0 0 0 2px var(--background);
    }

        .server-avatars .user-avatar + .user-avatar[b-bzsmwm58it] {
            margin-left: -0.4rem;
        }

.server-chevron[b-bzsmwm58it] {
    display: inline-flex;
    color: var(--muted-foreground);
    transition: transform 120ms ease-out;
}

    .server-people[aria-expanded="true"] .server-chevron[b-bzsmwm58it] {
        transform: rotate(180deg);
    }

.server-members[b-bzsmwm58it] {
    margin: 0;
    overflow-wrap: anywhere;
}

.server-side[b-bzsmwm58it] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
    margin-left: auto;
}

.game-moderation[b-bzsmwm58it] {
    gap: 0.35rem;
}

.game-moderation-title[b-bzsmwm58it] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.game-moderation-title svg[b-bzsmwm58it] {
    color: var(--danger);
}

.game-moderation .caption[b-bzsmwm58it],
.game-moderation .field[b-bzsmwm58it] {
    margin: 0;
}

.game-moderation form[b-bzsmwm58it] {
    margin-top: 0.35rem;
}

.game-moderation [data-game-review][b-bzsmwm58it] {
    align-self: flex-start;
    margin-top: 0.35rem;
}

.game-facts[b-bzsmwm58it] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
}

    .game-facts > div[b-bzsmwm58it] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

        .game-facts .caption[b-bzsmwm58it] {
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .game-facts strong[b-bzsmwm58it] {
            font-size: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (width < 40rem) {
    .game-facts[b-bzsmwm58it] {
        grid-template-columns: 1fr 1fr;
    }

    .game-actions[b-bzsmwm58it] {
        width: 100%;
    }
}
/* /Components/Pages/Games.razor.rz.scp.css */
.games[b-tqpqred3f6] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 2rem 0 3rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
section[b-5yd0r6yh7e] {
    outline: 2px solid var(--border);
    min-height: 500px;
    padding-block: 3rem;
    padding-inline: 1.5rem;
    text-wrap: balance;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero[b-5yd0r6yh7e] {
    position: relative;
    padding-block: 0;
    min-height: min(100vh, 750px);
    background: url('/_content/Aero.Shared/images/landing/places/bridge.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .hero[b-5yd0r6yh7e]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #ffffff10;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .hero p:not(.caption)[b-5yd0r6yh7e] {
        max-width: 40ch;
    }

section p[b-5yd0r6yh7e] {
    margin: 14px 0px;
}

section .caption[b-5yd0r6yh7e] {
    margin: 6px 0px;
}

.content[b-5yd0r6yh7e] {
    position: relative;
    z-index: 1;
}

.feature[b-5yd0r6yh7e] {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 3rem;
    overflow: hidden;
}

    .feature.reverse[b-5yd0r6yh7e] {
        flex-direction: row-reverse;
    }

    .feature .content[b-5yd0r6yh7e] {
        flex: 1;
        max-width: 420px;
    }

    .feature img[b-5yd0r6yh7e] {
        max-width: 45%;
        max-height: 420px;
        object-fit: contain;
    }

@media (width < 40rem) {
    .feature[b-5yd0r6yh7e] {
        flex-direction: column;
        text-align: center;
    }

        .feature img[b-5yd0r6yh7e] {
            max-width: 100%;
        }
}

@media(width >= 40rem) {
    section[b-5yd0r6yh7e] {
        padding-inline: 10rem;
        align-items: flex-start;
        text-align: left;
    }

    .feature[b-5yd0r6yh7e] {
        text-align: left;
    }

    .hero[b-5yd0r6yh7e]::before {
        mask-image: linear-gradient(to right, black 30%, transparent);
        -webkit-mask-image: linear-gradient(to right, black 30%, transparent);
    }
}

[data-theme="light"] .hero[b-5yd0r6yh7e] {
    --foreground: #fff;
    color: #fff;
}

    [data-theme="light"] .hero h1[b-5yd0r6yh7e],
    [data-theme="light"] .hero p[b-5yd0r6yh7e] {
        color: #fff;
    }

    [data-theme="light"] .hero .btn[data-type="secondary"][b-5yd0r6yh7e] {
        background: #ffffff25;
    }

        [data-theme="light"] .hero .btn[data-type="secondary"]:hover[b-5yd0r6yh7e] {
            background: color-mix(in srgb, #ffffff25, #fff 10%);
        }

        [data-theme="light"] .hero .btn[data-type="secondary"]:active[b-5yd0r6yh7e] {
            background: color-mix(in srgb, #ffffff25, #000 10%);
        }
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-head[b-zd1ljv2029] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.profile-titles[b-zd1ljv2029] {
    flex: 1;
    min-width: 0;
}

    .profile-titles h1[b-zd1ljv2029] {
        font-size: 1.75rem;
        letter-spacing: -0.02em;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.profile-name-row[b-zd1ljv2029] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

    .profile-name-row h1[b-zd1ljv2029] {
        flex: 0 1 auto;
        min-width: 0;
    }

    [data-profile-header-badges][b-zd1ljv2029] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        flex-shrink: 0;
        color: var(--accent);
    }

    .profile-titles .caption[b-zd1ljv2029] {
        margin: 2px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .profile-head .profile-menu[b-zd1ljv2029] {
        flex-shrink: 0;
    }

.profile-head-actions[b-zd1ljv2029] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.profile-menu[b-zd1ljv2029] {
    position: relative;
}

    .profile-menu .dropdown-list[b-zd1ljv2029] {
        left: auto;
        right: 0;
        min-width: 12rem;
    }

    .profile-menu .btn[b-zd1ljv2029] {
        width: 100%;
        box-sizing: border-box;
    }

    .profile-menu li[b-zd1ljv2029] {
        list-style: none;
    }

[data-profile-bio-view][b-zd1ljv2029] {
    margin: calc(0.5rem - 0.2rem - 1px) calc(-0.6rem - 1px) 0;
    padding: 0.2rem 0.6rem;
    border: 1px dashed transparent;
    border-radius: var(--radius);
}

    [data-profile-bio-view][tabindex="0"][b-zd1ljv2029] {
        cursor: text;
    }

        [data-profile-bio-view][tabindex="0"]:hover[b-zd1ljv2029] {
            border-color: var(--border);
        }

    [data-profile-bio-view]:focus-visible[b-zd1ljv2029] {
        border-color: var(--accent);
        outline: none;
    }

[data-profile-bio][b-zd1ljv2029] {
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    margin: 0;
    white-space: pre-wrap;
}

    [data-profile-bio].clamped[b-zd1ljv2029] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }

[data-profile-bio-empty][b-zd1ljv2029] {
    margin: 0;
    font-style: italic;
}

[data-profile-bio-edit-wrap][b-zd1ljv2029] {
    margin-top: 0;
}

[data-profile-bio-edit][b-zd1ljv2029] {
    width: 100%;
    box-sizing: border-box;
    margin: calc(0.5rem - 0.2rem - 1px) calc(-0.6rem - 1px) 0;
    padding: 0.2rem 0.6rem;
    border: 1px dashed var(--accent);
    border-radius: var(--radius);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    resize: none;
    overflow: hidden;
}

    [data-profile-bio-edit]:focus[b-zd1ljv2029] {
        border-style: solid;
        outline: none;
    }

button.profile-more[b-zd1ljv2029] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 0.35rem;
    cursor: pointer;
    align-self: flex-start;
}

.profile-stats[b-zd1ljv2029] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

    .profile-stats .caption[b-zd1ljv2029] {
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .profile-stats svg[b-zd1ljv2029] {
        opacity: 70%;
        flex-shrink: 0;
    }

.profile-avatar-wrap[b-zd1ljv2029] {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.names-menu[b-zd1ljv2029] {
    position: relative;
    display: inline-flex;
}

[data-profile-friends-panel][b-zd1ljv2029] {
    min-width: 12rem;
}

.profile-stats button[b-zd1ljv2029] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 120ms ease-out, transform 120ms ease-out;
}

    .profile-stats button:hover[b-zd1ljv2029] {
        color: var(--foreground);
    }

    .profile-stats button:focus-visible[b-zd1ljv2029] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
        border-radius: var(--radius);
    }

@media (prefers-reduced-motion: reduce) {
    .profile-stats button[b-zd1ljv2029] {
        transition: none;
    }
}

[data-profile-content][b-zd1ljv2029] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[data-badge-modal-head][b-zd1ljv2029] {
    gap: 0.6rem;
}

    [data-badge-modal-head] h2[b-zd1ljv2029] {
        flex: 1;
        min-width: 0;
        margin: 0;
    }

[data-profile-badges-toggle][b-zd1ljv2029] {
    margin-left: auto;
}

/* /Components/Pages/Restricted.razor.rz.scp.css */
[data-restricted-panel][b-uwahgn6ys1] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

[data-restricted-panel] [data-restricted-menu-button].modal-close[b-uwahgn6ys1] {
    margin: 0;
}

[data-restricted-menu][b-uwahgn6ys1] {
    position: relative;
}

    [data-restricted-menu] .dropdown-list[b-uwahgn6ys1] {
        left: auto;
        right: 0;
        min-width: 12rem;
    }

    [data-restricted-menu] .btn[b-uwahgn6ys1] {
        width: 100%;
        box-sizing: border-box;
        justify-content: flex-start;
        gap: 0.4rem;
    }

    [data-restricted-menu] li[b-uwahgn6ys1] {
        list-style: none;
    }

[data-restricted-review] p[b-uwahgn6ys1] {
    margin: 0;
}

[data-restricted-id][b-uwahgn6ys1] {
    overflow-wrap: anywhere;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85rem;
}

.evidence-section[b-uwahgn6ys1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .evidence-section h3[b-uwahgn6ys1] {
        margin: 0;
        font-size: 0.8rem;
        font-weight: 600;
        opacity: 70%;
    }

    .evidence-section p[b-uwahgn6ys1] {
        margin: 0;
    }

.chip-list[b-uwahgn6ys1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.chip[b-uwahgn6ys1] {
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    font-size: 12px;
}

.asset-grid[b-uwahgn6ys1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    gap: 0.6rem;
}

.asset-tile[b-uwahgn6ys1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    margin: 0;
}

.asset-thumb[b-uwahgn6ys1] {
    aspect-ratio: 1;
    padding: 0;
    border-radius: 0.6rem;
    border: 1px solid var(--border);
    background: color-mix(in srgb, var(--foreground) 6%, transparent);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .asset-thumb img[b-uwahgn6ys1] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: blur(14px);
        transition: filter 150ms ease-out;
    }

    .asset-thumb[data-revealed] img[b-uwahgn6ys1] {
        filter: none;
    }

.asset-name[b-uwahgn6ys1] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.excerpt[b-uwahgn6ys1] {
    margin: 0;
    padding: 0.6rem 0.8rem;
    border-left: 3px solid var(--border);
    border-radius: 0.25rem;
    background: color-mix(in srgb, var(--foreground) 6%, transparent);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

    .excerpt p[b-uwahgn6ys1] {
        margin: 0;
    }

.excerpt-meta[b-uwahgn6ys1] {
    margin-top: 0.25rem;
    font-size: 11px;
    opacity: 55%;
}

@media (width < 40rem) {
    .asset-grid[b-uwahgn6ys1] {
        grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
    }
}
/* /Components/Pages/Safety.razor.rz.scp.css */
.status-meter[b-xzpfexy5gw] {
    position: relative;
    height: 4px;
    border-radius: 999px;
    background: #ffffff15;
}

[data-theme="light"] .status-meter[b-xzpfexy5gw] {
    background: #00000012;
}

.status-meter[data-pos="0"][b-xzpfexy5gw] {
    --fill: 0%;
}

.status-meter[data-pos="1"][b-xzpfexy5gw] {
    --fill: 10%;
}

.status-meter[data-pos="2"][b-xzpfexy5gw] {
    --fill: 20%;
}

.status-meter[data-pos="3"][b-xzpfexy5gw] {
    --fill: 30%;
}

.status-meter[data-pos="4"][b-xzpfexy5gw] {
    --fill: 40%;
}

.status-meter[data-pos="5"][b-xzpfexy5gw] {
    --fill: 50%;
}

.status-meter[data-pos="6"][b-xzpfexy5gw] {
    --fill: 60%;
}

.status-meter[data-pos="7"][b-xzpfexy5gw] {
    --fill: 70%;
}

.status-meter[data-pos="8"][b-xzpfexy5gw] {
    --fill: 80%;
}

.status-meter[data-pos="9"][b-xzpfexy5gw] {
    --fill: 90%;
}

.status-meter[data-pos="10"][b-xzpfexy5gw] {
    --fill: 100%;
}

.status-meter .meter-fill[b-xzpfexy5gw] {
    position: relative;
    height: 100%;
    width: var(--fill);
    border-radius: 999px;
    background: var(--success);
    transition: width 280ms ease-out;
}

.status-meter[data-tone="warn"] .meter-fill[b-xzpfexy5gw] {
    background: #e0912f;
}

.status-meter[data-tone="danger"] .meter-fill[b-xzpfexy5gw] {
    background: var(--danger);
}

.status-meter .meter-zones[b-xzpfexy5gw] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: linear-gradient(to right, transparent 0, transparent calc(25% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(25% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(25% + 1px), transparent calc(25% + 1px), transparent calc(50% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(50% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(50% + 1px), transparent calc(50% + 1px), transparent calc(75% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(75% - 1px), color-mix(in srgb, var(--background) 75%, transparent) calc(75% + 1px), transparent calc(75% + 1px), transparent 100%);
    pointer-events: none;
}

.status-scale[b-xzpfexy5gw] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    opacity: 65%;
    margin-top: 0.25rem;
}

.step-rail[b-xzpfexy5gw] {
    position: relative;
    margin: 1rem 0 0.25rem;
}

    .step-rail ol[b-xzpfexy5gw] {
        position: relative;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .step-rail li[b-xzpfexy5gw] {
        flex: 1 1 0;
        min-width: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.35rem;
    }

.step-link[b-xzpfexy5gw] {
    position: absolute;
    top: 1.25rem;
    left: calc(-50% + 1.55rem);
    right: calc(50% + 1.55rem);
    height: 4px;
    border-radius: 999px;
    background: #ffffff15;
    translate: 0 -50%;
    overflow: hidden;
}

.step-link-fill[b-xzpfexy5gw] {
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: var(--success);
}

.step-rail[data-tone="warn"] .step-link-fill[b-xzpfexy5gw] {
    background: #e0912f;
}

.step-rail[data-tone="danger"] .step-link-fill[b-xzpfexy5gw] {
    background: var(--danger);
}

.step-node[b-xzpfexy5gw] {
    position: relative;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--border);
    background: var(--background);
    color: var(--border);
}

    .step-node svg[b-xzpfexy5gw] {
        width: 1.25rem;
        height: 1.25rem;
        display: block;
        overflow: visible;
    }

    .step-node svg > *[b-xzpfexy5gw] {
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 1;
        stroke-dashoffset: 0;
    }

li[data-state="done"] .step-node[b-xzpfexy5gw] {
    border-color: color-mix(in srgb, var(--foreground) 35%, transparent);
    color: color-mix(in srgb, var(--foreground) 65%, transparent);
    background: color-mix(in srgb, var(--foreground) 6%, transparent);
}

li[data-step="banned"][data-state="current"] .step-node[b-xzpfexy5gw],
li[data-step="suspended"][data-state="current"] .step-node[b-xzpfexy5gw] {
    border-color: var(--danger);
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 12%, transparent);
}

li[data-step="warned"][data-state="current"] .step-node[b-xzpfexy5gw] {
    border-color: #e0912f;
    color: #e0912f;
    background: color-mix(in srgb, #e0912f 12%, transparent);
}

li[data-step="good"][data-state="current"] .step-node[b-xzpfexy5gw] {
    border-color: var(--success);
    color: var(--success);
    background: color-mix(in srgb, var(--success) 12%, transparent);
}

li[data-state="current"] .step-node[b-xzpfexy5gw] {
    animation: node-arrive-b-xzpfexy5gw 500ms ease-out;
}

@keyframes node-arrive-b-xzpfexy5gw {
    from {
        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 45%, transparent);
    }

    to {
        box-shadow: 0 0 0 12px transparent;
    }
}

li[data-state="current"] .step-node[data-draw] svg > :nth-child(1)[b-xzpfexy5gw] {
    animation: emblem-draw-b-xzpfexy5gw 450ms ease-out backwards;
}

li[data-state="current"] .step-node[data-draw] svg > :nth-child(2)[b-xzpfexy5gw] {
    animation: emblem-draw-b-xzpfexy5gw 350ms ease-out 300ms backwards;
}

li[data-state="current"] .step-node[data-draw] svg > :nth-child(3)[b-xzpfexy5gw] {
    animation: emblem-draw-b-xzpfexy5gw 300ms ease-out 500ms backwards;
}

.step-node[data-draw-quick] svg > *[b-xzpfexy5gw] {
    animation: emblem-draw-quick-b-xzpfexy5gw 250ms ease-out backwards;
}

@keyframes emblem-draw-quick-b-xzpfexy5gw {
    from {
        stroke-dashoffset: 1;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes emblem-draw-b-xzpfexy5gw {
    from {
        stroke-dashoffset: 1;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.step-label[b-xzpfexy5gw] {
    font-size: 11px;
    text-align: center;
    opacity: 55%;
}

li[data-state="current"] .step-label[b-xzpfexy5gw] {
    opacity: 100%;
    font-weight: 600;
}

li[data-state="done"] .step-label[b-xzpfexy5gw] {
    opacity: 80%;
}

[data-theme="light"] .step-link[b-xzpfexy5gw] {
    background: #00000012;
}

@media (prefers-reduced-motion: reduce) {
    li[data-state="current"] .step-node[b-xzpfexy5gw],
    li[data-state="current"] .step-node[data-draw] svg > *[b-xzpfexy5gw],
    .step-node[data-draw-quick] svg > *[b-xzpfexy5gw],
    .shimmer[b-xzpfexy5gw] {
        animation: none;
    }
}

.agreements-grid[b-xzpfexy5gw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.agreement-card[b-xzpfexy5gw] {
    min-width: 0;
}

.agreement-head[b-xzpfexy5gw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

    .agreement-head .card-title[b-xzpfexy5gw] {
        flex: 1;
        min-width: 0;
    }

    .agreement-head .card-title .badge[b-xzpfexy5gw] {
        margin-left: 0.5rem;
        vertical-align: 1px;
    }

.agreement-actions[b-xzpfexy5gw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    flex-shrink: 0;
}

.agreement-meta[b-xzpfexy5gw] {
    margin: 0;
}

.how-it-works[b-xzpfexy5gw] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
}

@media (width < 40rem) {
    .agreement-actions[b-xzpfexy5gw] {
        gap: 0.4rem;
    }
}

[b-xzpfexy5gw] .violation-row {
    border-top: 1px solid var(--border);
    padding-top: 0.6rem;
    margin-top: 0.6rem;
}

[b-xzpfexy5gw] .check-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

[b-xzpfexy5gw] .check-row + .check-row {
    border-top: 1px solid var(--border);
}

[b-xzpfexy5gw] .check-row > div:first-child {
    flex: 1;
    min-width: 0;
}

[b-xzpfexy5gw] details + details {
    margin-top: 0.5rem;
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.tabpanes [data-settings-signout][b-3lzwn7bisr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

    .tabpanes [data-settings-signout] svg[b-3lzwn7bisr] {
        width: 1em;
        height: 1em;
    }

.presence-row[b-3lzwn7bisr] {
    align-items: center;
}

    .presence-row > div[b-3lzwn7bisr] {
        flex: 1;
        min-width: 0;
    }

        .presence-row > div p[b-3lzwn7bisr] {
            margin: 0;
        }

@media (width < 40rem) {
    .presence-row[b-3lzwn7bisr] {
        align-items: flex-start;
    }
}

.tabpanes .caption.locked[b-3lzwn7bisr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    margin-top: 0;
}

.locked svg[b-3lzwn7bisr] {
    width: 0.8em;
    height: 0.8em;
}

.danger-row .btn[b-3lzwn7bisr] {
    flex-shrink: 0;
}

.tabpanes .card.danger-card[b-3lzwn7bisr] {
    border-color: color-mix(in srgb, var(--danger) 55%, transparent);
    background: color-mix(in srgb, var(--danger) 4%, transparent);
}

.tabpanes .card .label-row > div:first-child[b-3lzwn7bisr] {
    flex: 1;
    min-width: 0;
}

[data-revoke-others][b-3lzwn7bisr] {
    flex-shrink: 0;
    white-space: nowrap;
}

.codes[b-3lzwn7bisr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

    .codes code[b-3lzwn7bisr] {
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 13px;
        text-align: center;
        background: color-mix(in srgb, var(--foreground) 8%, transparent);
        border: 1px solid var(--border);
        border-radius: 6px;
        padding: 6px 4px;
    }

.pref-choices[b-3lzwn7bisr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

    .pref-choices .btn[data-active][b-3lzwn7bisr] {
        background: #ffffff25;
    }

.switch[b-3lzwn7bisr] {
    position: relative;
    width: 2.4rem;
    height: 1.5rem;
    padding: 0;
    border-radius: 999px;
    background: #ffffff25;
    flex-shrink: 0;
    transition: all 100ms ease-out;
}

    .switch:not([aria-checked="true"]):hover[b-3lzwn7bisr] {
        background: color-mix(in srgb, #ffffff25, #fff 10%);
    }

    .switch:not([aria-checked="true"]):active[b-3lzwn7bisr] {
        background: color-mix(in srgb, #ffffff25, #000 10%);
    }

    .switch .knob[b-3lzwn7bisr] {
        position: absolute;
        top: 50%;
        left: 0.2rem;
        transform: translateY(-50%);
        width: 1.1rem;
        height: 1.1rem;
        border-radius: 999px;
        background: #fff;
        opacity: 90%;
        box-shadow: 0 1px 3px rgb(0 0 0 / 35%);
        transition: all 100ms ease-out;
    }

    .switch[aria-checked="true"][b-3lzwn7bisr] {
        background: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
    }

        .switch[aria-checked="true"]:hover[b-3lzwn7bisr] {
            background: color-mix(in srgb, var(--accent), #fff 10%);
        }

        .switch[aria-checked="true"]:active[b-3lzwn7bisr] {
            background: color-mix(in srgb, var(--accent), #000 10%);
        }

        .switch[aria-checked="true"] .knob[b-3lzwn7bisr] {
            left: calc(100% - 1.3rem);
            opacity: 100%;
        }

[data-theme="light"] .pref-choices .btn[data-active][b-3lzwn7bisr] {
    background: #00000012;
}

[data-theme="light"] .switch:not([aria-checked="true"])[b-3lzwn7bisr] {
    background: #00000012;
}

    [data-theme="light"] .switch:not([aria-checked="true"]):hover[b-3lzwn7bisr] {
        background: color-mix(in srgb, #00000012, #000 8%);
    }

    [data-theme="light"] .switch:not([aria-checked="true"]):active[b-3lzwn7bisr] {
        background: color-mix(in srgb, #00000012, #000 16%);
    }

.swatch[b-3lzwn7bisr] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border-radius: 999px;
    background: var(--swatch);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.9rem;
    transition: all 100ms ease-out;
}

    .swatch:not(.swatch-custom):hover[b-3lzwn7bisr] {
        background: color-mix(in srgb, var(--swatch), #fff 10%);
    }

    .swatch:not(.swatch-custom):active[b-3lzwn7bisr] {
        background: color-mix(in srgb, var(--swatch), #000 10%);
    }

    .swatch svg[b-3lzwn7bisr] {
        width: 1em;
        height: 1em;
        filter: drop-shadow(0 0 2px rgb(0 0 0 / 60%));
    }

    .swatch [data-check][b-3lzwn7bisr] {
        display: none;
    }

    .swatch[data-active] [data-check][b-3lzwn7bisr] {
        display: inline-flex;
    }

.swatch-custom [data-plus][b-3lzwn7bisr] {
    display: inline-flex;
}

.swatch-custom[data-active] [data-plus][b-3lzwn7bisr] {
    display: none;
}

.swatch-custom[b-3lzwn7bisr] {
    position: relative;
    margin-left: 0.25rem;
    padding: 3px;
    background: conic-gradient(#e15a8a, #e07b39, #e0912f, #2fa37c, #416de5, #8b5cf6, #e15a8a);
    cursor: pointer;
}

    .swatch-custom .swatch-fill[b-3lzwn7bisr] {
        width: 100%;
        height: 100%;
        border-radius: 999px;
        background: #416de5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .swatch-custom:hover[b-3lzwn7bisr] {
        filter: brightness(1.1);
    }

    .swatch-custom:active[b-3lzwn7bisr] {
        filter: brightness(0.9);
    }

    .swatch-custom input[b-3lzwn7bisr] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .swatch-custom:focus-within[b-3lzwn7bisr] {
        outline: 2px dashed var(--foreground);
        outline-offset: 2px;
    }

@media (width < 40rem) {
    .danger-row[b-3lzwn7bisr] {
        flex-direction: column;
        align-items: stretch;
    }
}

.qr[b-3lzwn7bisr] {
    width: 12rem;
    height: 12rem;
    align-self: center;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #fff;
}

    .tabpanes .card .label-row[b-3lzwn7bisr] {
        gap: 1rem;
    }

[data-2fa-switch] > span[b-3lzwn7bisr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    [data-2fa-switch] > span svg[b-3lzwn7bisr] {
        width: 1em;
        height: 1em;
    }

textarea[data-profile-bio-input][b-3lzwn7bisr] {
    resize: vertical;
    min-height: 4.5rem;
}

.delete-losses[b-3lzwn7bisr] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
    color: color-mix(in srgb, var(--foreground) 80%, transparent);
    line-height: 1.7;
}

.delete-step[b-3lzwn7bisr] {
    animation: delete-step-in-b-3lzwn7bisr 120ms ease;
}

@keyframes delete-step-in-b-3lzwn7bisr {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/VisibilityChoice.razor.rz.scp.css */
.choice-pill[b-8bx3qomuzb] {
    display: inline-flex;
    margin: 0;
    padding: 3px;
    background: color-mix(in srgb, var(--foreground) 5%, transparent);
    border-radius: calc(var(--radius) + 4px);
}

    .choice-pill .btn[b-8bx3qomuzb] {
        flex: 0 0 auto;
        justify-content: center;
        border: none;
        border-radius: var(--radius);
        padding: 0.3rem 0.7rem;
    }

        .choice-pill .btn svg[b-8bx3qomuzb] {
            width: 1rem;
            height: 1rem;
        }

        .choice-pill .btn[data-choice="everyone"][b-8bx3qomuzb] {
            color: var(--success);
        }

            .choice-pill .btn[data-choice="everyone"][data-subtab-active][b-8bx3qomuzb] {
                background: color-mix(in srgb, var(--success), #000 25%);
                color: #fff;
            }

                .choice-pill .btn[data-choice="everyone"][data-subtab-active]:hover[b-8bx3qomuzb] {
                    background: color-mix(in srgb, color-mix(in srgb, var(--success), #000 25%), #fff 10%);
                }

                .choice-pill .btn[data-choice="everyone"][data-subtab-active]:active[b-8bx3qomuzb] {
                    background: color-mix(in srgb, color-mix(in srgb, var(--success), #000 25%), #000 10%);
                }


        .choice-pill .btn[data-choice="friends"][b-8bx3qomuzb] {
            color: color-mix(in srgb, var(--foreground) 65%, transparent);
        }

        .choice-pill .btn[data-choice="nobody"][b-8bx3qomuzb] {
            color: var(--danger);
        }

            .choice-pill .btn[data-choice="nobody"][data-subtab-active][b-8bx3qomuzb] {
                background: var(--danger);
                color: #fff;
            }

                .choice-pill .btn[data-choice="nobody"][data-subtab-active]:hover[b-8bx3qomuzb] {
                    background: color-mix(in srgb, var(--danger), #fff 10%);
                }

                .choice-pill .btn[data-choice="nobody"][data-subtab-active]:active[b-8bx3qomuzb] {
                    background: color-mix(in srgb, var(--danger), #000 10%);
                }