[_nghost-ng-c1929762685], .left-col[_ngcontent-ng-c1929762685], .right-col[_ngcontent-ng-c1929762685], .menu[_ngcontent-ng-c1929762685] {
                display: flex;
                align-items: center
            }

            [_nghost-ng-c1929762685] {
                justify-content: space-between;
                padding: 16px 20px;
                background: transparent;
                position: relative;
                z-index: 100
            }

            @media(max-width: 601px) {
                [_nghost-ng-c1929762685] {
                    padding:8px
                }
            }
w4m-modal{z-index: 214749;}
            .container[_ngcontent-ng-c1929762685] {
                width: 100%;
                margin-left: auto;
                margin-right: auto
            }

            .left-col[_ngcontent-ng-c1929762685] {
                gap: 20px
            }

            .left-col[_ngcontent-ng-c1929762685] svg[_ngcontent-ng-c1929762685] {
                vertical-align: unset
            }

            .aqua-link[_ngcontent-ng-c1929762685] {
                display: flex;
                flex-direction: row;
                gap: 2px!important
            }

            .new-label[_ngcontent-ng-c1929762685] {
                display: block;
                width: 6px;
                height: 6px;
                background: var(--typographyBaseLink)
            }

            .right-col[_ngcontent-ng-c1929762685] {
                gap: 8px;
                justify-content: end
            }

            .right-col[_ngcontent-ng-c1929762685] .connect-btn[_ngcontent-ng-c1929762685] {
                font: var(--buttonButtonMBold)
            }

            @media(max-width: 601px) {
                .right-col[_ngcontent-ng-c1929762685] .connect-btn[_ngcontent-ng-c1929762685] {
                    display:none
                }
            }

            .right-col[_ngcontent-ng-c1929762685] .desktop-account-btn[_ngcontent-ng-c1929762685] {
                font: var(--buttonButtonMBold)
            }

            @media(max-width: 1280px) {
                .right-col[_ngcontent-ng-c1929762685] .desktop-account-btn[_ngcontent-ng-c1929762685] {
                    display:none
                }
            }

            .row[_ngcontent-ng-c1929762685] {
                display: flex;
                justify-content: space-between;
                padding: 0
            }

            .menu[_ngcontent-ng-c1929762685] {
                justify-content: center;
                gap: 20px
            }

            @media(max-width: 900px) {
                .menu[_ngcontent-ng-c1929762685] {
                    display:none
                }
            }

            .logo[_ngcontent-ng-c1929762685] {
                color: var(--typographyBasePrimary)
            }

            @media(max-width: 900px) {
                .logo[_ngcontent-ng-c1929762685] {
                    display:none
                }
            }

            .logo-small[_ngcontent-ng-c1929762685] {
                display: none;
                --logoSmall-bg: var(--commonPrimary);
                --logoSmall-fg: var(--commonPrimaryInverted)
            }

            @media(max-width: 900px) {
                .logo-small[_ngcontent-ng-c1929762685] {
                    display:block
                }
            }

            .nav-element[_ngcontent-ng-c1929762685] {
                display: flex;
                padding: 8px 16px;
                color: var(--typographyBasePrimary);
                border-radius: 24px;
                text-decoration: none;
                gap: 8px
            }

            @media(max-width: 900px) {
                .nav-element[_ngcontent-ng-c1929762685] {
                    display:none
                }
            }

            .nav-element.active[_ngcontent-ng-c1929762685] {
                font: var(--buttonButtonMBold);
                background: var(--commonSecondary)
            }

            .nav-element[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondary);
                cursor: pointer
            }

            .swap-btn[_ngcontent-ng-c1929762685] {
                display: none;
                align-items: center;
                gap: 8px;
                padding: 8px 16px;
                border-radius: 24px;
                border: none;
                background: var(--commonSecondary);
                color: var(--typographyBasePrimary);
                cursor: pointer;
                z-index: 11
            }

            @media(max-width: 900px) {
                .swap-btn[_ngcontent-ng-c1929762685] {
                    display:inline-flex;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%)
                }
            }

            .swap-btn_active[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimary);
                color: var(--typographyInvertedPrimaryInverted)
            }

            .swap-btn_active[_ngcontent-ng-c1929762685] .swap-label[_ngcontent-ng-c1929762685], .swap-btn_active[_ngcontent-ng-c1929762685] .swap-icon[_ngcontent-ng-c1929762685] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .swap-icon[_ngcontent-ng-c1929762685] {
                color: var(--typographyBasePrimary);
                transform: rotate(0);
                transition: transform .2s ease
            }

            .swap-icon.swap-icon_open[_ngcontent-ng-c1929762685] {
                transform: rotate(180deg)
            }

            oi-svg-icon.swap-icon[_ngcontent-ng-c1929762685] {
                display: inline-block;
                transform: rotate(0);
                transition: transform .2s ease
            }

            oi-svg-icon.swap-icon.swap-icon_open[_ngcontent-ng-c1929762685] {
                transform: rotate(180deg)
            }

            .swap-label[_ngcontent-ng-c1929762685] {
                font: var(--buttonButtonMBold);
                color: var(--typographyBasePrimary)
            }

            .swap-overlay-backdrop[_ngcontent-ng-c1929762685] {
                display: none;
                position: fixed;
                inset: 0;
                background: var(--systemOverlay);
                z-index: 10;
                opacity: 0;
                pointer-events: none;
                transition: opacity .3s ease
            }

            .swap-overlay-backdrop.is-open[_ngcontent-ng-c1929762685] {
                opacity: 1;
                pointer-events: auto
            }

            @media(max-width: 900px) {
                .swap-overlay-backdrop[_ngcontent-ng-c1929762685] {
                    display:block
                }
            }

            .swap-overlay[_ngcontent-ng-c1929762685] {
                display: none;
                position: fixed;
                inset: 0;
                background: var(--backgroundBase);
                color: var(--typographyBasePrimary);
                z-index: 10;
                transform: translateY(-100%);
                transition: transform .3s ease;
                overflow-y: auto
            }

            .swap-overlay.is-open[_ngcontent-ng-c1929762685] {
                transform: translateY(0)
            }

            @media(max-width: 900px) {
                .swap-overlay[_ngcontent-ng-c1929762685] {
                    display:block;
                    height: fit-content
                }
            }

            .swap-overlay-inner[_ngcontent-ng-c1929762685] {
                margin: 0 auto;
                padding: 76px 28px 28px;
                display: flex;
                flex-direction: column;
                gap: 28px
            }

            .swap-overlay-link[_ngcontent-ng-c1929762685] {
                color: var(--typographyBasePrimary);
                font: var(--headlineHeadlineM);
                text-decoration: none
            }

            .swap-overlay-link[_ngcontent-ng-c1929762685]:hover {
                color: var(--typographyBaseLink)
            }

            .swap-overlay-link.active[_ngcontent-ng-c1929762685] {
                font: var(--buttonButtonMBold);
                background: var(--commonSecondary)
            }

            .mobile-account-btn[_ngcontent-ng-c1929762685] {
                display: none;
                background: transparent;
                padding: 4px;
                cursor: pointer;
                position: relative;
                border-radius: 50%;
                background: var(--commonSecondary);
                border: none
            }

            @media(max-width: 1280px) {
                .mobile-account-btn[_ngcontent-ng-c1929762685] {
                    display:flex
                }
            }

            .mobile-account-btn[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondaryHover)
            }

            .mobile-account-btn[_ngcontent-ng-c1929762685] oi-account-image[_ngcontent-ng-c1929762685] {
                width: 32px;
                height: 32px
            }

            .inverted-color[_nghost-ng-c1929762685] .logo[_ngcontent-ng-c1929762685], .inverted-color[_nghost-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685] {
                color: var(--commonPrimaryConstantBlack)
            }

            .inverted-color[_nghost-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondaryConstantBlackHover)
            }

            .inverted-color[_nghost-ng-c1929762685] .right-col[_ngcontent-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685] {
                background: var(--commonSecondaryConstantBlack);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .inverted-color[_nghost-ng-c1929762685] .right-col[_ngcontent-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondaryConstantBlackHover)
            }

            .inverted-color[_nghost-ng-c1929762685] .swap-btn[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimaryConstantBlack);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .inverted-color[_nghost-ng-c1929762685] .swap-btn[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonPrimaryConstantBlackHover)
            }

            .inverted-color[_nghost-ng-c1929762685] .swap-btn_active[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimary);
                color: var(--typographyInvertedPrimaryInverted)
            }

            .inverted-color[_nghost-ng-c1929762685] .swap-btn_active[_ngcontent-ng-c1929762685] .swap-label[_ngcontent-ng-c1929762685], .inverted-color[_nghost-ng-c1929762685] .swap-btn_active[_ngcontent-ng-c1929762685] .swap-icon[_ngcontent-ng-c1929762685] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .inverted-color[_nghost-ng-c1929762685] .swap-label[_ngcontent-ng-c1929762685], .inverted-color[_nghost-ng-c1929762685] .swap-icon[_ngcontent-ng-c1929762685] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .inverted-color[_nghost-ng-c1929762685] .logo-small[_ngcontent-ng-c1929762685] {
                --logoSmall-bg: var(--commonPrimaryConstantBlack);
                --logoSmall-fg: var(--commonPrimaryConstantWhite)
            }

            .inverted-color[_nghost-ng-c1929762685] .mobile-account-btn[_ngcontent-ng-c1929762685] {
                background: var(--commonSecondaryConstantBlack)
            }

            .inverted-color[_nghost-ng-c1929762685] .mobile-account-btn[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondaryConstantBlackHover)
            }

            .white-header[_nghost-ng-c1929762685] .logo[_ngcontent-ng-c1929762685], .white-header[_nghost-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .white-header[_nghost-ng-c1929762685] .swap-label[_ngcontent-ng-c1929762685] {
                color: var(--commonPrimaryConstantBlack)
            }

            .white-header[_nghost-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonSecondaryConstantBlackHover)
            }

            .white-header[_nghost-ng-c1929762685] .right-col[_ngcontent-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimaryConstantBlack);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .white-header[_nghost-ng-c1929762685] .right-col[_ngcontent-ng-c1929762685] .nav-element[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonPrimaryConstantBlackHover)
            }

            .white-header[_nghost-ng-c1929762685] .swap-btn[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimaryConstantWhite);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .white-header[_nghost-ng-c1929762685] .swap-btn[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonPrimaryConstantWhiteHover)
            }

            .white-header[_nghost-ng-c1929762685] .connect-btn[_ngcontent-ng-c1929762685] {
                background: var(--commonPrimaryConstantWhite);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .white-header[_nghost-ng-c1929762685] .connect-btn[_ngcontent-ng-c1929762685]:hover {
                background: var(--commonPrimaryConstantWhiteHover)
            }

            .white-header[_nghost-ng-c1929762685] .logo-small[_ngcontent-ng-c1929762685] {
                --logoSmall-bg: var(--commonPrimaryConstantWhite);
                --logoSmall-fg: var(--commonPrimaryConstantBlack)
            }

            .chain-selector-desktop[_ngcontent-ng-c1929762685] {
                display: none
            }

            @media(min-width: 601px) {
                .chain-selector-desktop[_ngcontent-ng-c1929762685] {
                    display:flex
                }
            }
        
        
            [_nghost-ng-c2258930901] {
                position: relative;
                display: inline-block
            }

            [data-theme=dark][_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901], [data-theme=dark] [_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901] {
                box-shadow: none
            }

            .panel[_ngcontent-ng-c2258930901] {
                position: absolute;
                top: calc(100% + 8px);
                left: 50%;
                transform: translate(-50%);
                min-width: 160px;
                padding: 16px 0;
                background: var(--surfacesBaseDefault);
                box-shadow: 0 4px 8px #0000000d;
                display: none;
                z-index: 10;
                flex-direction: column;
                gap: 12px
            }

            .panel.open[_ngcontent-ng-c2258930901] {
                display: flex
            }

            .panel.right[_ngcontent-ng-c2258930901] {
                top: 0;
                left: calc(100% + 8px);
                transform: none;
                min-width: 280px;
                padding: 20px 0
            }

            .panel.right[_ngcontent-ng-c2258930901] .item[_ngcontent-ng-c2258930901] {
                padding: 0 20px
            }

            .inverted[_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901] {
                background: var(--surfacesInvertedDefaultInverted);
                max-height: 380px;
                overflow-y: auto
            }

            .inverted[_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901] .item[_ngcontent-ng-c2258930901] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .inverted[_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901] .item[_ngcontent-ng-c2258930901]:hover {
                color: var(--typographyBaseLink)
            }

            .inverted[_nghost-ng-c2258930901] .panel[_ngcontent-ng-c2258930901] .check[_ngcontent-ng-c2258930901] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .item[_ngcontent-ng-c2258930901] {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0 16px;
                width: 100%;
                cursor: pointer;
                text-decoration: none;
                color: var(--typographyBasePrimary)
            }

            .item[_ngcontent-ng-c2258930901]:hover {
                color: var(--typographyBaseLink)
            }

            .item[_ngcontent-ng-c2258930901]:hover .check[_ngcontent-ng-c2258930901] {
                color: var(--typographyBasePrimary)
            }

            .item.item-action[_ngcontent-ng-c2258930901] {
                appearance: none;
                border: 0;
                background: transparent;
                font: inherit;
                text-align: left
            }

            .item.item-action[_ngcontent-ng-c2258930901] .check[_ngcontent-ng-c2258930901] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .item.item-action[_ngcontent-ng-c2258930901]:hover {
                color: var(--typographyInvertedTertiaryInverted)!important
            }
        
        
            [_nghost-ng-c422541046] {
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 0
            }
        
        
            [_nghost-ng-c4216606565] {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;
                border: none;
                outline: none;
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none;
                width: auto
            }

            [disabled][_nghost-ng-c4216606565] {
                color: var(--typographyBaseDisable);
                cursor: default
            }

            [data-size=m][_nghost-ng-c4216606565] {
                padding: 10px 16px;
                border-radius: 28px;
                font-size: 14px;
                font-weight: 450;
                line-height: 20px;
                height: 40px
            }

            [data-size=l][_nghost-ng-c4216606565] {
                padding: 12px 24px;
                border-radius: 28px;
                font-size: 16px;
                font-weight: 450;
                line-height: 24px;
                height: 48px
            }

            [data-size=xl][_nghost-ng-c4216606565] {
                padding: 12px 24px;
                border-radius: 28px;
                font-size: 16px;
                font-weight: 450;
                line-height: 24px;
                height: 56px;
                min-width: 148px
            }

            [data-color=primary][_nghost-ng-c4216606565] {
                background: var(--commonPrimary);
                color: var(--typographyInvertedPrimaryInverted)
            }

            [data-color=primary][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonPrimaryHover)
            }

            [data-color=primary][disabled][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=secondary][_nghost-ng-c4216606565] {
                background: var(--commonSecondary);
                color: var(--typographyBasePrimary)
            }

            [data-color=secondary][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonSecondaryHover)
            }

            [data-color=secondary][disabled][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=ghost][_nghost-ng-c4216606565] {
                background: var(--commonGhost);
                color: var(--typographyBasePrimary)
            }

            [data-color=ghost][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonGhostHover)
            }

            [data-color=ghost][disabled][_nghost-ng-c4216606565] {
                background: var(--commonGhostDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=ghost-no-background-mobile][_nghost-ng-c4216606565] {
                background: none;
                color: var(--typographyBasePrimary)
            }

            [data-color=ghost-no-background-mobile][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: none
            }

            [data-color=ghost-no-background-mobile][disabled][_nghost-ng-c4216606565] {
                background: none;
                color: var(--typographyBaseDisable)
            }

            [data-color=danger][_nghost-ng-c4216606565] {
                background: var(--commonDanger);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            [data-color=danger][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonDangerHover)
            }

            [data-color=danger][disabled][_nghost-ng-c4216606565] {
                background: var(--commonDangerDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=inverted][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryInverted);
                color: var(--typographyBasePrimary)
            }

            [data-color=inverted][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonPrimaryInvertedHover)
            }

            [data-color=inverted][disabled][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryInvertedDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=primary-constant-white][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryConstantWhite);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            [data-color=primary-constant-white][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonPrimaryConstantWhiteHover)
            }

            [data-color=primary-constant-white][disabled][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryConstantWhite);
                color: var(--typographyBaseDisable)
            }

            [data-color=secondary-constant-white][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryConstantWhite);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            [data-color=secondary-constant-white][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonSecondaryConstantWhiteHover)
            }

            [data-color=secondary-constant-white][disabled][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryConstantWhite);
                color: var(--typographyBaseDisable)
            }

            [data-color=primary-constant-black][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryConstantBlack);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            [data-color=primary-constant-black][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonPrimaryConstantBlackHover)
            }

            [data-color=primary-constant-black][disabled][_nghost-ng-c4216606565] {
                background: var(--commonPrimaryConstantBlackDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=secondary-constant-black][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryConstantBlack);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            [data-color=secondary-constant-black][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonSecondaryConstantBlackHover)
            }

            [data-color=secondary-constant-black][disabled][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryConstantBlackDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-color=secondary-inverted][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryInverted);
                color: var(--typographyInvertedPrimaryInverted)
            }

            [data-color=secondary-inverted][_nghost-ng-c4216606565]:hover:not([disabled]) {
                background: var(--commonSecondaryInvertedHover)
            }

            [data-color=secondary-inverted][disabled][_nghost-ng-c4216606565] {
                background: var(--commonSecondaryInvertedDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-width=full][_nghost-ng-c4216606565] {
                width: 100%
            }
        
        
            .overlay-menu[_ngcontent-ng-c1837294906] {
                position: fixed;
                top: 4px;
                left: 4px;
                width: calc(100vw - 8px);
                height: 100vh;
                z-index: 200
            }

            .overlay-menu[_ngcontent-ng-c1837294906]:before {
                content: "";
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background: var(--systemOverlay);
                z-index: 1;
                opacity: 0;
                animation: _ngcontent-ng-c1837294906_backdropFadeIn .3s ease .1s forwards
            }

            .overlay-menu-content[_ngcontent-ng-c1837294906] {
                position: relative;
                background: var(--backgroundSecondary);
                z-index: 2;
                transform: translateY(-100%);
                animation: _ngcontent-ng-c1837294906_contentSlideFromTop .4s cubic-bezier(.4,0,.2,1) forwards;
                max-height: 100dvh;
                display: flex;
                flex-direction: column;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: contain
            }

            @keyframes _ngcontent-ng-c1837294906_contentSlideFromTop {
                0% {
                    transform: translateY(-100%)
                }

                to {
                    transform: translateY(0)
                }
            }

            @keyframes _ngcontent-ng-c1837294906_backdropFadeIn {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            .close-button[_ngcontent-ng-c1837294906] {
                position: absolute;
                top: 12px;
                right: 16px
            }

            .row[_ngcontent-ng-c1837294906] {
                justify-content: space-between;
                flex-wrap: nowrap;
                padding: 0 16px;
                align-items: flex-start
            }

            @media(max-width: 900px) {
                .row[_ngcontent-ng-c1837294906] {
                    flex-direction:column;
                    padding-bottom: 16px
                }
            }

            .settings[_ngcontent-ng-c1837294906] {
                padding: 12px 16px;
                display: flex;
                gap: 8px;
                flex-shrink: 0
            }

            .container[_ngcontent-ng-c1837294906] {
                flex: 1;
                overflow-y: auto;
                min-height: 0
            }

            .language[_ngcontent-ng-c1837294906] {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 8px 16px;
                border-radius: 24px;
                background: var(--commonSecondary);
                color: var(--typographyBasePrimary);
                cursor: pointer
            }

            .language[_ngcontent-ng-c1837294906]:hover {
                background: var(--commonSecondaryHover)
            }

            .aqua-link[_ngcontent-ng-c1837294906] {
                display: flex!important;
                flex-direction: row;
                gap: 2px
            }

            .new-label[_ngcontent-ng-c1837294906] {
                display: block;
                width: 6px;
                height: 6px;
                background: var(--typographyBaseLink)
            }

            .menu-grid[_ngcontent-ng-c1837294906] {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                align-items: baseline;
                gap: 16px;
                margin-top: 60px;
                margin-bottom: 60px
            }

            @media(max-width: 1280px) {
                .menu-grid[_ngcontent-ng-c1837294906] {
                    grid-template-columns:repeat(2,1fr);
                    gap: 8px;
                    row-gap: 32px
                }
            }

            @media(max-width: 900px) {
                .menu-grid[_ngcontent-ng-c1837294906] {
                    grid-template-columns:repeat(1,1fr)
                }
            }

            @media(max-width: 601px) {
                .menu-grid[_ngcontent-ng-c1837294906] {
                    margin-top:0;
                    padding: 28px 0;
                    margin-bottom: 0;
                    row-gap: 16px
                }
            }

            .menu-column[_ngcontent-ng-c1837294906] {
                display: flex;
                flex-direction: column;
                min-width: 120px
            }

            .column-title[_ngcontent-ng-c1837294906] {
                display: block;
                margin-bottom: 8px;
                font: var(--bodyBodyMRegular);
                color: var(--typographyBaseSecondary)
            }

            @media(max-width: 601px) {
                .column-title[_ngcontent-ng-c1837294906] {
                    margin:0
                }
            }

            .menu-link[_ngcontent-ng-c1837294906] {
                display: block;
                margin-top: 12px;
                font: var(--headlineHeadlineM);
                color: var(--typographyBasePrimary);
                text-decoration: none
            }

            .banner[_ngcontent-ng-c1837294906] {
                width: 100%;
                min-height: 100%;
                display: grid;
                grid-template-columns: 7fr 3fr;
                gap: 8px;
                align-items: center;
                padding: 24px;
                margin: 60px 0;
                overflow: hidden
            }

            @media(max-width: 900px) {
                .banner[_ngcontent-ng-c1837294906] {
                    margin:0
                }
            }

            @media(max-width: 601px) {
                .banner[_ngcontent-ng-c1837294906] {
                    display:block;
                    padding: 20px
                }
            }

            .banner-content[_ngcontent-ng-c1837294906] {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                min-width: 0;
                height: 100%
            }

            .banner-text[_ngcontent-ng-c1837294906] {
                display: flex;
                flex-direction: column;
                gap: 4px
            }

            .banner-title[_ngcontent-ng-c1837294906] {
                font: var(--headlineHeadlineM);
                color: var(--typographyConstantPrimaryConstantWhite);
                margin: 0
            }

            .banner-subtitle[_ngcontent-ng-c1837294906] {
                font: var(--headlineHeadlineM);
                max-width: 420px;
                color: var(--typographyConstantSecondaryConstantWhite);
                margin: 0
            }

            .banner-button-wrap[_ngcontent-ng-c1837294906] {
                display: flex
            }

            .banner-button[_ngcontent-ng-c1837294906] {
                min-width: 120px;
                margin-top: 16px
            }

            .banner-button[_ngcontent-ng-c1837294906]:hover {
                text-decoration: none
            }

            .banner-image[_ngcontent-ng-c1837294906] {
                width: 288px
            }

            @media(max-width: 601px) {
                .banner-image[_ngcontent-ng-c1837294906] {
                    display:none
                }
            }

            .overlay-menu.closing[_ngcontent-ng-c1837294906]:before {
                animation: _ngcontent-ng-c1837294906_backdropFadeOut .3s ease 0s forwards
            }

            .overlay-menu.closing[_ngcontent-ng-c1837294906] .overlay-menu-content[_ngcontent-ng-c1837294906] {
                animation: _ngcontent-ng-c1837294906_contentSlideToTop .4s cubic-bezier(.4,0,.2,1) forwards
            }

            .inverted-color[_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button), .inverted-color [_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button) {
                background: var(--commonSecondaryConstantBlack)!important;
                color: var(--commonPrimaryConstantBlack)!important
            }

            .inverted-color[_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button):hover, .inverted-color [_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button):hover {
                background: var(--commonSecondaryConstantBlackHover)!important
            }

            .white-header[_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button), .white-header [_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button) {
                background: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important
            }

            .white-header[_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button):hover, .white-header [_nghost-ng-c1837294906] button[oiIconButton][data-type=secondary][_ngcontent-ng-c1837294906]:not(.close-button):hover {
                background: var(--commonPrimaryConstantBlackHover)!important
            }

            @keyframes _ngcontent-ng-c1837294906_contentSlideToTop {
                0% {
                    transform: translateY(0)
                }

                to {
                    transform: translateY(-100%)
                }
            }

            @keyframes _ngcontent-ng-c1837294906_backdropFadeOut {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0
                }
            }
        
        
            [_nghost-ng-c1914737164] {
                display: contents
            }

            .fast-svg[_ngcontent-ng-c1914737164] {
                contain: content;
                content-visibility: auto
            }

            @media(max-width: 600px) {
                .fast-svg[_ngcontent-ng-c1914737164] {
                    content-visibility:visible
                }
            }
        
        
            [_nghost-ng-c289668743] {
                line-height: 0;
                border: none;
                cursor: pointer;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center
            }

            [disabled][_nghost-ng-c289668743] {
                color: var(--typographyBaseDisable);
                cursor: default
            }

            [data-type=primary][_nghost-ng-c289668743] {
                background: var(--commonSpecial);
                color: var(--typographyBasePrimary)
            }

            [data-type=primary][_nghost-ng-c289668743]:hover:not([disabled]) {
                background: var(--commonSpecialHover)
            }

            [data-type=primary][disabled][_nghost-ng-c289668743] {
                background: var(--commonSpecialDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-type=primary-inverted][_nghost-ng-c289668743] {
                background: var(--commonPrimary);
                color: var(--typographyInvertedPrimaryInverted)
            }

            [data-type=primary-inverted][_nghost-ng-c289668743]:hover:not([disabled]) {
                background: var(--commonPrimaryHover)
            }

            [data-type=primary-inverted][disabled][_nghost-ng-c289668743] {
                background: var(--commonPrimaryDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-type=secondary][_nghost-ng-c289668743] {
                background: var(--commonSecondary);
                color: var(--typographyBasePrimary)
            }

            [data-type=secondary][_nghost-ng-c289668743]:hover:not([disabled]) {
                background: var(--commonSecondaryHover)
            }

            [data-type=secondary][disabled][_nghost-ng-c289668743] {
                background: var(--commonSecondaryDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-type=ghost-secondary][_nghost-ng-c289668743] {
                background: var(--commonGhost);
                color: var(--typographyBasePrimary)
            }

            [data-type=ghost-secondary][_nghost-ng-c289668743]:hover:not([disabled]) {
                background: var(--commonGhostHover)
            }

            [data-type=ghost-secondary][disabled][_nghost-ng-c289668743] {
                background: var(--commonGhostDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-type=ghost-constant-white][_nghost-ng-c289668743] {
                background: var(--commonGhost);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            [data-type=ghost-constant-white][_nghost-ng-c289668743]:hover:not([disabled]) {
                background: var(--commonSecondaryConstantWhite)
            }

            [data-type=ghost-constant-white][disabled][_nghost-ng-c289668743] {
                background: var(--commonSecondaryConstantWhiteDisabled);
                color: var(--typographyBaseDisable)
            }

            [data-size=m][_nghost-ng-c289668743] {
                padding: 8px
            }

            [data-size=l][_nghost-ng-c289668743] {
                padding: 12px
            }

            [data-size=xl][_nghost-ng-c289668743] {
                padding: 16px
            }

            [data-width=full][_nghost-ng-c289668743] {
                width: 100%
            }

            [data-width=contents][_nghost-ng-c289668743] {
                width: auto
            }

            [data-size=s][_nghost-ng-c289668743] {
                width: 24px;
                height: 24px
            }

            [data-size=m][_nghost-ng-c289668743] {
                width: 40px;
                height: 40px
            }

            [data-size=l][_nghost-ng-c289668743] {
                width: 48px;
                height: 48px
            }

            [data-size=xl][_nghost-ng-c289668743] {
                width: 56px;
                height: 56px
            }
        
        
            [_nghost-ng-c1151340751] {
                display: block;
                min-height: 100vh;
                background-color: var(--backgroundBase);
                --titleStartBlockColor: var(--typographyBasePrimary)
            }

            .start-wrap[_ngcontent-ng-c1151340751] {
                margin-top: -72px;
                padding-top: 72px;
                background: var(--backgroundBase)
            }

            .wrap-content[_ngcontent-ng-c1151340751] {
                background: var(--surfacesBaseDefault)
            }

            oi-big-button-block[_ngcontent-ng-c1151340751] {
                --buttonBackground: var(--commonPrimary);
                --hoverButtonBackground: #fff;
                --hoverButtonTextColor: var(--typographyConstantPrimaryConstantBlack);
                --hoverBackground: var(--surfacesStatesInformationalBright)
            }
        
        
            [_nghost-ng-c2008216733] {
                display: block;
                min-height: 100vh;
                margin-top: -72px;
                transform: translateZ(0);
                backface-visibility: hidden
            }

            .container[_ngcontent-ng-c2008216733] {
                position: relative;
                -webkit-overflow-scrolling: touch;
                backface-visibility: hidden;
                overscroll-behavior: none;
                overscroll-behavior-y: none
            }

            oi-main-block[_ngcontent-ng-c2008216733] {
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 72px;
                transform: translateZ(0);
                will-change: transform;
                overscroll-behavior-y: contain;
                overscroll-behavior-block: none
            }

            oi-start-slider[_ngcontent-ng-c2008216733] {
                margin-top: -43vh
            }

            @media(max-width: 1280px) {
                oi-start-slider[_ngcontent-ng-c2008216733] {
                    margin-top:-25vh
                }
            }
        
        
            .rates-block-wrap[_ngcontent-ng-c454760147] {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 120px;
                padding: 80px 0
            }

            .popular-pairs-title[_ngcontent-ng-c454760147] {
                color: var(--typographyBasePrimary);
                font: var(--headlineHeadlineL);
                margin: 0 0 12px
            }

            .popular-pairs-description[_ngcontent-ng-c454760147] {
                color: var(--typographyBaseSecondary);
                font: var(--bodyBodyLRegular);
                margin: 0;
                line-height: 1.5
            }

            .rates-blocks-container[_ngcontent-ng-c454760147] {
                width: 100%;
                position: relative
            }

            .rates-blocks[_ngcontent-ng-c454760147] {
                display: flex;
                overflow-x: auto;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x mandatory;
                overscroll-behavior-x: contain;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .rates-blocks[_ngcontent-ng-c454760147]::-webkit-scrollbar {
                display: none
            }

            @media(max-width: 768px) {
                .rates-blocks[_ngcontent-ng-c454760147] {
                    scroll-padding-left:16px;
                    touch-action: pan-x
                }
            }

            .rates-block-content[_ngcontent-ng-c454760147] {
                text-decoration: none;
                color: var(--typographyBasePrimary)
            }

            .rates-block[_ngcontent-ng-c454760147] {
                font: var(--headlineHeadlineL);
                color: var(--typographyBasePrimary);
                background: var(--surfacesBaseSubtle);
                padding: 28px 36px;
                aspect-ratio: 1/1;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                box-sizing: border-box;
                position: relative;
                overflow: hidden;
                transition: all .4s cubic-bezier(.4,0,.2,1);
                cursor: pointer;
                text-decoration: none;
                flex-shrink: 0;
                scroll-snap-align: start
            }

            .rates-block[_ngcontent-ng-c454760147]:hover {
                border-radius: 50%;
                background-color: var(--commonPrimary);
                transform: scale(.95)
            }

            .rates-block[_ngcontent-ng-c454760147]:hover .rates-block-content[_ngcontent-ng-c454760147] {
                opacity: 0;
                transform: scale(.8)
            }

            .rates-block[_ngcontent-ng-c454760147]:hover .rates-block-hover-content[_ngcontent-ng-c454760147] {
                opacity: 1;
                transform: scale(1)
            }

            .rates-block-name-token[_ngcontent-ng-c454760147] {
                font: var(--headlineHeadlineL);
                margin: 0
            }

            .rates-block-content-swap[_ngcontent-ng-c454760147] {
                margin: 0
            }

            .sub-rates[_ngcontent-ng-c454760147] {
                font: var(--bodyBodyMRegular);
                display: flex;
                flex-direction: row;
                gap: 6px;
                white-space: nowrap
            }

            .rates-block-content[_ngcontent-ng-c454760147] {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
                transition: all .3s cubic-bezier(.4,0,.2,1)
            }

            .rates-block-hover-content[_ngcontent-ng-c454760147] {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                transform: scale(.8);
                transition: all .3s cubic-bezier(.4,0,.2,1);
                pointer-events: none
            }

            .rates-block-swap-text[_ngcontent-ng-c454760147] {
                font: var(--headlineHeadlineL);
                color: var(--surfacesBaseMuted)
            }

            @media(max-width: 1280px) {
                .rates-block[_ngcontent-ng-c454760147] {
                    margin-right:12px
                }
            }

            @media(max-width: 601px) {
                .rates-blocks[_ngcontent-ng-c454760147] {
                    padding-left:16px
                }

                .rates-block[_ngcontent-ng-c454760147] {
                    padding: 20px 28px;
                    width: 262px
                }

                .rates-block-name-token[_ngcontent-ng-c454760147] {
                    font: var(--headlineHeadlineM)
                }

                .rates-block-wrap[_ngcontent-ng-c454760147] {
                    padding: 64px 0
                }
            }

            .rates-block-content-swap.loading[_ngcontent-ng-c454760147] {
                opacity: .5
            }
        
        
            [_nghost-ng-c1964449522] {
                display: block
            }

            .networks-block[_ngcontent-ng-c1964449522] {
                text-align: center;
                align-items: center
            }

            .networks-title[_ngcontent-ng-c1964449522] {
                font: var(--displayDisplayM);
                color: var(--typographyBasePrimary);
                margin-bottom: 20px;
                width: 100%;
                text-align: center;
                max-width: 852px
            }

            .networks-text[_ngcontent-ng-c1964449522] {
                font: var(--bodyBodyLRegular);
                color: var(--typographyBaseSecondary)
            }

            .pc-root[_ngcontent-ng-c1964449522] {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 110vh;
                position: relative;
                overflow: hidden;
                contain: layout paint size;
                --root-bg: --surfacesBaseSubtle;
                background-color: var(--root-bg);
                transition: background-color .8s;
                padding: 80px 0
            }

            .pc-stage[_ngcontent-ng-c1964449522] {
                position: absolute;
                inset: 0;
                transform: translateZ(0)
            }

            .pc-layer[_ngcontent-ng-c1964449522] {
                position: absolute;
                top: 0;
                background: var(--surfacesBaseSubtle);
                font: var(--fontFamilyText);
                color: var(--typographyConstantPrimaryConstantBlack);
                padding: 24px;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .network-layer[_ngcontent-ng-c1964449522] {
                will-change: transform;
                width: var(--layer-width);
                height: var(--layer-height);
                left: var(--layer-left);
                z-index: var(--layer-z)
            }

            .network-image[_ngcontent-ng-c1964449522] {
                width: 48px;
                height: 48px;
                color: var(--typographyBasePrimary)
            }

            .network-name[_ngcontent-ng-c1964449522] {
                font: var(--bodyBodyMRegular);
                color: var(--typographyBasePrimary);
                text-align: left;
                white-space: nowrap;
                align-self: flex-start;
                position: absolute;
                bottom: 24px;
                left: 24px
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(1):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(1):focus) {
                --root-bg: var(--rainbowAzure)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(2):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(2):focus) {
                --root-bg: var(--rainbowGoldenHour)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(3):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(3):focus) {
                --root-bg: var(--rainbowRoyalPurple)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(4):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(4):focus) {
                --root-bg: var(--rainbowFlame)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(5):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(5):focus) {
                --root-bg: var(--rainbowTeal)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(6):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(6):focus) {
                --root-bg: var(--rainbowMint)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(7):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(7):focus) {
                --root-bg: var(--rainbowFlame)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(8):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(8):focus) {
                --root-bg: var(--rainbowEmerald)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(9):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(9):focus) {
                --root-bg: var(--rainbowOcean)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(10):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(10):focus) {
                --root-bg: var(--rainbowSunrise)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(11):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(11):focus) {
                --root-bg: var(--rainbowRose)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(12):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(12):focus) {
                --root-bg: var(--rainbowFlame)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(13):hover), .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:nth-child(13):focus) {
                --root-bg: var(--rainbowBubblegum)
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:hover) .pc-layer[_ngcontent-ng-c1964449522] {
                opacity: .2!important
            }

            .pc-root[_ngcontent-ng-c1964449522]:has(.pc-layer:hover) .pc-layer[_ngcontent-ng-c1964449522]:hover {
                opacity: 1!important
            }

            @media(max-width: 601px) {
                .network-name[_ngcontent-ng-c1964449522] {
                    display:none
                }
            }
        
        
            [_nghost-ng-c3027324160] {
                min-height: 100vh;
                display: flex;
                align-content: space-between;
                box-sizing: border-box;
                position: relative;
                overflow: hidden;
                padding: 0
            }

            .stats-bg[_ngcontent-ng-c3027324160] {
                position: absolute;
                inset: 0;
                z-index: -1;
                object-fit: cover;
                width: 100%;
                min-height: 900px
            }

            .stats-header[_ngcontent-ng-c3027324160] {
                height: auto;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                position: relative;
                z-index: 1;
                width: 100%
            }

            .content-block[_ngcontent-ng-c3027324160] {
                width: 100%
            }

            @media(max-width: 1280px) {
                [_nghost-ng-c3027324160] {
                    background:var(--coloredBlueBrand);
                    height: fit-content;
                    min-height: 30vh;
                    padding: 0
                }

                .stats-bg[_ngcontent-ng-c3027324160] {
                    display: none
                }

                .stats-header[_ngcontent-ng-c3027324160] {
                    background: transparent
                }

                .content-block[_ngcontent-ng-c3027324160] {
                    padding: 0
                }

                .photo-content-wrap[_ngcontent-ng-c3027324160] {
                    height: 300px
                }
            }
        
        
            .stats-header[_ngcontent-ng-c3732835486] {
                height: 100vh;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 80px 0
            }

            .stats-header-title[_ngcontent-ng-c3732835486] {
                font: var(--headlineHeadlineL);
                color: var(--typographyConstantPrimaryConstantWhite);
                margin-bottom: 12px;
                margin-top: 0
            }

            .stats-header-text[_ngcontent-ng-c3732835486] {
                font: var(--headlineHeadlineL);
                color: var(--typographyConstantSecondaryConstantWhite);
                margin: 0
            }

            .stats[_ngcontent-ng-c3732835486] {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

            .stat-wrap[_ngcontent-ng-c3732835486] {
                display: flex;
                flex-direction: column;
                gap: 12px
            }

            .stat-value[_ngcontent-ng-c3732835486] {
                font: var(--specialOtherAccent);
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .stat-label[_ngcontent-ng-c3732835486] {
                font: var(--headlineHeadlineM);
                color: var(--typographyConstantPrimaryConstantWhite);
                margin: 0
            }

            @media(max-width: 1280px) {
                .stats-header[_ngcontent-ng-c3732835486] {
                    height:100%;
                    padding: 64px 0;
                    gap: 64px
                }

                .title-section[_ngcontent-ng-c3732835486] {
                    margin-bottom: 40px
                }

                .stats-header-title[_ngcontent-ng-c3732835486] {
                    font: var(--headlineHeadlineM);
                    text-align: start;
                    margin-bottom: 16px
                }

                .stats-header-text[_ngcontent-ng-c3732835486] {
                    font: var(--bodyBodyLRegular);
                    line-height: 1.5;
                    margin: 0
                }

                .stats-header-text[_ngcontent-ng-c3732835486] br[_ngcontent-ng-c3732835486] {
                    display: none
                }

                .stat-wrap[_ngcontent-ng-c3732835486] {
                    width: 100%!important;
                    margin: 0!important;
                    gap: 0
                }

                .stat-value[_ngcontent-ng-c3732835486] {
                    font: var(--specialOtherAccent);
                    font-size: 64px;
                    line-height: 1.1;
                    margin-bottom: 8px
                }

                .stat-label[_ngcontent-ng-c3732835486] {
                    font: var(--bodyBodyLRegular);
                    margin: 0
                }
            }

            @media(max-width: 900px) {
                .stats[_ngcontent-ng-c3732835486] {
                    flex-direction:column;
                    gap: 52px;
                    align-items: flex-start
                }
            }
        
        
            [_nghost-ng-c3118287492] {
                display: block;
                margin: 120px 0
            }

            .security-block-wrap[_ngcontent-ng-c3118287492] {
                align-items: end
            }

            .security-title[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineL);
                color: var(--typographyBasePrimary);
                margin: 0 0 12px;
                max-width: 400px
            }

            .security-text[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineL);
                color: var(--typographyBaseSecondary);
                margin: 0 0 80px;
                max-width: 594px
            }

            .security-buttons[_ngcontent-ng-c3118287492] {
                display: flex;
                flex-direction: row;
                gap: 4px;
                flex-wrap: wrap;
                min-height: 52px;
                justify-content: flex-start;
                margin-top: 24px
            }

            .heading-button-content[_ngcontent-ng-c3118287492] {
                margin: 0;
                font: var(--buttonButtonMRegular)
            }

            .security-subtext[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBaseSecondary);
                display: flex;
                flex-direction: column;
                gap: 60px;
                margin-top: 48px
            }

            .security-subtext[_ngcontent-ng-c3118287492] p[_ngcontent-ng-c3118287492] {
                margin: 0
            }

            .security-subtext[_ngcontent-ng-c3118287492] p[_ngcontent-ng-c3118287492] > span[_ngcontent-ng-c3118287492]:first-child {
                color: var(--typographyBasePrimary)
            }

            .security-subtext_0[_ngcontent-ng-c3118287492] {
                max-width: 372px
            }

            .security-subtext_1[_ngcontent-ng-c3118287492] {
                max-width: 428px
            }

            .security-subtext_2[_ngcontent-ng-c3118287492] {
                max-width: 549px
            }

            .security-button-learn[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBaseLink);
                display: flex;
                gap: 8px;
                cursor: pointer;
                text-decoration: none;
                margin-top: 60px
            }

            .security-button-learn[_ngcontent-ng-c3118287492]:hover {
                opacity: .7
            }

            .scan-icon-wrap[_ngcontent-ng-c3118287492] {
                display: flex;
                width: 100%;
                aspect-ratio: 1/1;
                max-width: 300px;
                padding: 0 34px;
                justify-content: center;
                align-items: center;
                background: var(--surfacesBaseSubtle);
                border-radius: 50%
            }

            .scan-icon-wrap_empty[_ngcontent-ng-c3118287492] {
                background: transparent;
                border: 2px dashed var(--surfacesBaseDivider);
                opacity: .3
            }

            .security-icons-container[_ngcontent-ng-c3118287492] {
                display: grid;
                grid-template-columns: 3fr 8px 3fr;
                align-items: center;
                position: relative;
                bottom: 0;
                gap: 25px
            }

            .scan-icon-size[_ngcontent-ng-c3118287492] {
                display: block;
                color: var(--typographyBasePrimary)
            }

            .scan-icon-media[_ngcontent-ng-c3118287492] {
                width: 100%;
                height: auto;
                max-width: 80%;
                max-height: 80%;
                color: var(--typographyBasePrimary);
                display: block;
                object-fit: contain
            }

            body.dark-theme[_nghost-ng-c3118287492] .scan-icon-media[_ngcontent-ng-c3118287492], body.dark-theme [_nghost-ng-c3118287492] .scan-icon-media[_ngcontent-ng-c3118287492] {
                filter: invert(1)
            }

            .icon-learn-more[_ngcontent-ng-c3118287492] {
                margin-bottom: 12px
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-block-wrap-horizontal[_ngcontent-ng-c3118287492] {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                width: 100%
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-icons-left[_ngcontent-ng-c3118287492] {
                display: flex;
                flex-direction: row;
                gap: 75px;
                align-items: center;
                flex-shrink: 0
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .scan-icon-wrap-horizontal[_ngcontent-ng-c3118287492] {
                display: flex;
                justify-content: center;
                align-items: center;
                background: var(--backgroundBase);
                border-radius: 50%
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-content-horizontal[_ngcontent-ng-c3118287492] {
                display: flex;
                flex-direction: column;
                gap: 60px
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-feature[_ngcontent-ng-c3118287492] {
                width: 100%;
                margin-bottom: 0
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-feature-title[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBasePrimary);
                margin: 0;
                display: inline
            }

            .security-block.side-by-side[_ngcontent-ng-c3118287492] .security-feature-text[_ngcontent-ng-c3118287492] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBaseSecondary);
                margin: 0;
                display: inline
            }

            @media(max-width: 1280px) {
                [_nghost-ng-c3118287492] {
                    margin:80px 0
                }

                .circle-container[_ngcontent-ng-c3118287492] {
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                .security-buttons[_ngcontent-ng-c3118287492] {
                    justify-content: space-around
                }

                .security-title[_ngcontent-ng-c3118287492] {
                    max-width: 100%
                }

                .security-text[_ngcontent-ng-c3118287492] {
                    margin-bottom: 60px;
                    max-width: 100%
                }

                .security-subtext[_ngcontent-ng-c3118287492] {
                    margin-top: 40px;
                    padding: 0;
                    gap: 40px
                }

                .security-subtext_0[_ngcontent-ng-c3118287492], .security-subtext_1[_ngcontent-ng-c3118287492], .security-subtext_2[_ngcontent-ng-c3118287492] {
                    max-width: 100%
                }

                .security-icons-container[_ngcontent-ng-c3118287492] {
                    padding-right: 0
                }
            }

            .scan-icon-wrap-more[_ngcontent-ng-c3118287492] {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .security-block-more-circle[_ngcontent-ng-c3118287492] {
                display: flex;
                align-items: center;
                gap: 4px;
                font: var(--bodyBodyL);
                color: var(--typographyBaseLink);
                background: var(--surfacesBaseSubtle);
                text-decoration: none;
                transition: opacity .2s ease
            }

            .security-block-more-circle[_ngcontent-ng-c3118287492]:hover {
                opacity: .7;
                text-decoration: none
            }

            .more-icon[_ngcontent-ng-c3118287492] {
                margin-bottom: 16px
            }

            @media(max-width: 601px) {
                [_nghost-ng-c3118287492] {
                    margin:64px 0
                }

                .security-icons-container[_ngcontent-ng-c3118287492] {
                    padding-right: 0;
                    padding-left: 0;
                    gap: 0
                }

                .security-title[_ngcontent-ng-c3118287492] {
                    margin: 0 0 8px
                }

                .security-text[_ngcontent-ng-c3118287492] {
                    margin-bottom: 64px
                }

                .security-buttons[_ngcontent-ng-c3118287492] {
                    gap: 8px;
                    min-height: auto;
                    flex-direction: column
                }

                .security-buttons[_ngcontent-ng-c3118287492] button[_ngcontent-ng-c3118287492] {
                    width: 100%;
                    padding: 12px 20px
                }

                .security-block-wrap[_ngcontent-ng-c3118287492] {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 40px
                }

                .security-block-wrap-horizontal[_ngcontent-ng-c3118287492] {
                    flex-direction: column-reverse;
                    align-items: flex-start!important;
                    gap: 40px
                }

                .scan-icon-wrap[_ngcontent-ng-c3118287492] {
                    padding: 0 18px
                }

                .security-button-learn[_ngcontent-ng-c3118287492] {
                    margin-top: 0;
                    margin-bottom: 0
                }

                .security-subtext[_ngcontent-ng-c3118287492] {
                    gap: 24px
                }

                .security-subtext[_ngcontent-ng-c3118287492] p[_ngcontent-ng-c3118287492] > span[_ngcontent-ng-c3118287492]:first-child {
                    display: block;
                    margin-bottom: 4px
                }

                .scan-icon-wrap[_ngcontent-ng-c3118287492] {
                    padding: 0 16px
                }

                .scan-icon-media[_ngcontent-ng-c3118287492] {
                    padding: 16px
                }

                .security-icons-left[_ngcontent-ng-c3118287492] {
                    justify-content: space-between!important;
                    gap: 1px!important
                }

                .security-icons-container[_ngcontent-ng-c3118287492] {
                    padding-bottom: 8px;
                    width: 100%;
                    bottom: 0
                }
            }

            @media(max-width: 360px) {
                [_nghost-ng-c3118287492] {
                    margin:40px 0
                }

                .security-buttons[_ngcontent-ng-c3118287492] button[_ngcontent-ng-c3118287492] {
                    padding: 10px 16px
                }

                .security-subtext[_ngcontent-ng-c3118287492] {
                    gap: 20px
                }

                .security-icons-container[_ngcontent-ng-c3118287492] {
                    margin-top: 20px
                }

                .scan-icon-media[_ngcontent-ng-c3118287492] {
                    padding: 12px
                }
            }
        
        
            [_nghost-ng-c3224887968] {
                display: block
            }

            .scroll-wrapper[_ngcontent-ng-c3224887968] {
                position: relative
            }

            .sticky-container[_ngcontent-ng-c3224887968] {
                position: sticky;
                top: 0;
                height: 100vh;
                display: flex;
                flex-direction: column;
                justify-content: center;
                overflow: hidden;
                padding: 40px 0;
                box-sizing: border-box;
                background: var(--surfacesBaseDefault)
            }

            .header-wrap[_ngcontent-ng-c3224887968] {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                gap: 20px
            }

            .ecosystem-title[_ngcontent-ng-c3224887968] {
                font: var(--displayDisplayM);
                color: var(--typographyBasePrimary);
                margin: 0
            }

            .ecosystem-title[_ngcontent-ng-c3224887968] p[_ngcontent-ng-c3224887968] {
                margin: 0
            }

            .ecosystem-text[_ngcontent-ng-c3224887968] {
                font: var(--bodyBodyLRegular);
                color: var(--typographyBaseSecondary);
                margin: 0
            }

            .eco-cards-container[_ngcontent-ng-c3224887968] {
                width: 100%;
                position: relative;
                margin-top: 80px;
                overflow: hidden
            }

            .eco-cards[_ngcontent-ng-c3224887968] {
                display: flex;
                will-change: transform
            }

            .eco-card[_ngcontent-ng-c3224887968] {
                position: relative;
                padding: 56px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                box-sizing: border-box;
                background: var(--surfacesBaseSubtle);
                transition: background-color .3s ease;
                flex: 0 0 auto;
                width: 640px;
                height: 540px;
                cursor: pointer
            }

            .eco-card-title[_ngcontent-ng-c3224887968] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBasePrimary);
                margin: 0
            }

            .eco-card-text[_ngcontent-ng-c3224887968] {
                font: var(--headlineHeadlineM);
                color: var(--typographyBaseSecondary)
            }

            .eco-card-label[_ngcontent-ng-c3224887968] {
                padding: 4px 8px;
                font: var(--buttonButtonMBold);
                color: var(--typographyInvertedPrimaryInverted);
                background-color: var(--surfacesInvertedDefaultInverted);
                width: fit-content;
                margin-bottom: 28px
            }

            .eco-card-button-link[_ngcontent-ng-c3224887968] {
                text-decoration: none;
                display: inline-block
            }

            .eco-card-button[_ngcontent-ng-c3224887968] {
                width: fit-content;
                cursor: pointer;
                transition: opacity .3s ease
            }

            .eco-card-button[_ngcontent-ng-c3224887968]:hover {
                opacity: .7
            }

            .card-wallet[_ngcontent-ng-c3224887968]:before, .card-portfolio[_ngcontent-ng-c3224887968]:before, .card-card[_ngcontent-ng-c3224887968]:before, .card-dev-portal[_ngcontent-ng-c3224887968]:before, .card-swap[_ngcontent-ng-c3224887968]:before {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                background-repeat: no-repeat;
                background-position: right bottom;
                background-size: contain;
                opacity: 0;
                transition: opacity .3s ease;
                pointer-events: none
            }

            .card-wallet[_ngcontent-ng-c3224887968]:hover, .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover), .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) {
                background-color: var(--coloredGreenBrand)
            }

            .card-wallet[_ngcontent-ng-c3224887968]:hover .eco-card-title[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-title[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-title[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .card-wallet[_ngcontent-ng-c3224887968]:hover .eco-card-text[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-text[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-text[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantSecondaryConstantBlack)
            }

            .card-wallet[_ngcontent-ng-c3224887968]:hover .eco-card-button[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-button[_ngcontent-ng-c3224887968], .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-button[_ngcontent-ng-c3224887968] {
                background-color: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important;
                border-color: var(--commonPrimaryConstantBlack)!important
            }

            .card-wallet[_ngcontent-ng-c3224887968]:hover:before, .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover):before, .card-wallet[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover):before {
                opacity: 1
            }

            .card-portfolio[_ngcontent-ng-c3224887968]:hover, .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover), .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) {
                background-color: var(--coloredMintBrand)
            }

            .card-portfolio[_ngcontent-ng-c3224887968]:hover .eco-card-title[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-title[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-title[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .card-portfolio[_ngcontent-ng-c3224887968]:hover .eco-card-text[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-text[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-text[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantSecondaryConstantBlack)
            }

            .card-portfolio[_ngcontent-ng-c3224887968]:hover .eco-card-button[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-button[_ngcontent-ng-c3224887968], .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-button[_ngcontent-ng-c3224887968] {
                background-color: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important;
                border-color: var(--commonPrimaryConstantBlack)!important;
                font: var(--buttonButtonMBold)
            }

            .card-portfolio[_ngcontent-ng-c3224887968]:hover:before, .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover):before, .card-portfolio[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover):before {
                opacity: 1
            }

            .card-card[_ngcontent-ng-c3224887968]:hover, .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover), .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) {
                background-color: var(--coloredYellowBrand)
            }

            .card-card[_ngcontent-ng-c3224887968]:hover .eco-card-title[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-title[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-title[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .card-card[_ngcontent-ng-c3224887968]:hover .eco-card-text[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-text[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-text[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantSecondaryConstantBlack)
            }

            .card-card[_ngcontent-ng-c3224887968]:hover .eco-card-button[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-button[_ngcontent-ng-c3224887968], .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-button[_ngcontent-ng-c3224887968] {
                background-color: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important;
                border-color: var(--commonPrimaryConstantBlack)!important
            }

            .card-card[_ngcontent-ng-c3224887968]:hover:before, .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover):before, .card-card[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover):before {
                opacity: 1
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover, .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover), .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) {
                background-color: var(--surfacesInvertedZeroInverted)
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover .eco-card-title[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-title[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-title[_ngcontent-ng-c3224887968] {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover .eco-card-text[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-text[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-text[_ngcontent-ng-c3224887968] {
                color: var(--typographyInvertedSecondaryInverted)
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover .eco-card-label[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-label[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-label[_ngcontent-ng-c3224887968] {
                background-color: var(--surfacesBaseDefault);
                color: var(--typographyBasePrimary)
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover .eco-card-button[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-button[_ngcontent-ng-c3224887968], .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-button[_ngcontent-ng-c3224887968] {
                background-color: var(--commonPrimaryInverted)!important;
                color: var(--typographyBasePrimary)!important
            }

            .card-dev-portal[_ngcontent-ng-c3224887968]:hover:before, .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover):before, .card-dev-portal[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover):before {
                opacity: 1
            }

            .card-swap[_ngcontent-ng-c3224887968]:hover, .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover), .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) {
                background-color: var(--coloredBlueBrand)
            }

            .card-swap[_ngcontent-ng-c3224887968]:hover .eco-card-title[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-title[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-title[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .card-swap[_ngcontent-ng-c3224887968]:hover .eco-card-text[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-text[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-text[_ngcontent-ng-c3224887968] {
                color: var(--typographyConstantSecondaryConstantWhite)
            }

            .card-swap[_ngcontent-ng-c3224887968]:hover .eco-card-button[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover) .eco-card-button[_ngcontent-ng-c3224887968], .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover) .eco-card-button[_ngcontent-ng-c3224887968] {
                background-color: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important;
                border-color: var(--commonPrimaryConstantBlack)!important
            }

            .card-swap[_ngcontent-ng-c3224887968]:hover:before, .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button:hover):before, .card-swap[_ngcontent-ng-c3224887968]:has(.eco-card-button-link:hover):before {
                opacity: 1
            }

            @media(max-width: 1280px) {
                .eco-card[_ngcontent-ng-c3224887968] {
                    padding:24px
                }
            }

            @media(max-width: 601px) {
                .sticky-container[_ngcontent-ng-c3224887968] {
                    padding:32px 0
                }

                .ecosystem-title[_ngcontent-ng-c3224887968] {
                    margin: 0
                }

                .eco-cards[_ngcontent-ng-c3224887968] {
                    padding: 0 0 0 8px
                }

                .eco-cards-container[_ngcontent-ng-c3224887968] {
                    margin-top: 40px
                }

                .eco-card[_ngcontent-ng-c3224887968] {
                    width: 340px;
                    height: 380px;
                    margin-right: 8px
                }
            }
        
        
            [_nghost-ng-c3391658694] {
                display: block;
                margin-top: 80px;
                margin-bottom: 80px
            }

            .faq-wrap[_ngcontent-ng-c3391658694] {
                gap: 4px
            }

            .faq-title[_ngcontent-ng-c3391658694] {
                font: var(--headlineHeadlineL);
                color: var(--typographyBasePrimary);
                text-align: start;
                margin: 0
            }

            .faq-items[_ngcontent-ng-c3391658694] {
                display: flex;
                flex-direction: column;
                gap: 40px;
                padding-top: 7px
            }

            .item[_ngcontent-ng-c3391658694] {
                display: grid;
                grid-template-columns: 24px 1fr;
                grid-template-rows: auto auto;
                column-gap: 42px;
                row-gap: 0;
                cursor: pointer;
                align-items: center;
                transition: row-gap .3s ease
            }

            .item[_ngcontent-ng-c3391658694]:hover .toggle-icon[_ngcontent-ng-c3391658694], .item[_ngcontent-ng-c3391658694]:hover .question-text[_ngcontent-ng-c3391658694] {
                opacity: .7
            }

            .item.expanded[_ngcontent-ng-c3391658694] {
                row-gap: 20px;
                padding-bottom: 20px
            }

            @media(max-width: 600px) {
                .item[_ngcontent-ng-c3391658694] {
                    column-gap:20px
                }
            }

            .toggle-icon[_ngcontent-ng-c3391658694] {
                grid-column: 1;
                grid-row: 1;
                width: 24px;
                height: 24px;
                color: var(--typographyBasePrimary);
                transition: opacity .3s ease
            }

            .question-text[_ngcontent-ng-c3391658694] {
                grid-column: 2;
                grid-row: 1;
                font: var(--headlineHeadlineM);
                color: var(--typographyBasePrimary);
                margin: 0;
                transition: opacity .3s ease
            }

            .answer[_ngcontent-ng-c3391658694] {
                grid-column: 2;
                grid-row: 2;
                display: grid;
                grid-template-rows: 0fr;
                opacity: 0;
                transition: grid-template-rows .3s ease,opacity .3s ease;
                overflow: hidden
            }

            .item.expanded[_ngcontent-ng-c3391658694] .answer[_ngcontent-ng-c3391658694] {
                grid-template-rows: 1fr;
                opacity: 1
            }

            .answer-content[_ngcontent-ng-c3391658694] {
                font: var(--bodyBodyLRegular);
                color: var(--typographyBaseSecondary);
                min-height: 0;
                margin: 0
            }

            .faq-title-wrap[_ngcontent-ng-c3391658694] {
                max-width: 100%
            }

            .show-more-btn[_ngcontent-ng-c3391658694] {
                padding: 0;
                cursor: pointer;
                border: none;
                background: none;
                font: var(--headlineHeadlineM);
                color: var(--typographyBaseLink);
                margin-top: 20px;
                align-self: flex-start;
                margin-left: 66px;
                transition: opacity .3s ease
            }

            .show-more-btn[_ngcontent-ng-c3391658694]:hover {
                opacity: .7
            }

            @media(max-width: 1280px) {
                .faq-title[_ngcontent-ng-c3391658694] {
                    margin-bottom:40px
                }
            }

            @media(max-width: 601px) {
                [_nghost-ng-c3391658694] {
                    margin-top:64px;
                    margin-bottom: 64px
                }

                .faq-wrap[_ngcontent-ng-c3391658694] {
                    flex-direction: column;
                    gap: 0
                }

                .faq-items[_ngcontent-ng-c3391658694] {
                    padding: 0;
                    gap: 24px
                }

                .show-more-btn[_ngcontent-ng-c3391658694] {
                    margin: 8px 0 8px 44px
                }
            }
        
        
            .block-wrap[_ngcontent-ng-c234463293] {
                height: var(--height-big-button, 100vh);
                display: flex;
                flex-direction: column;
                justify-content: center;
                transition: background-color .4s ease;
                background-color: var(--backgroundBigButton)
            }

            .button-wrap[_ngcontent-ng-c234463293] {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center
            }

            .button-wrap[_ngcontent-ng-c234463293] .big-button[_ngcontent-ng-c234463293]:hover ~ .block-wrap[_ngcontent-ng-c234463293], .button-wrap .big-button:hover [_nghost-ng-c234463293] .block-wrap[_ngcontent-ng-c234463293] {
                background-color: var(--hoverBackground, transparent)
            }

            .block-wrap[_ngcontent-ng-c234463293]:has(.big-button:hover) {
                background-color: var(--hoverBackground)
            }

            .big-button[_ngcontent-ng-c234463293] {
                width: 734px;
                height: 262px;
                border-radius: 138.5px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                cursor: pointer;
                background-color: var(--buttonBackground, var(--commonPrimary));
                color: var(--buttonTextColor, var(--typographyInvertedPrimaryInverted));
                font: var(--headlineHeadlineL);
                transition: all .4s ease
            }

            .big-button[_ngcontent-ng-c234463293]:hover, .big-button[_ngcontent-ng-c234463293]:active, .big-button[_ngcontent-ng-c234463293]:focus {
                background-color: var(--hoverButtonBackground);
                color: var(--hoverButtonTextColor);
                text-decoration: none
            }

            .big-button-title[_ngcontent-ng-c234463293] {
                font: var(--displayDisplayM);
                color: var(--typographyConstantPrimaryConstantWhite);
                margin-bottom: 120px;
                text-align: center
            }

            @media(max-width: 900px) {
                .big-button[_ngcontent-ng-c234463293] {
                    width:336px;
                    height: 336px;
                    border-radius: 50%;
                    padding: 0 6px
                }
            }

            @media(max-width: 360px) {
                .big-button[_ngcontent-ng-c234463293] {
                    width:100%;
                    aspect-ratio: 1/1;
                    border-radius: 50%
                }

                .row[_ngcontent-ng-c234463293] {
                    display: block
                }
            }
        
        
            [_nghost-ng-c10301256] {
                display: block;
                width: 100%;
                height: calc(100vh - 72px);
                position: relative;
                z-index: 2;
                will-change: opacity;
                opacity: 1
            }

            @supports (animation-timeline: scroll()) {
                [_nghost-ng-c10301256] {
                    animation: fade-out-on-scroll linear both;
                    animation-timeline: scroll();
                    animation-range: 0vh 50vh
                }
            }

            @keyframes _ngcontent-ng-c10301256_fade-out-on-scroll {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0
                }
            }

            .start-screen[_ngcontent-ng-c10301256] {
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .main-block[_ngcontent-ng-c10301256] {
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 100%
            }

            .main-title[_ngcontent-ng-c10301256] {
                color: var(--typographyBasePrimary);
                font: var(--displayDisplayL);
                margin-bottom: 40px
            }

            .main-title.hide-margin[_ngcontent-ng-c10301256] {
                margin-bottom: 0
            }

            .main-label[_ngcontent-ng-c10301256] {
                display: inline-block;
                font: var(--headlineHeadlineM);
                color: var(--typographyConstantPrimaryConstantBlack);
                margin-bottom: 24px
            }

            .main-label.label-invert-color[_ngcontent-ng-c10301256] {
                color: var(--typographyBasePrimary)
            }

            .buttons-container[_ngcontent-ng-c10301256] {
                display: flex;
                gap: 16px;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap
            }

            .buttons-container[_ngcontent-ng-c10301256] a[_ngcontent-ng-c10301256] {
                text-decoration: none
            }

            .button-text[_ngcontent-ng-c10301256] {
                margin-top: 0;
                margin-bottom: 0
            }

            .start-screen-email-link[_ngcontent-ng-c10301256] {
                color: var(--typographyBaseLink);
                font: var(--displayDisplayL);
                text-decoration: none
            }

            .inverted-color[_nghost-ng-c10301256] .main-title[_ngcontent-ng-c10301256], .inverted-color [_nghost-ng-c10301256] .main-title[_ngcontent-ng-c10301256] {
                font: var(--displayDisplayL);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .inverted-color[_nghost-ng-c10301256] .main-label[_ngcontent-ng-c10301256], .inverted-color [_nghost-ng-c10301256] .main-label[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            .inverted-color[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256], .inverted-color [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] {
                background: var(--commonPrimaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantWhite)!important;
                border-color: var(--commonPrimaryConstantBlack)!important;
                cursor: pointer
            }

            .inverted-color[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256]:hover, .inverted-color [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256]:hover {
                background: var(--commonPrimaryConstantBlackHover)!important
            }

            .inverted-color[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] .button-text[_ngcontent-ng-c10301256], .inverted-color [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] .button-text[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantWhite)!important
            }

            .inverted-color[_nghost-ng-c10301256] .button-secondary-constant[_ngcontent-ng-c10301256], .inverted-color [_nghost-ng-c10301256] .button-secondary-constant[_ngcontent-ng-c10301256] {
                background: var(--commonSecondaryConstantBlack)!important;
                color: var(--typographyConstantPrimaryConstantBlack)!important;
                cursor: pointer
            }

            .white-text[_nghost-ng-c10301256] .main-title[_ngcontent-ng-c10301256], .white-text [_nghost-ng-c10301256] .main-title[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .white-text[_nghost-ng-c10301256] .main-label[_ngcontent-ng-c10301256], .white-text [_nghost-ng-c10301256] .main-label[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .white-text[_nghost-ng-c10301256] .start-screen-email-link[_ngcontent-ng-c10301256], .white-text [_nghost-ng-c10301256] .start-screen-email-link[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }

            .white-text[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256], .white-text [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] {
                background: var(--commonPrimaryConstantWhite)!important;
                color: var(--typographyConstantPrimaryConstantBlack)!important;
                border-color: var(--commonPrimaryConstantWhite)!important;
                cursor: pointer
            }

            .white-text[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256]:hover, .white-text [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256]:hover {
                background: var(--commonPrimaryConstantWhiteHover)!important
            }

            .white-text[_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] .button-text[_ngcontent-ng-c10301256], .white-text [_nghost-ng-c10301256] .button-invert-color[_ngcontent-ng-c10301256] .button-text[_ngcontent-ng-c10301256] {
                color: var(--typographyConstantPrimaryConstantBlack)!important
            }
        
        
            [_nghost-ng-c1175100743] {
                display: block
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] {
                height: 100vh;
                display: flex;
                align-items: center;
                padding-bottom: 72px;
                position: relative;
                transform: translateZ(0);
                will-change: transform;
                overscroll-behavior-y: contain;
                justify-content: space-between
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .title[_ngcontent-ng-c1175100743], .start-screen-slider[_ngcontent-ng-c1175100743] .text[_ngcontent-ng-c1175100743] {
                display: block
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .title[_ngcontent-ng-c1175100743] {
                color: var(--typographyConstantPrimaryConstantBlack);
                font: var(--headlineHeadlineL);
                margin-bottom: 12px;
                max-width: 482px
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .text[_ngcontent-ng-c1175100743] {
                font: var(--headlineHeadlineL);
                margin-bottom: 0;
                max-width: 482px
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .left-col[_ngcontent-ng-c1175100743] {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .block-title[_ngcontent-ng-c1175100743] {
                color: var(--typographyConstantPrimaryConstantBlack);
                font: var(--headlineHeadlineL);
                display: block;
                margin: 72px 0 0
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .block-subtitle[_ngcontent-ng-c1175100743] {
                color: var(--typographyConstantPrimaryConstantBlack);
                font: var(--headlineHeadlineS);
                display: block;
                margin-top: 12px
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .right-col[_ngcontent-ng-c1175100743] {
                height: 100%;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .right-col-content[_ngcontent-ng-c1175100743] {
                display: flex;
                gap: 20px;
                align-items: center;
                justify-content: flex-end
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .right-col-content[_ngcontent-ng-c1175100743] button[_ngcontent-ng-c1175100743] {
                margin-left: 20px
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743] {
                font: var(--headlineHeadlineL);
                line-height: 30px;
                color: #0006;
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none;
                transition: color .2s ease,transform .1s ease;
                outline: none
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743]:hover:not(.active) {
                color: #0009
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743]:active:not(.active) {
                transform: scale(.95)
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743]:focus-visible {
                outline: 2px solid currentColor;
                outline-offset: 4px;
                border-radius: 4px
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .slide-number.active[_ngcontent-ng-c1175100743] {
                position: relative;
                color: #0006;
                transition: none;
                background: linear-gradient(to top,#0006 0% 50%,#000 50% 100%);
                background-size: 100% 200%;
                background-position: 0 100%;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation-name: _ngcontent-ng-c1175100743_fillUp;
                animation-duration: calc(var(--animation-duration, 5s) + 4s);
                animation-timing-function: cubic-bezier(.4,0,.4,1);
                animation-fill-mode: forwards
            }

            @keyframes _ngcontent-ng-c1175100743_fillUp {
                0% {
                    background-position: 0 100%
                }

                to {
                    background-position: 0 0%
                }
            }

            .start-screen-slider[_ngcontent-ng-c1175100743] .rotator[_ngcontent-ng-c1175100743] {
                position: relative;
                display: flex;
                flex-direction: column
            }

            .change-color[_ngcontent-ng-c1175100743] .text[_ngcontent-ng-c1175100743] {
                color: var(--typographyBasePrimary);
                opacity: .4
            }

            .text[_ngcontent-ng-c1175100743] {
                color: var(--typographyConstantSecondaryConstantBlack)
            }

            .animation-lottie[_ngcontent-ng-c1175100743] {
                width: 100%
            }

            @media(max-width: 1280px) {
                .start-screen-slider[_ngcontent-ng-c1175100743] {
                    display:flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: end;
                    padding-bottom: 40px;
                    flex-wrap: nowrap;
                    min-height: 100vh;
                    height: auto
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .lottie[_ngcontent-ng-c1175100743] {
                    max-height: 50%;
                    position: absolute;
                    inset: 40px 0 50%
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .right-col[_ngcontent-ng-c1175100743] {
                    width: 100%;
                    justify-content: center;
                    height: auto
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .left-col[_ngcontent-ng-c1175100743] {
                    justify-content: flex-end
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .right-col-content[_ngcontent-ng-c1175100743] {
                    width: 100%;
                    justify-content: center;
                    margin-top: 20px
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .block-title[_ngcontent-ng-c1175100743] {
                    margin-top: 16px
                }

                .lottie[_ngcontent-ng-c1175100743] {
                    order: -1
                }
            }

            @media(max-width: 900px) {
                .tb-hidden[_ngcontent-ng-c1175100743] {
                    display:none
                }
            }

            @media(max-width: 601px) {
                .start-screen-slider[_ngcontent-ng-c1175100743] .right-col[_ngcontent-ng-c1175100743] {
                    width:100%;
                    justify-content: start
                }

                .start-screen-slider[_ngcontent-ng-c1175100743] .right-col-content[_ngcontent-ng-c1175100743] {
                    width: 100%;
                    justify-content: space-between;
                    margin-top: 20px
                }
            }

            .dark-theme[_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743], .dark-theme [_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743] {
                color: #fff3
            }

            .dark-theme[_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743]:hover:not(.active), .dark-theme [_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number[_ngcontent-ng-c1175100743]:hover:not(.active) {
                color: #fff9
            }

            .dark-theme[_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number.active[_ngcontent-ng-c1175100743], .dark-theme [_nghost-ng-c1175100743] .change-color[_ngcontent-ng-c1175100743] .slide-number.active[_ngcontent-ng-c1175100743] {
                color: #fff3;
                background: linear-gradient(to top,#fff3 0% 50%,#fff 50% 100%);
                background-size: 100% 200%;
                background-position: 0 100%;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation-name: _ngcontent-ng-c1175100743_fillUp;
                animation-duration: calc(var(--animation-duration, 5s) + 4s);
                animation-timing-function: cubic-bezier(.2,0,.2,1);
                animation-fill-mode: forwards
            }

            .start-screen-slider[data-text-color=adaptive][_ngcontent-ng-c1175100743] .title[_ngcontent-ng-c1175100743], .start-screen-slider[data-text-color=adaptive][_ngcontent-ng-c1175100743] .block-title[_ngcontent-ng-c1175100743] {
                color: var(--typographyBasePrimary)
            }

            .start-screen-slider[data-text-color=white][_ngcontent-ng-c1175100743] .title[_ngcontent-ng-c1175100743], .start-screen-slider[data-text-color=white][_ngcontent-ng-c1175100743] .block-title[_ngcontent-ng-c1175100743] {
                color: var(--typographyConstantPrimaryConstantWhite)
            }
        
        
            [_nghost-ng-c2008216733] {
                display: block;
                min-height: 100vh;
                margin-top: -72px;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }

            .container[_ngcontent-ng-c2008216733] {
                position: relative;
                -webkit-overflow-scrolling: touch;
                backface-visibility: hidden;
                overscroll-behavior: none;
                overscroll-behavior-y: none
            }

            oi-main-block[_ngcontent-ng-c2008216733] {
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 72px;
                transform: translateZ(0);
                will-change: transform;
                overscroll-behavior-y: contain;
                overscroll-behavior-block: none
            }

            oi-start-slider[_ngcontent-ng-c2008216733] {
                margin-top: -43vh
            }

            @media(max-width: 1280px) {
                oi-start-slider[_ngcontent-ng-c2008216733] {
                    margin-top:-25vh
                }
            }
        
        
            [_nghost-ng-c2542645060] {
                display: flex;
                flex-direction: column;
                max-width: 395px;
                height: 184px;
                background-color: var(--surfacesInvertedZeroInverted);
                padding: 16px;
                animation: _ngcontent-ng-c2542645060_slideUp .3s ease-out;
                box-shadow: -2px -2px 6px color-mix(in srgb,var(--typographyInvertedPrimaryInverted) 20%,transparent)
            }

            @media(max-width: 601px) {
                [_nghost-ng-c2542645060] {
                    max-width:calc(100% - 8px);
                    left: 4px
                }
            }

            .top-container[_ngcontent-ng-c2542645060] {
                display: flex;
                justify-content: space-between;
                gap: 16px
            }

            .close-btn[_ngcontent-ng-c2542645060] {
                cursor: pointer;
                color: var(--typographyInvertedPrimaryInverted);
                width: 24px;
                height: 24px;
                transition: opacity .2s ease-in-out
            }

            .close-btn[_ngcontent-ng-c2542645060]:hover {
                opacity: .6
            }

            .cookies-text[_ngcontent-ng-c2542645060] {
                margin: 0 0 16px;
                color: var(--typographyInvertedPrimaryInverted)
            }

            .cookies-link[_ngcontent-ng-c2542645060] {
                display: inline-block;
                margin-bottom: 24px;
                color: var(--typographyBaseLink);
                text-decoration: none
            }

            .cookies-link[_ngcontent-ng-c2542645060]:hover {
                text-decoration: none
            }

            .cookies-actions[_ngcontent-ng-c2542645060] {
                display: flex;
                gap: 4px
            }

            @keyframes _ngcontent-ng-c2542645060_slideUp {
                0% {
                    transform: translateY(100%);
                    opacity: 0
                }

                to {
                    transform: translateY(0);
                    opacity: 1
                }
            }
        
        
            [_nghost-ng-c2877897645] {
                position: relative;
                z-index: 2
            }

            .footer-wrapper-color[_ngcontent-ng-c2877897645] {
                background: var(--surfacesInvertedZeroInverted);
                padding: 20px
            }

            .logo-icon[_ngcontent-ng-c2877897645] {
                max-width: 142px;
                filter: brightness(0)
            }

            body.light-theme[_nghost-ng-c2877897645] .logo-icon[_ngcontent-ng-c2877897645], body.light-theme [_nghost-ng-c2877897645] .logo-icon[_ngcontent-ng-c2877897645] {
                filter: brightness(0) invert(1)
            }

            .top-link-wrap[_ngcontent-ng-c2877897645] {
                display: flex
            }

            .built-on-text[_ngcontent-ng-c2877897645] {
                font: var(--bodyBodySRegular);
                color: var(--typographyInvertedTertiaryInverted);
                margin: 0;
                display: flex;
                align-items: center;
                gap: 4px
            }

            .column-wrap[_ngcontent-ng-c2877897645] {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                min-height: 369px;
                margin-top: 40px
            }

            .social-network-wrap-desktop[_ngcontent-ng-c2877897645] {
                display: grid;
                grid-template-columns: repeat(4,56px);
                grid-template-rows: repeat(3,56px);
                gap: 4px;
                position: relative;
                margin-top: auto
            }

            .social-network-wrap-mobile[_ngcontent-ng-c2877897645] {
                display: none
            }

            .social-network-item[_ngcontent-ng-c2877897645], .social-network-item-mobile[_ngcontent-ng-c2877897645] {
                background-color: var(--surfacesInvertedDefaultInverted);
                color: var(--typographyInvertedPrimaryInverted);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                text-decoration: none
            }

            .social-network-item[_ngcontent-ng-c2877897645] svg[_ngcontent-ng-c2877897645], .social-network-item-mobile[_ngcontent-ng-c2877897645] svg[_ngcontent-ng-c2877897645] {
                width: 24px;
                height: 24px;
                fill: currentColor
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(1), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(1) {
                grid-column: 1;
                grid-row: 1
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(2), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(2) {
                grid-column: 1;
                grid-row: 2
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(3), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(3) {
                grid-column: 2;
                grid-row: 2
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(4), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(4) {
                grid-column: 1;
                grid-row: 3
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(5), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(5) {
                grid-column: 2;
                grid-row: 3
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(6), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(6) {
                grid-column: 3;
                grid-row: 3
            }

            .social-network-item[_ngcontent-ng-c2877897645]:nth-child(7), .social-network-item-mobile[_ngcontent-ng-c2877897645]:nth-child(7) {
                grid-column: 4;
                grid-row: 3
            }

            .social-network-item[_ngcontent-ng-c2877897645]:hover {
                background-color: var(--surfacesInvertedSubtleInverted)
            }

            .footer-links[_ngcontent-ng-c2877897645] {
                display: grid;
                grid-template-columns: repeat(4,minmax(0,1fr));
                column-gap: 40px
            }

            .footer-links-underline-terms[_ngcontent-ng-c2877897645] {
                display: flex;
                justify-content: space-between;
                font: var(--bodyBodySRegular);
                color: var(--typographyBaseLink);
                text-decoration: none
            }

            .footer-links-underline-terms[_ngcontent-ng-c2877897645]:hover {
                opacity: .7
            }

            .footer-links-agreement[_ngcontent-ng-c2877897645] {
                font: var(--bodyBodySRegular);
                color: var(--typographyInvertedTertiaryInverted)
            }

            .footer-question[_ngcontent-ng-c2877897645] {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .footer-question-content[_ngcontent-ng-c2877897645] {
                width: 100%;
                display: flex;
                align-items: center
            }

            .footer-toggle-icon[_ngcontent-ng-c2877897645] {
                display: none;
                color: var(--typographyInvertedPrimaryInverted);
                transition: transform .15s ease-in-out
            }

            .footer-toggle-icon.rotated[_ngcontent-ng-c2877897645] {
                transform: rotate(180deg)
            }

            .footer-answer[_ngcontent-ng-c2877897645] {
                display: block;
                opacity: 1;
                overflow: visible
            }

            .footer-answer-content[_ngcontent-ng-c2877897645], .footer-list[_ngcontent-ng-c2877897645] {
                list-style: none;
                padding: 0;
                margin: 0;
                overflow: hidden
            }

            .footer-title[_ngcontent-ng-c2877897645], .subscribe-title[_ngcontent-ng-c2877897645] {
                color: var(--typographyInvertedPrimaryInverted);
                font: var(--bodyBodyLBold);
                margin: 0
            }

            .footer-title[_ngcontent-ng-c2877897645] {
                margin-bottom: 16px
            }

            .footer-list-item[_ngcontent-ng-c2877897645] {
                margin-bottom: 8px;
                line-height: 20px
            }

            .footer-link[_ngcontent-ng-c2877897645] {
                color: var(--typographyInvertedTertiaryInverted);
                font: var(--bodyBodySRegular);
                text-decoration: none;
                transition: color .2s
            }

            .footer-link[_ngcontent-ng-c2877897645]:hover {
                color: var(--typographyInvertedPrimaryInverted)
            }

            .subscribe-block[_ngcontent-ng-c2877897645] {
                display: flex;
                flex-direction: column;
                gap: 20px;
                max-width: 100%;
                color: var(--typographyInvertedPrimaryInverted);
                position: relative;
                top: 42px
            }

            .subscribe-button[_ngcontent-ng-c2877897645] {
                background: var(--surfacesInvertedDefaultInverted);
                border: none;
                border-radius: 44px;
                color: var(--typographyInvertedPrimaryInverted);
                font: var(--bodyBodyLBold);
                cursor: pointer;
                padding: 32px;
                width: 100%;
                box-sizing: border-box;
                transition: background-color .2s ease
            }

            .subscribe-button[_ngcontent-ng-c2877897645]:hover {
                background: var(--surfacesInvertedSubtleInverted)
            }

            .subscribe[_ngcontent-ng-c2877897645] {
                margin: 0
            }

            .footer-bottom[_ngcontent-ng-c2877897645] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                margin-top: 20px
            }

            .footer-links-left[_ngcontent-ng-c2877897645] {
                display: flex;
                gap: 40px
            }

            @media(max-width: 900px) {
                .footer-wrap[_ngcontent-ng-c2877897645], .terms-wrap[_ngcontent-ng-c2877897645] {
                    padding:0
                }

                .built-on-text[_ngcontent-ng-c2877897645] {
                    line-height: 1;
                    align-items: flex-end
                }

                .column-wrap[_ngcontent-ng-c2877897645] {
                    height: auto
                }

                .footer-links[_ngcontent-ng-c2877897645] {
                    display: flex;
                    flex-direction: column
                }

                .footer-answer-content[_ngcontent-ng-c2877897645], .footer-list[_ngcontent-ng-c2877897645] {
                    margin-top: 16px
                }

                .footer-list-item[_ngcontent-ng-c2877897645]:last-child {
                    margin-bottom: 24px
                }

                .subscribe-button[_ngcontent-ng-c2877897645] {
                    padding: 24px 16px
                }

                .footer-item[_ngcontent-ng-c2877897645] {
                    cursor: pointer
                }

                .footer-toggle-icon[_ngcontent-ng-c2877897645] {
                    display: flex
                }

                .footer-item[_ngcontent-ng-c2877897645] .footer-answer[_ngcontent-ng-c2877897645] {
                    display: grid;
                    grid-template-rows: 0fr;
                    opacity: 0;
                    transition: grid-template-rows .15s ease-in-out,opacity .15s ease-in-out;
                    overflow: hidden;
                    min-height: 24px
                }

                .footer-item[_ngcontent-ng-c2877897645] .footer-answer.expanded[_ngcontent-ng-c2877897645] {
                    grid-template-rows: 1fr;
                    opacity: 1
                }

                .footer-title[_ngcontent-ng-c2877897645] {
                    margin-bottom: 0
                }

                .social-network-wrap-desktop[_ngcontent-ng-c2877897645] {
                    display: none
                }

                .social-network-wrap-mobile[_ngcontent-ng-c2877897645] {
                    display: grid;
                    grid-template-columns: repeat(4,1fr);
                    grid-template-rows: repeat(3,1fr);
                    gap: 4px;
                    position: relative;
                    margin-top: 80px;
                    width: 100%;
                    max-width: 344px
                }

                .social-network-item-mobile[_ngcontent-ng-c2877897645] {
                    aspect-ratio: 1/1
                }

                .subscribe-title[_ngcontent-ng-c2877897645] {
                    margin-top: 16px
                }

                .subscribe-block[_ngcontent-ng-c2877897645] {
                    margin-top: 0
                }
            }

            @media(max-width: 601px) {
                .footer-wrapper-color[_ngcontent-ng-c2877897645] {
                    padding:12px 8px 20px 12px
                }

                .footer-wrap[_ngcontent-ng-c2877897645] {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    column-gap: 12px
                }

                .footer-wrap[_ngcontent-ng-c2877897645] div[_ngcontent-ng-c2877897645]:first-child, .footer-wrap[_ngcontent-ng-c2877897645] .top-link-wrap[_ngcontent-ng-c2877897645] {
                    flex: 0 0 auto;
                    max-width: none;
                    width: auto
                }

                .top-link-wrap[_ngcontent-ng-c2877897645] {
                    height: 32px;
                    align-items: flex-end
                }

                .logo-icon[_ngcontent-ng-c2877897645] {
                    max-width: 114px;
                    margin-bottom: 0
                }

                .column-wrap[_ngcontent-ng-c2877897645] {
                    margin-top: 0;
                    min-height: auto
                }

                .subscribe-block[_ngcontent-ng-c2877897645] {
                    gap: 8px;
                    top: 0
                }

                .footer-links-agreement[_ngcontent-ng-c2877897645] {
                    margin-top: 4px
                }

                .footer-links[_ngcontent-ng-c2877897645] {
                    margin-top: 32px;
                    gap: 0
                }

                .social-network-wrap-mobile[_ngcontent-ng-c2877897645] {
                    max-width: 100%;
                    margin-top: 40px
                }
            }
        
        
            .cdk-overlay-container,.cdk-global-overlay-wrapper {
                pointer-events: none;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%
            }

            .cdk-overlay-container {
                position: fixed
            }

            @layer cdk-overlay {
                .cdk-overlay-container {
                    z-index: 1000
                }
            }

            .cdk-overlay-container:empty {
                display: none
            }

            .cdk-global-overlay-wrapper {
                display: flex;
                position: absolute
            }

            @layer cdk-overlay {
                .cdk-global-overlay-wrapper {
                    z-index: 1000
                }
            }

            .cdk-overlay-pane {
                position: absolute;
                pointer-events: auto;
                box-sizing: border-box;
                display: flex;
                max-width: 100%;
                max-height: 100%
            }

            @layer cdk-overlay {
                .cdk-overlay-pane {
                    z-index: 1000
                }
            }

            .cdk-overlay-backdrop {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                pointer-events: auto;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                opacity: 0;
                touch-action: manipulation
            }

            @layer cdk-overlay {
                .cdk-overlay-backdrop {
                    z-index: 1000;
                    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)
                }
            }

            @media(prefers-reduced-motion) {
                .cdk-overlay-backdrop {
                    transition-duration: 1ms
                }
            }

            .cdk-overlay-backdrop-showing {
                opacity: 1
            }

            @media(forced-colors: active) {
                .cdk-overlay-backdrop-showing {
                    opacity: .6
                }
            }

            @layer cdk-overlay {
                .cdk-overlay-dark-backdrop {
                    background: rgba(0,0,0,.32)
                }
            }

            .cdk-overlay-transparent-backdrop {
                transition: visibility 1ms linear,opacity 1ms linear;
                visibility: hidden;
                opacity: 1
            }

            .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
                opacity: 0;
                visibility: visible
            }

            .cdk-overlay-backdrop-noop-animation {
                transition: none
            }

            .cdk-overlay-connected-position-bounding-box {
                position: absolute;
                display: flex;
                flex-direction: column;
                min-width: 1px;
                min-height: 1px
            }

            @layer cdk-overlay {
                .cdk-overlay-connected-position-bounding-box {
                    z-index: 1000
                }
            }

            .cdk-global-scrollblock {
                position: fixed;
                width: 100%;
                overflow-y: scroll
            }

            .cdk-overlay-popover {
                background: none;
                border: none;
                padding: 0;
                outline: 0;
                overflow: visible;
                position: fixed;
                pointer-events: none;
                white-space: normal;
                color: inherit;
                text-decoration: none;
                width: 100%;
                height: 100%;
                inset: auto;
                top: 0;
                left: 0
            }

            .cdk-overlay-popover::backdrop {
                display: none
            }

            .cdk-overlay-popover .cdk-overlay-backdrop {
                position: fixed;
                z-index: auto
            }
        
        
            [_nghost-ng-c2220164744] {
                display: flex;
                flex-direction: column;
                position: relative;
                margin: 4px;
                width: 528px
            }

            @media(max-width: 600px) {
                [_nghost-ng-c2220164744] {
                    margin:0;
                    width: 100%
                }
            }

            .sidebar-content[_ngcontent-ng-c2220164744] {
                width: 100%;
                height: 100%;
                overflow: hidden;
                background: var(--backgroundSecondary)
            }

            .close-button[_ngcontent-ng-c2220164744] {
                position: absolute;
                top: calc(50% - 28px);
                left: -60px
            }

            @media(max-width: 600px) {
                .close-button[_ngcontent-ng-c2220164744] {
                    width:40px;
                    height: 40px;
                    top: -44px;
                    left: calc(50% - 20px)
                }
            }
        
        
            [_nghost-ng-c4200219877] {
                display: block;
                height: 100%;
                overflow: scroll;
                scrollbar-width: none
            }

            [_nghost-ng-c4200219877]::-webkit-scrollbar {
                display: none
            }
        
        
            [_nghost-ng-c3910345201] {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 4px 4px 0;
                height: 100%
            }

            @media(max-width: 600px) {
                [_nghost-ng-c3910345201] {
                    height:auto;
                    min-height: 100%
                }
            }

            .header[_ngcontent-ng-c3910345201] {
                margin-top: 124px;
                margin-bottom: 68px;
                text-align: center
            }

            @media(max-width: 600px) {
                .header[_ngcontent-ng-c3910345201] {
                    margin-top:40px;
                    margin-bottom: 40px
                }
            }

            .title[_ngcontent-ng-c3910345201] {
                margin-bottom: 0;
                font: var(--headlineHeadlineL)
            }

            .subtitle[_ngcontent-ng-c3910345201] {
                margin-top: 12px;
                text-align: center;
                font: var(--bodyBodyLRegular);
                color: var(--typographyBaseSecondary)
            }

            @media(max-width: 600px) {
                .subtitle[_ngcontent-ng-c3910345201] {
                    margin-bottom:0
                }
            }

            .search[_ngcontent-ng-c3910345201] {
                width: 100%
            }

            .list[_ngcontent-ng-c3910345201] {
                width: 100%;
                margin-top: 20px;
                overflow: scroll;
                scrollbar-width: none
            }

            .list[_ngcontent-ng-c3910345201]::-webkit-scrollbar {
                display: none
            }

            @media(max-width: 600px) {
                .list[_ngcontent-ng-c3910345201] {
                    margin-top:0
                }
            }

            .last-highlighted[_ngcontent-ng-c3910345201] {
                margin-bottom: 20px
            }

            .more-wallets-button[_ngcontent-ng-c3910345201] {
                margin-top: 20px;
                margin-bottom: 16px
            }

            .terms[_ngcontent-ng-c3910345201] {
                margin-top: auto;
                margin-bottom: 16px;
                text-align: center;
                font: var(--bodyBodySRegular);
                color: var(--typographyBaseSecondary)
            }

            .terms[_ngcontent-ng-c3910345201] .last-update[_ngcontent-ng-c3910345201] {
                display: inline-block;
                margin-top: 8px
            }

            .empty-state[_ngcontent-ng-c3910345201] {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                font: var(--bodyBodyMRegular)
            }

            .empty-state[_ngcontent-ng-c3910345201] .empty-state-title[_ngcontent-ng-c3910345201] {
                margin-top: 24px
            }

            .empty-state[_ngcontent-ng-c3910345201] .empty-state-subtitle[_ngcontent-ng-c3910345201] {
                color: var(--typographyBaseSecondary)
            }
        
        
            [_nghost-ng-c3281594101] {
                display: flex;
                align-items: center;
                padding: 12px 16px;
                cursor: pointer;
                color: var(--typographyBasePrimary);
                height: 72px
            }

            [_nghost-ng-c3281594101]:hover {
                background-color: var(--uIInteractiveHiddenCommonHover)
            }

            [data-isHighlighted=true][_nghost-ng-c3281594101] {
                background-color: var(--coloredGreenBrand);
                color: var(--typographyConstantPrimaryConstantBlack)
            }

            [data-isHighlighted=true][_nghost-ng-c3281594101]:hover {
                background-color: var(--surfacesInvertedZeroInverted);
                color: var(--typographyInvertedPrimaryInverted)
            }

            .wallet-icon[_ngcontent-ng-c3281594101] {
                width: 40px;
                height: 40px
            }

            .description[_ngcontent-ng-c3281594101] {
                display: flex;
                flex-direction: column;
                gap: 4px;
                margin-left: 16px;
                margin-right: auto
            }

            .description[_ngcontent-ng-c3281594101] .title[_ngcontent-ng-c3281594101] {
                font: var(--bodyBodyLRegular)
            }

            .description[_ngcontent-ng-c3281594101] .subtitle[_ngcontent-ng-c3281594101] {
                font: var(--bodyBodySRegular);
                color: var(--typographyBaseSecondary)
            }

            .detected-status[_ngcontent-ng-c3281594101] {
                margin-right: 16px;
                font: var(--bodyBodySRegular);
                color: var(--typographyBaseSecondary)
            }