.styles_alert___RsPZ {
    width: 100%;
    display: flex;
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 16px
}

.styles_alert_message__Qrfx2 {
    font-size: 16px
}

.styles_retry_button__k9MyI {
    background-color: #0f75fc;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 16px
}

.styles_retry_button__k9MyI:hover {
    background-color: #1b60b9
}

@keyframes styles_gradient__1UD39 {
    0% {
        transform: translateX(-80%)
    }

    to {
        transform: translateX(0)
    }
}

.styles_skeleton__G9GvF {
    position: relative;
    display: block;
    color: transparent;
    border-radius: 8px;
    overflow: hidden;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #e3ebf5;
    width: 100%;
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
    height: 48px
}

.styles_skeleton__G9GvF:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 100%;
    transform: translateX(-80%);
    animation-name: styles_gradient__1UD39;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: linear-gradient(270deg, transparent, transparent 40%, rgba(0, 0, 0, .05) 50%, transparent 60%, transparent)
}

@media(min-width: 768px) {
    .styles_skeleton__G9GvF {
        height: 64px
    }
}

.styles_switch_button_skeleton___epYk {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(199, 214, 234, .3)
}

.styles_fix_rate_button_skeleton__slOaQ {
    width: 130px;
    height: 32px;
    border-radius: 8px;
    background: rgba(199, 214, 234, .3)
}

.styles_cashback_skeleton__oiJjE {
    height: 43px;
    border-radius: 0 0 8px 8px;
    background: rgba(199, 214, 234, .3)
}

@media(min-width: 768px) {
    .styles_cashback_skeleton__oiJjE {
        height: 46px
    }
}

.styles_mode_tabs_skeleton__j0j_o {
    position: relative;
    display: block;
    color: transparent;
    border-radius: 38px 38px 0 0;
    overflow: hidden;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #e3ebf5;
    width: 100%;
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
    height: 40px
}

.styles_mode_tabs_skeleton__j0j_o:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 100%;
    transform: translateX(-80%);
    animation-name: styles_gradient__1UD39;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: linear-gradient(270deg, transparent, transparent 40%, rgba(0, 0, 0, .05) 50%, transparent 60%, transparent)
}

@media(min-width: 768px) {
    .styles_mode_tabs_skeleton__j0j_o {
        height: 58px
    }
}

.styles_message__XxpPT {
    border-radius: 4px 8px 8px 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 8px 8px 12px;
    position: relative
}

.styles_message__XxpPT:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: currentcolor;
    border-radius: 16px 0 0 16px
}

.styles_message_row__uGNMw {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_text__pdhb9 {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%
}

@media(min-width: 768px) {
    .styles_text__pdhb9 {
        font-size: 16px
    }
}

.styles_icon__UsEWd {
    width: 20px;
    height: 20px
}

.styles_error__3X1S4 {
    color: #e15d56;
    background: #fbe4e3
}

.styles_warning__IoFB2 {
    color: #ee9500;
    background: #fef7ea
}

.styles_info__n7TE4 {
    color: #23b3f2;
    background: #f0f9ff
}

.styles_close__sA8mj {
    background-color: transparent;
    line-height: 0;
    margin-left: auto
}

.styles_action__nvfoq,
.styles_close__sA8mj {
    border: none;
    color: currentcolor;
    cursor: pointer
}

.styles_action__nvfoq {
    text-decoration: underline;
    background: transparent;
    padding: 0
}

.styles_root__jNdxe {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.styles_root__jNdxe:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 500%;
    height: 100%;
    animation: styles_loader__FE_4K 1.5s linear infinite
}

.styles_root__jNdxe.styles_smallRadius__tdamU {
    border-radius: 8px
}

.styles_root__jNdxe.styles_mediumRadius__QziPd {
    border-radius: 16px
}

.styles_root__jNdxe.styles_roundedRadius__Xf6HH {
    border-radius: 50%
}

.styles_root__jNdxe.styles_lightTheme__TbnXN {
    background-color: rgba(198, 213, 234, .19)
}

.styles_root__jNdxe.styles_lightTheme__TbnXN:after {
    background: linear-gradient(270deg, transparent, transparent 40%, rgba(198, 213, 234, .1), transparent 60%, transparent)
}

.styles_root__jNdxe.styles_darkTheme__0AQDl {
    background-color: rgba(198, 213, 234, .24)
}

.styles_root__jNdxe.styles_darkTheme__0AQDl:after {
    background: linear-gradient(270deg, transparent, transparent 40%, rgba(198, 213, 234, .48), transparent 60%, transparent)
}

@keyframes styles_loader__FE_4K {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.styles_root__I2wi7 {
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #3f5878;
    border: 1px solid #ecf1f7;
    border-top: none;
    border-radius: 0 0 8px 8px
}

@media(min-width: 768px) {
    .styles_root__I2wi7 {
        font-size: 14px
    }
}

.styles_heading__5twwW {
    margin: 0;
    text-decoration: underline
}

.styles_signupLink__b4lhX {
    color: #0f75fc
}

.styles_skeleton__nVtmC {
    display: inline-block;
    vertical-align: middle
}

.styles_tooltip__30I7C {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: calc(100% - 48px) !important
}

@media(min-width: 768px) {
    .styles_tooltip__30I7C {
        width: max-content !important;
        max-width: 568px !important
    }
}

.styles_tooltipText__8QEG_ {
    margin: 0;
    font-weight: 500;
    line-height: 160%
}

.styles_tabs__LxnWr {
    display: flex;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    background: #fff;
    width: 100%
}

@media(min-width: 768px) {
    .styles_tabs__LxnWr {
        border-radius: 38px 38px 0 0
    }
}

.styles_tab_text__hmE_X {
    color: #859ab5;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    transition: .1s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px
}

@media(min-width: 768px) {
    .styles_tab_text__hmE_X {
        font-size: 16px
    }
}

.styles_tab__9jf4O {
    border: none;
    cursor: pointer;
    width: 50%;
    height: 40px;
    background: #ecf1f7;
    box-shadow: inset 0 -2px 34px 0 #d7e2f0;
    transition: .1s ease
}

@media(min-width: 768px) {
    .styles_tab__9jf4O {
        height: 58px
    }
}

.styles_tab__9jf4O:hover {
    box-shadow: inset 0 -2px 34px -2px #becee1
}

.styles_tab_left__sWRkx {
    border-bottom-right-radius: 16px;
    transform: skewX(-25deg);
    transition: .1s ease
}

.styles_tab_left__sWRkx .styles_tab_text__hmE_X {
    transform: skewX(25deg)
}

.styles_tab_right__gtvCz {
    border-bottom-left-radius: 16px;
    transform: skewX(25deg);
    transition: .1s ease
}

.styles_tab_right__gtvCz .styles_tab_text__hmE_X {
    transform: skewX(-25deg)
}

.styles_tab_left_active__FzlP0 {
    background: transparent;
    box-shadow: none;
    transform: skewX(0);
    transition: .1s ease
}

.styles_tab_left_active__FzlP0 .styles_tab_text__hmE_X {
    color: #3f5878;
    transform: skewX(0)
}

.styles_tab_left_active__FzlP0:hover {
    box-shadow: none
}

.styles_tab_right_active__0MfBz {
    background: transparent;
    box-shadow: none;
    transform: skewX(0);
    transition: .1s ease
}

.styles_tab_right_active__0MfBz .styles_tab_text__hmE_X {
    color: #3f5878;
    transform: skewX(0)
}

.styles_tab_right_active__0MfBz:hover {
    box-shadow: none
}

.styles_trigger__jzdik {
    display: flex;
    align-items: center;
    column-gap: 12px;
    border: none;
    background-color: transparent;
    cursor: pointer
}

.styles_trigger__jzdik:hover .styles_icon__ahJ5q:not(.styles_disabled__5WRCM):not(.styles_fixed__BqBF_):before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2tfaWNvbiI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgN1Y1QzkuNSA0LjE3MTU3IDguODI4NDMgMy41IDggMy41QzcuMTcxNTcgMy41IDYuNSA0LjE3MTU3IDYuNSA1VjdINVY1QzUgMy4zNDMxNSA2LjM0MzE1IDIgOCAyQzkuNjU2ODUgMiAxMSAzLjM0MzE1IDExIDVWN0g5LjVaIiBmaWxsPSIjM0Y1ODc4Ii8+CjxwYXRoIGlkPSJTdWJ0cmFjdF8yIiBkPSJNMyA5QzMgNy44OTU0MyAzLjg5NTQzIDcgNSA3SDExQzEyLjEwNDYgNyAxMyA3Ljg5NTQzIDEzIDlWMTNDMTMgMTQuMTA0NiAxMi4xMDQ2IDE1IDExIDE1SDVDMy44OTU0MyAxNSAzIDE0LjEwNDYgMyAxM1Y5WiIgZmlsbD0iIzNGNTg3OCIvPgo8L2c+Cjwvc3ZnPgo=")
}

.styles_trigger__jzdik:disabled {
    pointer-events: none
}

.styles_icon__ahJ5q {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 48px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTciIGN5PSIyNCIgcj0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC05MCAxNyAyNCkiIGZpbGw9IiNFQ0YxRjciLz48bWFzayBpZD0iYSIgZmlsbD0iI2ZmZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA3QzcuNjExIDcgMCAxNC42MTEgMCAyNHM3LjYxMSAxNyAxNyAxN3YtMkM4LjcxNiAzOSAyIDMyLjI4NCAyIDI0IDIgMTUuNzE2IDguNzE2IDkgMTcgOVY3eiIvPjwvbWFzaz48cGF0aCBkPSJNMTcgN2gxVjZoLTF2MXptMCAzNHYxaDF2LTFoLTF6bTAtMmgxdi0xaC0xdjF6bTAtMzB2MWgxVjloLTF6bTAtM0M3LjA1OSA2LTEgMTQuMDU5LTEgMjRoMkMxIDE1LjE2MyA4LjE2MyA4IDE3IDhWNnpNLTEgMjRjMCA5Ljk0MSA4LjA1OSAxOCAxOCAxOHYtMkM4LjE2MyA0MCAxIDMyLjgzNyAxIDI0aC0yem0xOSAxN3YtMmgtMnYyaDJ6TTEgMjRjMCA4LjgzNyA3LjE2MyAxNiAxNiAxNnYtMkM5LjI2OCAzOCAzIDMxLjczMiAzIDI0SDF6TTE3IDhDOC4xNjMgOCAxIDE1LjE2MyAxIDI0aDJjMC03LjczMiA2LjI2OC0xNCAxNC0xNFY4em0xIDFWN2gtMnYyaDJ6IiBmaWxsPSIjRUNGMUY3IiBtYXNrPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTE2IDM5aDJ2OWgtMnYtOXptMC0zOWgydjloLTJWMHoiIGZpbGw9IiNFQ0YxRjciLz48L3N2Zz4=")
}

.styles_icon__ahJ5q.styles_disabled__5WRCM {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTciIGN5PSIyNCIgcj0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC05MCAxNyAyNCkiIGZpbGw9IiNEN0UyRjAiLz48bWFzayBpZD0iYSIgZmlsbD0iI2ZmZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA3QzcuNjExIDcgMCAxNC42MTEgMCAyNHM3LjYxMSAxNyAxNyAxN3YtMkM4LjcxNiAzOSAyIDMyLjI4NCAyIDI0IDIgMTUuNzE2IDguNzE2IDkgMTcgOVY3eiIvPjwvbWFzaz48cGF0aCBkPSJNMTcgN2gxVjZoLTF2MXptMCAzNHYxaDF2LTFoLTF6bTAtMmgxdi0xaC0xdjF6bTAtMzB2MWgxVjloLTF6bTAtM0M3LjA1OSA2LTEgMTQuMDU5LTEgMjRoMkMxIDE1LjE2MyA4LjE2MyA4IDE3IDhWNnpNLTEgMjRjMCA5Ljk0MSA4LjA1OSAxOCAxOCAxOHYtMkM4LjE2MyA0MCAxIDMyLjgzNyAxIDI0aC0yem0xOSAxN3YtMmgtMnYyaDJ6TTEgMjRjMCA4LjgzNyA3LjE2MyAxNiAxNiAxNnYtMkM5LjI2OCAzOCAzIDMxLjczMiAzIDI0SDF6TTE3IDhDOC4xNjMgOCAxIDE1LjE2MyAxIDI0aDJjMC03LjczMiA2LjI2OC0xNCAxNC0xNFY4em0xIDFWN2gtMnYyaDJ6IiBmaWxsPSIjRDdFMkYwIiBtYXNrPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTE2IDM5aDJ2OWgtMnYtOXptMC0zOWgydjloLTJWMHoiIGZpbGw9IiNEN0UyRjAiLz48L3N2Zz4=")
}

.styles_icon__ahJ5q.styles_disabled__5WRCM:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2tfaWNvbiI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgNUgxMUMxMSAzLjM0MzE1IDkuNjU2ODUgMiA4IDJDNi4zNDMxNSAyIDUgMy4zNDMxNSA1IDVWN0g2LjVWNUM2LjUgNC4xNzE1NyA3LjE3MTU3IDMuNSA4IDMuNUM4LjgyODQzIDMuNSA5LjUgNC4xNzE1NyA5LjUgNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGlkPSJTdWJ0cmFjdF8yIiBkPSJNMyA5QzMgNy44OTU0MyAzLjg5NTQzIDcgNSA3SDExQzEyLjEwNDYgNyAxMyA3Ljg5NTQzIDEzIDlWMTNDMTMgMTQuMTA0NiAxMi4xMDQ2IDE1IDExIDE1SDVDMy44OTU0MyAxNSAzIDE0LjEwNDYgMyAxM1Y5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K")
}

.styles_icon__ahJ5q.styles_fixed__BqBF_ {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAACQCAMAAADNyu5UAAAAkFBMVEUAAAAQcP8Ic/8IcPcQcPcQePcLdfoQcPoQdfoMdPsQdPsNc/wNdvwQc/wQdvwNcvoNdfwQdfwOdf0OdPoOdvoQdPoOdv0OdPsQdPsOdv0Oc/sOdfsQdfsOc/0OdfwOdf0OdPoPdfwPdvwOdfsPdPwPdfwPdP0Pdf0Pdv0PdfwPdf0PdvwPdv0PdPwPdfwPdfyMYbQZAAAAL3RSTlMAEB8gICAwMDBAQFBQUFBgYGBvcHBwf4CAj5CQkJ+fn6Cvr7C/v8/Pz9/f39/v74oXha4AAATISURBVGje7ZptY+oqDIDLXdksRz065kvnznVqq7P25f//u3tVbEmgCoXty2k+bYp9mpAESAgCS6kuEny39Jge02N6TI/pMT3mL8U8Dfl6e8ivmDxNYx6FnhHPfFtUGim2/NkXI4q1iJsc15E7I5zfZdxIbuaL0spQttEPQM6SRn4g+z98OgjJ+TsSstFis8cge9ORGDwhWTKiGcV4AobZzlGUyQxO2kfSqUw6TjqqUi7Jo+H0M2/Gx8TYiTMbyEWmDehoaLhxYQs5y6wGlWOT8fP6vT6IzXTSz/qHcwvKidl6J8uNOfNuqgjXeTfk3CjlTPOQZx5v88sb54fzOqCbISPOjXIaKAyeqjk0nSheRfPHnJpCFUZrJptYc8ZiwAFSyP214DiHKtGD+KLFr0PxtAOxgFxB8LUEp9TGKcl0FgPJrR001NntqHPWWENBefqOgFR248SarCTGU31ye6yQbKKBMDRrS5dyvESFzeoJUtmsxWz/itiXPnqtLOVN+vG71myhmBiiS6HGInkcyXVmS5UPX6sOIunDRPgCtxVLuRqqlsIUszFFGcmXw6IbRgpJUmB1IuxlJKs6iuRbC6zO5qqMEqpdJG5VR7hZk2t/VQ7CsDohiBlJmcwF05hNqLMAT127RIwsC6ROCRyAdslkWm9r1JHNeLVZ4ksZWZ1roKwkm038zAxUhzdWe0E2m1bOwpHVBjUxwenNRVL0MF7HJkdB5CYE+tru/78KGFRTHxgO83RZv71Pm0lWE5Pzj4iaL1Qs8eZr1/PpUHjADiVrV6k3x5/CiO8worgfDIfPW4u5GKI1z1VW0KN2AsO8eoA0CS9i6nPhCmDKnCWrN6Di3wLGU+4ZQ0TgoLCpPAmuJvaYDpgfcgHk0J4wX9ih9zAHbfxgEpgjE/Hc39+VbH4JzKcu1flLnQtB5XAv+OIHw+AkcKHVF9qQevPnvaBStElIvXpAUO/O0JbDy+RMoKOVtfUWaJPgJhS+9K7+K/W5tUk028EXNDnco81CaQNSoH2vs6+dUIXmJAV+is9y3WWJbLaWCwXElzrNuT8EsVpoz3IelIGH2gU+y+V+ZgYdaik+yzEXzBiX6CicqUYdl+XgAyuzw2+/CNzNJpXKXpXakKIO7VoaorjemARK8SsOXKdnrNQb2f2y3awLZaZUtRLYE1FLoEuXiKlLZagNoCmBzhx0uZXK1rimnqvV15FdgZipVV/c06jNVg503QurTCYVFzTtyXdNdZwYxyloXt1qWB+6VkSu4QQjI4VgH+5GOWn7ZlTbWAmWD0Gob1k3Vqi+gTMSPzugvs99EG6Ohg/aRE2oKI3YadK6u8D96rq2uGxvrrVyUIdb6KHpiQ8MKFLov2nb9qtkf3lMlm1WfKCZ4dfChCJx4i7t1bgyo0ico3WzuOnDLR8PblKm3V0GqQ+3NBnfpLLjmzmk6VuaNfJBKjO8NCE3R0/UvlNudFUHdGCtOvNTOfA1He62frXtJQPpLsOFpG3bk2ietudpQxAO+8N2MYyertd5np4nfH3AiYcFXYQlVmenbpALaPMDEOWqTvtaQANnYfdJ5YoFnmTAN6UWseEDz/cH6XkdSER2zPabP3zk+4pif320x/SYHtNjekyP6TFOmP8AemdlpNyNG2QAAAAASUVORK5CYII=")
}

.styles_icon__ahJ5q.styles_fixed__BqBF_:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2tfaWNvbiI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgN1Y1QzkuNSA0LjE3MTU3IDguODI4NDMgMy41IDggMy41QzcuMTcxNTcgMy41IDYuNSA0LjE3MTU3IDYuNSA1VjdINVY1QzUgMy4zNDMxNSA2LjM0MzE1IDIgOCAyQzkuNjU2ODUgMiAxMSAzLjM0MzE1IDExIDVWN0g5LjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iU3VidHJhY3RfMiIgZD0iTTMgOUMzIDcuODk1NDMgMy44OTU0MyA3IDUgN0gxMUMxMi4xMDQ2IDcgMTMgNy44OTU0MyAxMyA5VjEzQzEzIDE0LjEwNDYgMTIuMTA0NiAxNSAxMSAxNUg1QzMuODk1NDMgMTUgMyAxNC4xMDQ2IDMgMTNWOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==")
}

.styles_icon__ahJ5q:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgNUgxMUMxMSAzLjM0MzE1IDkuNjU2ODUgMiA4IDJDNi4zNDMxNSAyIDUgMy4zNDMxNSA1IDVWN0g2LjVWNUM2LjUgNC4xNzE1NyA3LjE3MTU3IDMuNSA4IDMuNUM4LjgyODQzIDMuNSA5LjUgNC4xNzE1NyA5LjUgNVoiIGZpbGw9IiM4NTlBQjUiLz4KPHBhdGggZD0iTTMgOUMzIDcuODk1NDMgMy44OTU0MyA3IDUgN0gxMUMxMi4xMDQ2IDcgMTMgNy44OTU0MyAxMyA5VjEzQzEzIDE0LjEwNDYgMTIuMTA0NiAxNSAxMSAxNUg1QzMuODk1NDMgMTUgMyAxNC4xMDQ2IDMgMTNWOVoiIGZpbGw9IiM4NTlBQjUiLz4KPC9zdmc+Cg==");
    background-size: 12px 12px;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .styles_icon__ahJ5q:before {
        width: 16px;
        height: 16px;
        background-size: 16px 16px
    }
}

.styles_label__xsuTX {
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #3f5878
}

@media(min-width: 768px) {
    .styles_label__xsuTX {
        font-size: 14px
    }
}

.styles_label__xsuTX.styles_fixed__BqBF_ {
    color: #0f75fc
}

.styles_tooltipTitle__OA5eZ {
    position: relative;
    margin: 0 0 4px;
    padding-left: 18px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    color: #f7f8fa
}

.styles_tooltipTitle__OA5eZ:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 50%
}

.styles_tooltipTitle__OA5eZ:first-of-type:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2tfaWNvbiI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgNUgxMUMxMSAzLjM0MzE1IDkuNjU2ODUgMiA4IDJDNi4zNDMxNSAyIDUgMy4zNDMxNSA1IDVWN0g2LjVWNUM2LjUgNC4xNzE1NyA3LjE3MTU3IDMuNSA4IDMuNUM4LjgyODQzIDMuNSA5LjUgNC4xNzE1NyA5LjUgNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGlkPSJTdWJ0cmFjdF8yIiBkPSJNMyA5QzMgNy44OTU0MyAzLjg5NTQzIDcgNSA3SDExQzEyLjEwNDYgNyAxMyA3Ljg5NTQzIDEzIDlWMTNDMTMgMTQuMTA0NiAxMi4xMDQ2IDE1IDExIDE1SDVDMy44OTU0MyAxNSAzIDE0LjEwNDYgMyAxM1Y5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K")
}

.styles_tooltipTitle__OA5eZ:nth-of-type(2):before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2tfaWNvbiI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUgN1Y1QzkuNSA0LjE3MTU3IDguODI4NDMgMy41IDggMy41QzcuMTcxNTcgMy41IDYuNSA0LjE3MTU3IDYuNSA1VjdINVY1QzUgMy4zNDMxNSA2LjM0MzE1IDIgOCAyQzkuNjU2ODUgMiAxMSAzLjM0MzE1IDExIDVWN0g5LjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iU3VidHJhY3RfMiIgZD0iTTMgOUMzIDcuODk1NDMgMy44OTU0MyA3IDUgN0gxMUMxMi4xMDQ2IDcgMTMgNy44OTU0MyAxMyA5VjEzQzEzIDE0LjEwNDYgMTIuMTA0NiAxNSAxMSAxNUg1QzMuODk1NDMgMTUgMyAxNC4xMDQ2IDMgMTNWOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==")
}

.styles_tooltipText__6t745 {
    margin: 0 0 12px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #859ab5
}

@media(min-width: 768px) {
    .styles_tooltipText__6t745 {
        margin-bottom: 16px
    }
}

.styles_tooltipInfo__NQLHG {
    margin: 0;
    color: #3f5878
}

.styles_termsLink__UXLhF,
.styles_tooltipInfo__NQLHG {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%
}

.styles_termsLink__UXLhF {
    text-decoration: none;
    color: #0044c9
}

.styles_tooltipFixedButton__HAy7j {
    width: 100%;
    margin-top: 8px;
    padding: 9px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 6px;
    background-color: #1b2b4b
}

@media(min-width: 768px) {
    .styles_tooltipFixedButton__HAy7j {
        padding: 15px;
        font-size: 16px;
        border-radius: 8px
    }
}

@media(min-width: 1280px) {
    .styles_tooltipFixedButton__HAy7j {
        display: none
    }
}

.styles_closeButton__NCvor {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none
}

@media(min-width: 768px) {
    .styles_closeButton__NCvor {
        top: 12px;
        right: 12px
    }
}

@media(min-width: 1280px) {
    .styles_closeButton__NCvor {
        display: none
    }
}

.styles_loader__4dBOg {
    animation: styles_rotate__KBgng 1.3s linear infinite
}

@keyframes styles_rotate__KBgng {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.styles_labelContainer__Pd1LG {
    position: absolute;
    left: 16px;
    top: 4px;
    display: flex;
    column-gap: 8px;
    width: calc(100% - 22px);
    color: #3f5878;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}

@media(min-width: 768px) {
    .styles_labelContainer__Pd1LG {
        font-size: 14px;
        transform: translateY(-50%);
        top: 50%
    }
}

.styles_label__0gpg8 {
    flex-shrink: 3;
    min-width: 56px
}

.styles_equivalentText__LY8_H,
.styles_label__0gpg8 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_equivalentText__LY8_H {
    flex-shrink: 1;
    color: #859ab5
}

@media(min-width: 768px) {
    .styles_equivalentText__LY8_H {
        display: none
    }
}

.styles_fieldgroup__fv89r {
    border-radius: 8px 0 0 8px;
    position: relative;
    display: block
}

.styles_input__gPcYF {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 0 0 1px #ecf1f7;
    background-color: #ecf1f7;
    font-stretch: 100%;
    font-weight: 600;
    line-height: 24px;
    outline: 0;
    padding: 20px 8px 0 16px;
    width: 100%;
    color: #252c44;
    font-family: Inter, sans-serif;
    font-size: 14px;
    cursor: text;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_input__gPcYF:hover {
    box-shadow: 0 0 0 1px #e4ebf3;
    background-color: #e4ebf3
}

.styles_input__gPcYF:focus {
    background-color: #fff;
    box-shadow: 0 0 0 1px #859ab5
}

.styles_input__gPcYF:disabled {
    box-shadow: 0 0 0 1px #ecf1f7;
    background-color: #ecf1f7;
    cursor: auto
}

@media(min-width: 768px) {
    .styles_input__gPcYF {
        padding: 16px;
        font-size: 18px;
        height: 64px;
        text-align: right
    }
}

.styles_input__gPcYF.styles_with_equivalent__BHHKP {
    padding-top: 21px;
    padding-bottom: 5px
}

@media(min-width: 768px) {
    .styles_input__gPcYF.styles_with_equivalent__BHHKP {
        padding-top: 6.5px;
        padding-bottom: 28.5px
    }
}

.styles_input__gPcYF.styles_without_bottom_radius__F52MG {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.styles_equivalent__TuZOL {
    display: none
}

@media(min-width: 768px) {
    .styles_equivalent__TuZOL {
        position: absolute;
        right: 16px;
        bottom: 6.5px;
        display: block;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        color: #859ab5;
        pointer-events: none
    }
}

.styles_loader__Djko3 {
    position: absolute;
    left: 16px;
    top: 55%;
    width: 32px;
    height: 32px
}

@media(min-width: 768px) {
    .styles_loader__Djko3 {
        left: unset;
        transform: translateY(-50%);
        top: 50%;
        right: 16px
    }
}

.styles_fixed__Xg9SU {
    color: #0f75fc
}

.styles_hidden_value__bEsiT {
    color: transparent
}

.styles_empty__XlRNM {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    font-size: 18px;
    color: var(--general-text-primary, #252c44)
}

.styles_with_warning__eypcu {
    border-radius: 8px 0 0
}

.styles_warning__o5jFp {
    position: absolute;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 0 1px #ffcac7;
    background: #fef2f2;
    width: 100%;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #e15d56;
    font-family: Inter, sans-serif;
    font-size: 12px;
    z-index: 1
}

@media(min-width: 768px) {
    .styles_warning__o5jFp {
        font-size: 14px
    }
}

.styles_warning_button__WQ71l {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    color: inherit
}

@media(min-width: 768px) {
    .styles_warning_button__WQ71l {
        font-size: 14px
    }
}

.styles_input_group__kR_2_ {
    position: relative;
    width: 100%;
    display: flex;
    gap: 4px
}

.styles_combobox_wrapper__vbE_k {
    flex-shrink: 0;
    width: 120px
}

@media(min-width: 768px) {
    .styles_combobox_wrapper__vbE_k {
        width: calc(38% - 4px);
        min-width: calc(38% - 4px);
        max-width: calc(38% - 4px)
    }

    .styles_combobox_wrapper__vbE_k.styles_withFixedComboboxWidth__dInkX {
        width: 220px;
        max-width: none;
        min-width: auto
    }
}

.styles_amount_wrapper__XBKcr {
    width: 100%
}

@media(min-width: 768px) {
    .styles_amount_wrapper__XBKcr {
        width: 62%;
        min-width: 62%;
        max-width: 62%
    }

    .styles_amount_wrapper__XBKcr.styles_withFixedComboboxWidth__dInkX {
        width: 100%;
        max-width: none;
        min-width: auto
    }
}

.styles_combobox__z1gwQ {
    width: 100%;
    position: relative
}

.styles_combobox__z1gwQ.styles_opened__bubSC {
    position: fixed;
    inset: 0;
    z-index: 1000
}

@media(min-width: 768px) {
    .styles_combobox__z1gwQ.styles_opened__bubSC {
        position: absolute;
        z-index: auto
    }
}

.styles_mobile_header__RpmMP {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px 8px;
    border-radius: 16px 16px 0 0;
    background-color: #fff
}

@media(min-width: 768px) {
    .styles_mobile_header__RpmMP {
        display: none
    }
}

.styles_mobile_title__jYEu1 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-feature-settings: "calt" off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #252c44
}

.styles_mobile_close_button__tV8Iv {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer
}

.styles_toggle_button__jmvmG {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 0 1px #ecf1f7;
    background-color: #ecf1f7;
    font-stretch: 100%;
    font-weight: 600;
    line-height: 24px;
    outline: 0;
    color: #859ab5;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_toggle_button__jmvmG:hover {
    box-shadow: 0 0 0 1px #e4ebf3;
    background-color: #e4ebf3;
    color: #3f5878
}

@media(min-width: 768px) {
    .styles_toggle_button__jmvmG {
        padding: 0 16px;
        font-size: 18px;
        height: 64px
    }
}

.styles_toggle_button__jmvmG.styles_without_bottom_radius__VO6dH {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.styles_combobox_label__eD9gv {
    width: 100%;
    display: block;
    position: relative;
    inset: 0
}

.styles_combobox_input__PAHS7 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-stretch: 100%;
    font-weight: 500;
    line-height: 24px;
    outline: 0;
    height: 48px;
    width: 100%;
    padding: 16px 52px;
    color: #252c44;
    font-family: Inter, sans-serif;
    font-size: 14px
}

.styles_combobox_input__PAHS7::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #c5d5ea;
    font-family: Inter, sans-serif
}

.styles_combobox_input__PAHS7:placeholder-shown {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media(min-width: 768px) {
    .styles_combobox_input__PAHS7 {
        height: 64px;
        font-size: 18px;
        border-radius: 8px 8px 0 0;
        box-shadow: 0 0 0 1px #d7e2f0
    }

    .styles_combobox_input__PAHS7::placeholder {
        font-size: 16px
    }
}

.styles_clear_selection__OoqCz {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
    background: none;
    color: #859ab5;
    width: 24px;
    height: 24px;
    z-index: 10
}

.styles_clear_selection__OoqCz:hover {
    color: #3f5878
}

.styles_menu__frYVZ {
    position: relative;
    width: 100%;
    height: calc(100vh - 96px);
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #d7e2f0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1000
}

@media(min-width: 768px) {
    .styles_menu__frYVZ {
        height: auto
    }
}

.styles_rows_group_title__l5QXc {
    width: 100%;
    padding: 8px 16px;
    color: #3f5878;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    display: flex;
    align-items: center
}

@media(min-width: 768px) {
    .styles_rows_group_title__l5QXc {
        font-size: 16px
    }
}

.styles_search_icon___1xnu {
    position: absolute;
    left: 16px;
    bottom: 12px;
    pointer-events: none
}

@media(min-width: 768px) {
    .styles_search_icon___1xnu {
        transform: translateY(-50%);
        top: 50%
    }
}

.styles_hidden__3yVgZ,
.styles_sr_only__EPg8Y {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.styles_coin_network__edNIc {
    color: #fff;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 400;
    line-height: 120%;
    border-radius: 8px;
    max-width: 5.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 768px) {
    .styles_coin_network__edNIc {
        margin: 0;
        padding: 4px 8px;
        font-size: 12px;
        border-radius: 16px
    }
}

.styles_coin_symbol__GgCaM {
    color: #252c44;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.styles_coin_info___l3_t {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 2px;
    column-gap: 4px;
    max-width: 65%;
    overflow: hidden
}

.styles_coin__Xpb6r {
    font-family: Inter, sans-serif;
    display: flex;
    align-items: center;
    width: calc(100% - 24px);
    gap: 12px
}

.styles_no_results__Bt_y8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 8px;
    width: max-content;
    height: calc(100% - 66px);
    margin: 0 auto;
    padding: 16px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    color: #252c44
}

@media(min-width: 768px) {
    .styles_no_results__Bt_y8 {
        row-gap: 0;
        width: auto;
        height: auto;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        color: #3f5878
    }
}

.styles_return_button__4MZjf {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #0f75fc;
    border: none;
    background: none;
    cursor: pointer
}

@media(min-width: 768px) {
    .styles_return_button__4MZjf {
        display: none
    }
}

.styles_list__W7lmv {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media(min-width: 768px) {
    .styles_list__W7lmv {
        max-height: 350px;
        scrollbar-width: auto;
        -ms-overflow-style: auto
    }
}

.styles_filters__N30n8 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    position: relative;
    background-color: #fff;
    z-index: 10;
    overflow-y: auto;
    max-width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.styles_filters__N30n8:empty {
    display: none
}

.styles_filters__N30n8::-webkit-scrollbar {
    display: none
}

.styles_filter_button__fnhy4 {
    border-radius: 8px;
    background: #ecf1f7;
    border: none;
    padding: 6.5px 16px;
    cursor: pointer;
    color: #859ab5;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    white-space: nowrap
}

@media(min-width: 768px) {
    .styles_filter_button__fnhy4 {
        font-size: 14px
    }
}

.styles_filter_button__fnhy4:hover {
    background: #d7e2f0
}

.styles_filter_button_active__EI3oX {
    background: #252c44;
    color: #fff
}

.styles_filter_button_active__EI3oX:hover {
    background: #252c44
}

.styles_value__GcPZt {
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 24px
}

@media(min-width: 768px) {
    .styles_value__GcPZt {
        font-size: 14px
    }
}

.styles_value_positive__BxLrD {
    background-color: #ebfbf3;
    color: #3fbb7d
}

.styles_value_negative__Vm4L9 {
    background-color: #fff0ef;
    color: #e15d56
}

.styles_no_bg__g6RJo {
    background-color: transparent;
    padding: 0
}

.styles_empty___afyH {
    color: #252c44
}

.styles_button__Bd76P {
    border: none;
    background-color: transparent;
    color: #859ab5;
    padding: 0 12px;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.styles_button__Bd76P:hover {
    color: #3f5878
}

.styles_row__YOY3H {
    font-family: Inter, sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    background-color: #fff;
    cursor: pointer
}

.styles_row__YOY3H:hover {
    background-color: #ecf1f7
}

.styles_info__2Eknk {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(min-width: 768px) {
    .styles_info__2Eknk {
        gap: 16px
    }
}

.styles_name__pz9uO {
    color: #859ab5;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%
}

@media(min-width: 768px) {
    .styles_name__pz9uO {
        font-size: 14px
    }
}

.styles_symbol__4fzJ2 {
    color: #252c44;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%
}

@media(min-width: 768px) {
    .styles_symbol__4fzJ2 {
        font-size: 18px
    }
}

.styles_network__mDSNN {
    color: #fff;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    border-radius: 8px;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

@media(min-width: 768px) {
    .styles_network__mDSNN {
        margin: 0;
        padding: 4px 8px;
        font-size: 12px;
        line-height: 160%;
        border-radius: 16px
    }
}

.styles_active__k6zfr {
    background-color: #ecf1f7
}

.styles_selected__5gvkV,
.styles_selected__5gvkV:hover {
    background-color: #d7e2f0
}

.styles_change__0RXm_ {
    font-size: 12px;
    font-weight: 500;
    line-height: 160%
}

.styles_change_positive__g1xe1 {
    color: #3fbb7d
}

.styles_change_negative__ZJ09j {
    color: #e15d56
}

.styles_button__LHkel {
    border: none;
    border-radius: 6px;
    background: #0f75fc;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    height: 48px;
    width: 100%;
    cursor: pointer
}

.styles_button__LHkel:hover {
    background: #0044c9
}

.styles_button__LHkel:disabled {
    background: #7cb2f9;
    cursor: auto
}

.styles_button__LHkel:disabled:hover {
    background: #7cb2f9
}

@media(min-width: 768px) {
    .styles_button__LHkel {
        font-size: 16px;
        height: 64px;
        border-radius: 8px
    }
}

.styles_button__rQQUd {
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(199, 214, 234, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #859ab5
}

.styles_button__rQQUd:hover {
    color: #f7f8fa;
    background: #0044c9
}

@keyframes styles_rotate__AOCKp {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-180deg)
    }
}

.styles_rotate__AOCKp {
    animation: styles_rotate__AOCKp .3s linear
}

.styles_button_icon__6BhDF {
    width: 16px;
    height: 16px
}

.styles_card__UeYx1 {
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 10px 32px -4px rgba(24, 39, 75, .1)
}

@media(min-width: 768px) {
    .styles_card__UeYx1 {
        padding: 40px
    }
}

.styles_horizontal_exchange_wrapper__0On8h {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 8px
}

@media(min-width: 1280px) {
    .styles_horizontal_exchange_wrapper__0On8h {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto
    }
}

.styles_input_group_wrapper__4GuAY {
    width: 100%
}

@media(min-width: 1280px) {
    .styles_input_group_wrapper__4GuAY {
        width: 416px
    }
}

.styles_submit_button_wrapper__MZOw_ {
    width: 100%;
    margin-top: 8px
}

@media(min-width: 768px) {
    .styles_submit_button_wrapper__MZOw_ {
        margin-top: 16px
    }
}

@media(min-width: 1280px) {
    .styles_submit_button_wrapper__MZOw_ {
        width: 200px;
        margin-top: 0
    }
}

.styles_switch_button_wrapper__YTRua {
    transform: rotate(0);
    width: 32px
}

@media(min-width: 1280px) {
    .styles_switch_button_wrapper__YTRua {
        transform: rotate(90deg)
    }
}

.styles_card__9aqST {
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 768px) {
    .styles_card__9aqST {
        padding: 40px
    }
}

@media(min-width: 1280px) {
    .styles_card__9aqST {
        border-radius: 0 24px 0 0
    }
}

.styles_horizontal_exchange_wrapper__ZHWlJ {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 8px
}

@media(min-width: 1280px) {
    .styles_horizontal_exchange_wrapper__ZHWlJ {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: "0 auto"
    }
}

.styles_input_group_wrapper__0Dox2 {
    width: 100%
}

@media(min-width: 1280px) {
    .styles_input_group_wrapper__0Dox2 {
        width: 416px
    }
}

.styles_submit_button_wrapper__f3cqN {
    width: 100%;
    margin-top: 8px
}

@media(min-width: 768px) {
    .styles_submit_button_wrapper__f3cqN {
        margin-top: 16px
    }
}

@media(min-width: 1280px) {
    .styles_submit_button_wrapper__f3cqN {
        width: 200px;
        margin-top: 0
    }
}

.styles_switch_button_wrapper__A_0c1 {
    transform: rotate(0);
    width: 32px
}

@media(min-width: 1280px) {
    .styles_switch_button_wrapper__A_0c1 {
        transform: rotate(90deg)
    }
}

.styles_tabs_wrapper__EgBku {
    width: 100%
}

@media(min-width: 1280px) {
    .styles_tabs_wrapper__EgBku {
        width: 480px
    }
}

.styles_horizontal_exchange_wrapper__aTFNt {
    padding-bottom: 48px;
    background: linear-gradient(180deg, #f7f8fa 40%, #010e27 0)
}

.styles_horizontal_exchange_inner__xpw45 {
    width: 100%;
    margin: 0 auto
}

@media(min-width: 768px) {
    .styles_horizontal_exchange_inner__xpw45 {
        width: 592px
    }
}

@media(min-width: 1280px) {
    .styles_horizontal_exchange_inner__xpw45 {
        width: 1180px
    }
}

.styles_root__wo_80 {
    width: 100%
}

@media(min-width: 768px) {
    .styles_root__wo_80 {
        max-width: 592px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .styles_root__wo_80 {
        max-width: 680px
    }
}

.styles_wrapper__cmya_ {
    padding: 16px;
    border-radius: 0 0 16px 16px;
    background-color: #fff
}

@media(min-width: 768px) {
    .styles_wrapper__cmya_ {
        padding: 24px 40px 40px;
        border-radius: 0 0 32px 32px
    }
}

.styles_buttonsContainer__SjAuw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding: 0 8px
}

.styles_alertsContainer__7kK99 {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

@media(min-width: 768px) {
    .styles_alertsContainer__7kK99 {
        row-gap: 24px
    }
}

.styles_alertsContainer__7kK99>:first-child {
    margin-top: 16px
}

@media(min-width: 768px) {
    .styles_alertsContainer__7kK99>:first-child {
        margin-top: 24px
    }
}

.styles_submitButtonContainer__lud8p {
    margin-top: 16px
}

@media(min-width: 768px) {
    .styles_submitButtonContainer__lud8p {
        margin-top: 24px
    }
}