:root {
    --page-chrome-team-surface:
        radial-gradient(circle at 84% -6%, rgba(200, 255, 104, .26), transparent 31%),
        radial-gradient(circle at 8% 12%, rgba(84, 205, 151, .15), transparent 34%),
        linear-gradient(135deg, #0c241b 0%, #0c4d35 51%, #0e7a4e 100%);
}

body.page-chrome-active[data-page-chrome-theme="team"] {
    --page-chrome-surface: var(--page-chrome-team-surface);
    --page-chrome-fallback: #0c241b;
}

body.page-chrome-active [data-page-chrome-surface] {
    background-color: var(--page-chrome-fallback) !important;
    background-image: var(--page-chrome-surface) !important;
    background-position: left top !important;
    background-size: 100vw 430px !important;
    background-attachment: fixed !important;
}

body.page-chrome-safe-area-blur::before,
body.maui-full-screen-app.page-chrome-safe-area-blur::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2147483646;
    height: max(var(--maui-safe-area-top), env(safe-area-inset-top));
    pointer-events: none;
}

body.page-chrome-safe-area-blur::before,
body.maui-full-screen-app.page-chrome-safe-area-blur::before {
    border: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0, 0, 0, .72) 76%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0, 0, 0, .72) 76%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

@media (max-width: 1120px) {
    body.page-chrome-active .navbar-head,
    body.page-chrome-active .navbar-body,
    body.page-chrome-active #rtsMobileHeader,
    body.page-chrome-active .mobileHeaderDiv {
        background-color: var(--page-chrome-fallback) !important;
        background-image: var(--page-chrome-surface) !important;
        background-position: left top !important;
        background-size: 100vw 430px !important;
        background-attachment: fixed !important;
    }

    body.page-chrome-active .navbar-head,
    body.page-chrome-active .navbar-body {
        border-color: rgba(255, 255, 255, .12) !important;
        box-shadow: 0 18px 48px rgba(7, 41, 27, .2), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
    }

    body.page-chrome-active #rtsMobileHeader .headerText,
    body.page-chrome-active #rtsMobileHeader .backText,
    body.page-chrome-active #rtsMobileHeader .backUrlItem,
    body.page-chrome-active #rtsMobileHeader #rightMobileNavArea > a > i,
    body.page-chrome-active #rtsMobileHeader .mobile-chat-btn-text {
        color: #fff !important;
    }

    body.page-chrome-navigation-hidden .navbar,
    body.page-chrome-navigation-hidden #rtsMobileHeader {
        display: none !important;
    }

    body.page-chrome-navigation-hidden #_partialBody,
    body.maui-full-screen-app.page-chrome-navigation-hidden #_partialBody {
        margin-top: 0 !important;
    }

    body.page-chrome-active #rtsMobileHeader {
        border-radius: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body.page-chrome-active .mobileHeaderDiv {
        min-height: var(--mobileHeaderPx);
        margin-block: 0 !important;
    }

    body.page-chrome-navigation-hidden .team-premium-tabs {
        top: calc(max(var(--maui-safe-area-top), env(safe-area-inset-top)) + 6px);
    }

    body.page-chrome-navigation-hidden .team-premium-hero {
        padding-top: calc(max(var(--maui-safe-area-top), env(safe-area-inset-top)) + 12px);
    }

    body.page-chrome-navigation-hidden .my-teams-hero {
        padding-top: calc(max(var(--maui-safe-area-top), env(safe-area-inset-top)) + 16px);
    }
}