.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.v-popper__popper {
    z-index: 10000;
    top: 0;
    left: 0;
    outline: none
}

.v-popper__popper.v-popper__popper--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.v-popper__inner {
    position: relative;
    box-sizing: border-box;
    overflow-y: auto
}

.v-popper__inner>div {
    position: relative;
    z-index: 1;
    max-width: inherit;
    max-height: inherit
}

.v-popper__arrow-container {
    position: absolute;
    width: 10px;
    height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.header-tab-wrapper[data-v-f5a9ebfc] {
    position: relative
}

.header-tab-wrapper .header-tab__badge[data-v-f5a9ebfc] {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: var(--app--color--accent-red);
    border-radius: 50%
}

.header-dropdown-list[data-v-7db5cfb7] {
    --bg-color: var(--app--theme--header-dropdown-bg);
    --bg-hover-color: var(--app--theme--header-dropdown-hover-bg);
    --bg-active-color: var(--app--theme--header-dropdown-active-bg);
    --font-color: var(--app--theme--header-dropdown-text);
    --sub-font-color: var(--app--theme--header-dropdown-sub-text);
    --border-line-color: var(--app--theme--header-dropdown-border-line);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 110px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--bg-color);
    border-radius: 4px
}

.arabic .header-dropdown-list[data-v-7db5cfb7] {
    direction: rtl
}

.header-dropdown-list .item__padding[data-v-7db5cfb7] {
    padding: 12px 18px
}

.header-dropdown-list .router-wrap[data-v-7db5cfb7] {
    margin: 4px 0;
    overflow-y: scroll
}

.header-dropdown-list .item__padding-v2[data-v-7db5cfb7] {
    padding: 8px 16px;
    margin: 4px 8px
}

.header-dropdown-list[data-v-7db5cfb7] .list-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    text-transform: none;
    background-color: var(--bg-color)
}

.header-dropdown-list[data-v-7db5cfb7] .list-item:hover:not(.no-hover) {
    background-color: var(--bg-hover-color)
}

.header-dropdown-list[data-v-7db5cfb7] .list-item.active {
    background-color: var(--bg-active-color)
}

.header-dropdown-list .top-wrapper[data-v-7db5cfb7] {
    height: unset;
    border-bottom: solid 1px var(--border-line-color)
}

.header-dropdown-list .top-wrapper.no-border-bottom[data-v-7db5cfb7] {
    border-bottom: unset
}

.header-dropdown-list .center-wrapper[data-v-7db5cfb7] {
    justify-content: space-between
}

.header-dropdown-list .center-column[data-v-7db5cfb7] {
    flex-direction: column;
    align-items: flex-start
}

.header-dropdown-list .footer[data-v-7db5cfb7] {
    position: relative;
    cursor: pointer;
    border-top: solid 1px var(--border-line-color)
}

.header-dropdown-list .list-item__label[data-v-7db5cfb7] {
    display: flex
}

.header-dropdown-list .list-item__new[data-v-7db5cfb7] {
    display: flex;
    padding: 1px;
    margin-left: 8px;
    background: var(--app--color--white);
    border-radius: 4px
}

.arabic .header-dropdown-list .list-item__new[data-v-7db5cfb7] {
    margin-right: 8px;
    margin-left: 0
}

.header-dropdown-list .new__text[data-v-7db5cfb7] {
    font-size: 12px;
    font-weight: 700;
    color: var(--app--color--primary);
    transform: scale(.83)
}

.header-dropdown-list .status-label[data-v-7db5cfb7] {
    margin-left: 16px
}

.arabic .header-dropdown-list .status-label[data-v-7db5cfb7] {
    margin-right: 16px
}

.header-dropdown-list .list-item__sub-text[data-v-7db5cfb7] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--sub-font-color)
}

.header-dropdown-list .new[data-v-7db5cfb7] {
    padding: 0 2px;
    font-size: 12px;
    line-height: 18px;
    color: var(--app--color--primary);
    text-align: center;
    background-color: var(--app--color--white);
    border-radius: 4px
}

.header-dropdown[data-v-f722cb8a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-dropdown[data-v-f722cb8a] .icon-chevron-down {
    width: 20px;
    height: 20px;
    margin-left: 2px;
    transition: transform .3s
}

.header-dropdown[data-v-f722cb8a] .icon-chevron-down.active {
    transform: rotate(180deg)
}

.header-dropdown .dropdown-list-label[data-v-f722cb8a] {
    position: relative
}

.header-dropdown .dropdown-list-label.label-active[data-v-f722cb8a]:after {
    position: absolute;
    top: calc(100% + 3px);
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content)
}

.header-dropdown .dropdown-list-label[data-v-f722cb8a] .header-tab__badge {
    top: -2px;
    right: -8px
}

.header-dropdown .dropdown-list-label .tab-content-wrap[data-v-f722cb8a] {
    position: relative;
    display: inline-flex;
    align-items: center
}

.header-dropdown .dropdown-list-label .tab-content-wrap .btn-icon[data-v-f722cb8a] {
    margin-right: 4px
}

.header-dropdown .hover-space[data-v-f722cb8a] {
    position: absolute;
    top: 35px;
    width: 100px;
    height: 20px;
    background: #fff;
    opacity: 0
}

.header-dropdown .action-icon[data-v-f722cb8a] {
    display: flex;
    align-items: center
}

.theme-transparent .header-dropdown .dropdown-list-label.label-active[data-v-f722cb8a]:after,
.theme-simple .header-dropdown .dropdown-list-label.label-active[data-v-f722cb8a]:after {
    background-color: var(--app--color--white)
}

.theme-transparent-light .header-dropdown .dropdown-list-label.label-active[data-v-f722cb8a]:after {
    background-color: var(--app--theme--header-transparent-light-content)
}

.panel-list[data-v-f722cb8a] {
    position: fixed;
    z-index: 3000
}

.link-wrap[data-v-1ab2a07b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .link-wrap[data-v-1ab2a07b] {
        width: 100%;
        height: 48px;
        padding-left: 20px
    }
}

.nft-link[data-v-1ab2a07b] {
    --nft-link-color: #019dfd;
    display: inline-block;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--nft-link-color);
    background-color: #fff;
    border-radius: 6px
}

@media (max-width: 767px) {
    .nft-link[data-v-1ab2a07b] {
        color: var(--app--color--primary-darker)
    }
}

.search-input-wrap[data-v-07c43861] {
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    justify-content: center;
    width: 150px;
    padding: 8px 12px;
    background-color: var(--app--theme--global-search-input-bg);
    border-radius: 20px
}

@media (max-width: 1279px) {
    .search-input-wrap[data-v-07c43861] {
        width: 100%
    }
}

.theme-simple .search-input-wrap[data-v-07c43861]:not(.has-custom-theme),
.theme-transparent-light .search-input-wrap[data-v-07c43861]:not(.has-custom-theme),
.theme-transparent .is-scroll .search-input-wrap[data-v-07c43861]:not(.has-custom-theme) {
    background-color: var(--app--color--white-dark--o-8)
}

@media (max-width: 1279px) {

    .theme-day-header .search-input-wrap[data-v-07c43861]:not(.has-custom-theme),
    .theme-transparent .search-input-wrap[data-v-07c43861]:not(.has-custom-theme) {
        background-color: var(--app--color--white-dark--o-8)
    }
}

.theme-simple .search-input-wrap:not(.has-custom-theme) .search-icon-wrap .search-icon[data-v-07c43861],
.theme-transparent-light .search-input-wrap:not(.has-custom-theme) .search-icon-wrap .search-icon[data-v-07c43861] {
    color: var(--app--color--denim-darkest)
}

@media (max-width: 1279px) {

    .theme-day-header .search-input-wrap:not(.has-custom-theme) .search-icon-wrap .search-icon[data-v-07c43861],
    .theme-transparent .search-input-wrap:not(.has-custom-theme) .search-icon-wrap .search-icon[data-v-07c43861] {
        color: var(--app--color--denim-darkest)
    }
}

.theme-simple .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861],
.theme-transparent-light .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861],
.theme-transparent .is-scroll .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861] {
    color: var(--app--color--denim-darkest)
}

@media (max-width: 1279px) {

    .theme-day-header .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861],
    .theme-transparent .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861] {
        color: var(--app--color--denim-darkest)
    }
}

.search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder {
    color: var(--app--color--white-dark);
    opacity: .8
}

.search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder {
    color: var(--app--color--white-dark);
    opacity: .8
}

.theme-simple .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder,
.theme-transparent-light .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder,
.theme-transparent .is-scroll .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder {
    color: var(--app--color--blue-grey-dark);
    opacity: 1
}

.theme-simple .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder,
.theme-transparent-light .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder,
.theme-transparent .is-scroll .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder {
    color: var(--app--color--blue-grey-dark);
    opacity: 1
}

@media (max-width: 1279px) {

    .theme-day-header .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder,
    .theme-transparent .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::-moz-placeholder {
        color: var(--app--color--blue-grey-dark);
        opacity: 1
    }

    .theme-day-header .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder,
    .theme-transparent .search-input-wrap:not(.has-custom-theme) input[data-v-07c43861]::placeholder {
        color: var(--app--color--blue-grey-dark);
        opacity: 1
    }
}

.search-input-wrap .search-icon-wrap[data-v-07c43861] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--app--theme--global-search-input-text-color)
}

.search-input-wrap .search-icon-wrap .search-icon[data-v-07c43861] {
    width: 16px;
    height: 16px
}

.search-input-wrap input[data-v-07c43861] {
    flex-grow: 1;
    width: 100%;
    height: 16px;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--app--theme--global-search-input-text-color);
    background-color: transparent;
    border: none;
    outline: none
}

@media (max-width: 1279px) {
    .search-input-wrap input[data-v-07c43861] {
        font-size: 14px
    }
}

.search-input-wrap input[data-v-07c43861]::-moz-placeholder {
    color: var(--app--theme--global-search-input-placeholder-color);
    opacity: .8
}

.search-input-wrap input[data-v-07c43861]::placeholder {
    color: var(--app--theme--global-search-input-placeholder-color);
    opacity: .8
}

.search-input-wrap .delete-icon-wrap[data-v-07c43861] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.search-input-wrap .delete-icon-wrap .delete-icon[data-v-07c43861] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.theme-simple .search-input-wrap .delete-icon-wrap .delete-icon[data-v-07c43861] path,
.theme-transparent-light .search-input-wrap .delete-icon-wrap .delete-icon[data-v-07c43861] path {
    fill: var(--app--color--blue-grey-dark)
}

@media (max-width: 1279px) {

    .theme-day-header .search-input-wrap .delete-icon-wrap .delete-icon[data-v-07c43861] path,
    .theme-transparent .search-input-wrap .delete-icon-wrap .delete-icon[data-v-07c43861] path {
        fill: var(--app--color--blue-grey-dark)
    }
}

.product-filter[data-v-b231c98e] {
    --earn-product-filter-active-line-height: 4px;
    padding: var(--earn-product-filter-active-line-height) 0;
    overflow-x: auto;
    overflow-y: hidden
}

.product-filter .product-list[data-v-b231c98e] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: stretch
}

.product-filter .product-item[data-v-b231c98e] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--theme--earn-product-filter-tab);
    cursor: pointer
}

.product-filter .product-item[data-v-b231c98e]:not(:first-of-type) {
    margin-left: 24px
}

.arabic .product-filter .product-item[data-v-b231c98e]:not(:first-of-type) {
    margin-right: 24px;
    margin-left: 0
}

.product-filter .product-item.active[data-v-b231c98e] {
    color: var(--app--theme--earn-product-filter-tab-active)
}

.product-filter .product-item.active[data-v-b231c98e]:after {
    position: absolute;
    bottom: calc(var(--earn-product-filter-active-line-height) * -1);
    left: 0;
    width: 100%;
    height: var(--earn-product-filter-active-line-height);
    cursor: pointer;
    content: "";
    background-color: var(--app--theme--earn-product-filter-tab-active)
}

.product-filter .product-item .new-label[data-v-b231c98e] {
    padding: 2px;
    margin-left: 10px;
    font-size: 12px;
    color: var(--earn-product-filter-new-label, var(--app--color--primary));
    background-color: var(--app--color--white);
    border-radius: 4px
}

.arabic .product-filter .product-item .new-label[data-v-b231c98e] {
    margin-right: 10px;
    margin-left: 0
}

.default-result[data-v-73da3c76] {
    padding-bottom: 16px
}

@media (max-width: 1279px) {
    .default-result[data-v-73da3c76] {
        border-top: 1px solid var(--app--color--blue-grey-lighter)
    }

    .theme-night .default-result[data-v-73da3c76] {
        border-color: var(--app--color--blue-grey-darker)
    }
}

.default-result .title[data-v-73da3c76] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 24px 16px 8px
}

.default-result .title .title-icon[data-v-73da3c76] path {
    fill: var(--app--theme--global-search-icon-color)
}

.default-result .title .title-text[data-v-73da3c76] {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--theme--global-search-default-result-title-text)
}

.default-result .row[data-v-73da3c76] {
    display: flex;
    gap: 8px;
    align-items: stretch;
    padding: 4px 16px
}

.default-result .row .item[data-v-73da3c76] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    min-width: 109px;
    padding: 8px 8px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--theme--global-search-default-result-row-text);
    cursor: pointer;
    background-color: var(--app--theme--global-search-default-result-row-background);
    border-radius: 4px
}

.base-currency[data-v-73da3c76] {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    margin-bottom: 4px
}

@media (max-width: 1279px) {
    .base-currency[data-v-73da3c76] {
        font-size: 14px
    }
}

.base-currency-left[data-v-73da3c76] {
    flex: 0 0 auto
}

.base-currency-right[data-v-73da3c76] {
    flex: 1 1 0;
    min-width: 0
}

.base-currency-right .word-break[data-v-73da3c76] {
    overflow-wrap: anywhere
}

.quote-currency[data-v-73da3c76] {
    color: var(--app--theme--global-search-default-result-row-currency-text)
}

.category-top[data-v-2e65dda3] {
    display: flex;
    justify-content: space-between;
    padding: 24px 16px 8px
}

.category-top .view-all[data-v-2e65dda3] {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    cursor: pointer
}

.category-top .view-all[data-v-2e65dda3]:hover {
    color: var(--app--color--blue-grey-darker)
}

.theme-night .category-top .view-all[data-v-2e65dda3]:hover {
    color: var(--app--color--white)
}

.category-top .view-all .icon-arrow[data-v-2e65dda3] {
    width: 16px;
    height: 16px
}

.item[data-v-b1094a58] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer
}

.item[data-v-b1094a58]:after {
    position: absolute;
    bottom: 0;
    width: calc(100% - 32px);
    height: 1px;
    content: "";
    background-color: var(--app--theme--global-search-result-list-item-divider-color)
}

.theme-night .item[data-v-b1094a58]:after {
    background-color: var(--app--theme--global-search-result-list-item-divider-color)
}

.item[data-v-b1094a58]:hover,
.theme-night .item[data-v-b1094a58]:hover {
    background-color: var(--app--theme--global-search-result-list-item-bg-hover)
}

.item .item-left[data-v-b1094a58] {
    display: flex;
    gap: 8px;
    align-items: center
}

.item .item-left .title-wrap[data-v-b1094a58] {
    display: flex;
    flex-direction: column
}

.item .item-left .title-wrap .title[data-v-b1094a58] {
    color: var(--app--theme--global-search-result-list-item-title)
}

.item .item-left .title-wrap .subtitle[data-v-b1094a58] {
    font-size: 12px
}

.item .item-right[data-v-b1094a58] {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.item .item-right .price[data-v-b1094a58] {
    font-size: 16px;
    color: var(--app--theme--global-search-result-list-item-price)
}

.item .item-right .gains[data-v-b1094a58] {
    font-size: 12px
}

.item .item-right .apy[data-v-b1094a58] {
    font-size: 16px;
    color: var(--app--theme--global-search-result-list-item-apy)
}

.item .item-right .apy-text[data-v-b1094a58] {
    font-weight: 400
}

.search-result-wrap[data-v-e75b2e9c] {
    position: absolute;
    width: 375px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--theme--global-search-text);
    background-color: var(--app--theme--global-search-background);
    border-radius: 4px;
    box-shadow: 0 0 20px #00000026
}

@media (max-width: 1279px) {
    .search-result-wrap[data-v-e75b2e9c] {
        position: static;
        width: 100%;
        box-shadow: none;
        margin-top: 0
    }
}

.search-result-wrap .empty[data-v-e75b2e9c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding: 96px 48px 112px;
    font-weight: 400;
    text-align: center
}

.search-result-wrap .empty .empty-icon[data-v-e75b2e9c] :nth-of-type(2),
.search-result-wrap .empty .empty-icon[data-v-e75b2e9c] :nth-of-type(7) {
    fill: var(--app--theme--global-search-result-empty-icon-color)
}

.search-result-wrap .switcher[data-v-e75b2e9c] {
    padding-bottom: 5px;
    overflow-x: overlay;
    white-space: nowrap
}

.search-result-wrap .switcher.has-scrollbar[data-v-e75b2e9c] {
    padding-bottom: 10px
}

.search-result-wrap .switcher[data-v-e75b2e9c] .switcher-nav {
    padding: 0 8px
}

.theme-night .search-result-wrap .switcher[data-v-e75b2e9c] .switcher-nav .switcher-bottom-bar-bar {
    background-color: var(--app--color--primary-light)
}

.search-result-wrap .switcher[data-v-e75b2e9c] .switcher-nav .switcher-bottom-bar-button {
    height: 48px;
    padding: 8px;
    color: var(--app--theme--global-search-switcher-bottom-bar-button-text);
    cursor: pointer
}

.search-result-wrap .switcher[data-v-e75b2e9c] .switcher-nav .switcher-bottom-bar-button.selected {
    font-weight: 500;
    color: var(--app--theme--global-search-switcher-bottom-bar-button-text-selected)
}

.search-result-wrap .switcher[data-v-e75b2e9c] .switcher-nav .switcher-bottom-bar-button:hover {
    color: var(--app--theme--global-search-switcher-bottom-bar-button-text-hover)
}

.search-result-wrap .tab-content[data-v-e75b2e9c] {
    min-height: 330px;
    max-height: 530px;
    overflow-y: scroll;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 1279px) {
    .search-result-wrap .tab-content[data-v-e75b2e9c] {
        height: calc(100vh - 118px);
        max-height: none
    }
}

.search-result-wrap .fade-enter-active[data-v-e75b2e9c],
.search-result-wrap .fade-leave-active[data-v-e75b2e9c] {
    transition: opacity 0s
}

.search-result-wrap .fade-enter[data-v-e75b2e9c],
.search-result-wrap .fade-leave-to[data-v-e75b2e9c] {
    opacity: 0
}

.search-icon-wrap[data-v-4cf490ab] {
    cursor: pointer
}

.search-icon-wrap .search-icon[data-v-4cf490ab] {
    width: 24px;
    height: 24px
}

.search-page[data-v-4cf490ab] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--app--color--white);
    box-shadow: 0 0 20px #00000026
}

.theme-night .search-page[data-v-4cf490ab] {
    background-color: var(--app--color--denim-darkest)
}

.search-page .mobile-search-header[data-v-4cf490ab] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 24px 16px 16px
}

.search-page .mobile-search-header .button-cancel[data-v-4cf490ab] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-dark);
    cursor: pointer
}

.theme-night .search-page .mobile-search-header .button-cancel[data-v-4cf490ab] {
    color: var(--app--color--white-dark--o-8)
}

.navigation[data-v-e10a3629] {
    --navigation-link-margin-between: 36px;
    --dropdown-list-label-underline-opacity: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 18px
}

.arabic .navigation[data-v-e10a3629] {
    margin-right: 18px;
    margin-left: 0
}

.navigation .navigation-link[data-v-e10a3629] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 18px;
    font-family: var(--app--title--font-family);
    font-size: 15px;
    font-weight: 500;
    color: inherit
}

.navigation .navigation-link.o-active[data-v-e10a3629]:after {
    opacity: 1
}

.navigation .navigation-link[data-v-e10a3629]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 18px;
    width: calc(100% - 36px);
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content);
    opacity: 0;
    transition: .3s opacity
}

.navigation .navigation-link.hover-effect[data-v-e10a3629]:hover:after {
    opacity: 1
}

.navigation .navigation-nft[data-v-e10a3629] {
    margin-left: 18px
}

.arabic .navigation .navigation-nft[data-v-e10a3629] {
    margin-right: 18px;
    margin-left: 0
}

.header-dropdown-list .navigation__footer[data-v-e10a3629] {
    justify-content: space-between;
    width: 100%
}

.footer__arrow-icon[data-v-e10a3629] {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg)
}

.arabic .footer__arrow-icon[data-v-e10a3629] {
    transform: rotate(90deg)
}

.md .navigation[data-v-e10a3629] {
    --navigation-link-margin-between: 20px;
    padding: 0 5px
}

.dropdown-menu-list[data-v-24e34ca6] {
    padding: 16px 8px
}

.dropdown-menu-list[data-v-24e34ca6]>*+* {
    padding-left: 0;
    margin-top: 8px
}

.dropdown-menu-list .list-title[data-v-24e34ca6] {
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--header-dropdown-menu-text)
}

.dropdown-menu-list .list-item[data-v-24e34ca6] {
    box-sizing: border-box;
    display: flex;
    max-width: 304px;
    min-height: 55px;
    text-transform: none
}

.dropdown-menu-list .list-item .list-item-icon[data-v-24e34ca6] {
    width: 20px;
    height: 20px;
    margin-right: 16px;
    color: var(--app--theme--header-dropdown-menu-list-icon)
}

.arabic .dropdown-menu-list .list-item .list-item-icon[data-v-24e34ca6] {
    margin-left: 16px
}

.dropdown-menu-list .list-item .list-item-label[data-v-24e34ca6] {
    font-size: 14px;
    font-weight: 500;
    color: var(--app--theme--header-dropdown-menu-text)
}

.dropdown-menu-list .list-item .list-item-sub-text[data-v-24e34ca6] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--header-dropdown-menu-sub-text)
}

.dropdown-menu-list .list-item[data-v-24e34ca6]:hover {
    background-color: var(--app--theme--header-dropdown-menu-list-hover-bg)
}

.dropdown-menu-list .list-item+.dropdown-menu-list .list-item[data-v-24e34ca6] {
    margin-bottom: 8px
}

.dropdown-menu-list .item-padding[data-v-24e34ca6] {
    padding: 8px 16px
}

.dropdown-menu-panel[data-v-91691491] {
    position: relative;
    display: flex;
    background-color: var(--app--theme--header-dropdown-menu-panel-bg);
    border-radius: 4px;
    box-shadow: 0 4px 16px #0a1e810d, 0 2px 8px #0a1e8126
}

.arabic .dropdown-menu-panel[data-v-91691491] {
    direction: rtl
}

.dropdown-menu-panel .vertical-line[data-v-91691491] {
    margin: 16px 0;
    background-color: var(--app--theme--header-dropdown-menu-vertical-line);
    border: 1px solid var(--app--theme--header-dropdown-menu-vertical-line)
}

.dropdown-menu[data-v-867046dd] {
    --dropdown-hover-icon-color: var(--app--theme--header-dropdown-menu-icon-hover);
    --dropdown-hover-bg: var(--app--theme--header-dropdown-menu-icon-hover-bg);
    cursor: pointer
}

.theme-transparent .dropdown-menu[data-v-867046dd] {
    --dropdown-hover-bg: var(--app--color--white-dark--o-2)
}

.theme-transparent-light .dropdown-menu[data-v-867046dd],
.theme-simple .dropdown-menu[data-v-867046dd],
.theme-transparent .is-scroll .dropdown-menu[data-v-867046dd] {
    --dropdown-hover-icon-color: var(--app--color--primary);
    --dropdown-hover-bg: var(--app--color--white-dark)
}

.dropdown-menu:hover .icon-wrapper[data-v-867046dd] {
    background: var(--dropdown-hover-bg)
}

.dropdown-menu:hover .btn-icon[data-v-867046dd] {
    color: var(--dropdown-hover-icon-color)
}

.dropdown-menu .icon-wrapper[data-v-867046dd] {
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.dropdown-menu .icon-wrapper .btn-icon[data-v-867046dd] {
    width: 16px;
    height: 16px
}

.dropdown-menu .hover-space[data-v-867046dd] {
    position: absolute;
    top: 10px;
    left: -10px;
    width: 100px;
    height: 20px;
    background: #fff;
    opacity: 0
}

.panel-list[data-v-867046dd] {
    position: fixed;
    z-index: 3000
}

.or-link[data-v-1650b2bc] {
    padding-top: 5px
}

.or-link .or[data-v-1650b2bc] {
    display: inline-block;
    padding-right: 6px;
    color: #c8c8c8
}

.or-link .link[data-v-1650b2bc] {
    color: #4a4a4a
}

.or-link .link .testnet-link[data-v-1650b2bc] {
    text-decoration: underline
}

.theme-night .or-link .link[data-v-1650b2bc] {
    color: var(--app--color--blue-grey)
}

.theme-night .or-link .link .testnet-link[data-v-1650b2bc] {
    color: #fff
}

.trade-btn[data-v-818be9e3] {
    --base-button-large-height: 48px;
    width: -moz-max-content;
    width: max-content
}

@media (max-width: 767px) {
    .trade-btn[data-v-818be9e3] {
        width: 100%
    }
}

.email-register-wrapper[data-v-232d6bbd] {
    box-sizing: border-box;
    display: flex;
    gap: 16px
}

@media (max-width: 767px) {
    .email-register-wrapper[data-v-232d6bbd] {
        flex-direction: column
    }
}

.email-register-wrapper .email-input[data-v-232d6bbd] {
    filter: drop-shadow(0 2px 8px rgba(10, 30, 129, .15)) drop-shadow(0 4px 16px rgba(10, 30, 129, .05));
    border-radius: 4px
}

@media (max-width: 767px) {
    .email-register-wrapper .email-input[data-v-232d6bbd] {
        filter: unset
    }
}

.email-register-wrapper .register-btn[data-v-232d6bbd] {
    --base-button-large-height: 48px;
    white-space: nowrap;
    filter: drop-shadow(0 2px 8px rgba(10, 30, 129, .15)) drop-shadow(0 4px 16px rgba(10, 30, 129, .05))
}

@media (max-width: 767px) {
    .email-register-wrapper .register-btn[data-v-232d6bbd] {
        filter: unset
    }
}

.banner-item[data-v-25967eb0] {
    --title-color: var(--app--theme--home-banner-title);
    --des-color: var(--app--theme--home-banner-description);
    --button-background: var(--app--theme--home-banner-button-background);
    position: relative
}

.banner-item.night[data-v-25967eb0] {
    --title-color: var(--app--theme--home-banner-night-title);
    --des-color: var(--app--theme--home-banner-night-description);
    --button-background: var(--app--theme--home-banner-night-button-background)
}

.banner-item .banner-background[data-v-25967eb0] {
    position: relative;
    width: 100vw;
    height: 580px;
    color: #fff;
    text-align: center;
    background-image: var(--background-img);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.banner-item .banner-background[data-v-25967eb0]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 580px;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 58.45%, rgba(3, 61, 144, .3) 100%);
    background-blend-mode: multiply
}

@media (max-width: 767px) {
    .banner-item .banner-background[data-v-25967eb0]:after {
        height: 628px
    }
}

@media (max-width: 767px) {
    .banner-item .banner-background[data-v-25967eb0] {
        height: 628px
    }
}

.banner-item .banner-content-wrapper[data-v-25967eb0] {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    width: 1076px;
    min-height: 200px;
    margin-top: 140px;
    transform: translate(-50%)
}

@media (max-width: 1279px) {
    .banner-item .banner-content-wrapper[data-v-25967eb0] {
        width: calc(100vw - 48px)
    }
}

@media (max-width: 767px) {
    .banner-item .banner-content-wrapper[data-v-25967eb0] {
        margin-top: 64px
    }
}

.banner-item .banner-content[data-v-25967eb0] {
    display: flex;
    flex-direction: column;
    width: 600px
}

@media (max-width: 1023px) {
    .banner-item .banner-content[data-v-25967eb0] {
        width: 55%
    }
}

@media (max-width: 767px) {
    .banner-item .banner-content[data-v-25967eb0] {
        width: 100%
    }
}

.banner-item .banner-content .title[data-v-25967eb0] {
    font-size: 48px;
    font-weight: 700;
    line-height: 62px;
    color: var(--title-color);
    white-space: break-spaces
}

@media (max-width: 1023px) {
    .banner-item .banner-content .title[data-v-25967eb0] {
        font-size: 34px;
        line-height: 120%
    }
}

@media (max-width: 767px) {
    .banner-item .banner-content .title[data-v-25967eb0] {
        width: 100%
    }
}

.banner-item .banner-content .title-des[data-v-25967eb0] {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: var(--des-color)
}

.banner-item .banner-content .cta-component[data-v-25967eb0] {
    --email-input-background: var(--app--color--white);
    margin-top: 44px
}

.banner-item .banner-content .cta-component.base-button[data-v-25967eb0] {
    background: var(--button-background)
}

@media (max-width: 767px) {
    .banner-item .banner-content .cta-component[data-v-25967eb0] {
        margin-top: 24px
    }
}

.carousel[data-v-8199aede] {
    position: relative
}

.carousel .carousel__content[data-v-8199aede] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.carousel .carousel__list[data-v-8199aede] {
    display: flex;
    justify-content: space-evenly
}

.carousel .carousel__cell[data-v-8199aede] {
    display: none;
    opacity: 0
}

.carousel .carousel__cell.show[data-v-8199aede] {
    display: flex;
    animation: animationFadeIn-8199aede 1.2s ease-out forwards
}

@keyframes animationFadeIn-8199aede {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.carousel .carousel__dot-wrap[data-v-8199aede] {
    position: absolute;
    bottom: 72px;
    left: 50%;
    display: flex;
    gap: 36px;
    align-items: center;
    width: 1076px;
    transform: translate(-50%)
}

@media (max-width: 1023px) {
    .carousel .carousel__dot-wrap[data-v-8199aede] {
        width: calc(100% - 48px)
    }
}

@media (max-width: 767px) {
    .carousel .carousel__dot-wrap[data-v-8199aede] {
        justify-content: space-between
    }
}

.carousel .carousel__dot-wrap .dots-list[data-v-8199aede] {
    display: flex
}

.carousel .carousel__dot-wrap .direction[data-v-8199aede] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--app--theme--banner-slider-color);
    cursor: pointer
}

.carousel .carousel__dot-wrap .direction.left[data-v-8199aede] {
    transform: rotate(-180deg)
}

.carousel .carousel__dot-wrap .direction .arrow-icon[data-v-8199aede] {
    width: 22px;
    height: 22px
}

.carousel__dot[data-v-8199aede] {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background-color: var(--app--theme--banner-slider-color);
    filter: drop-shadow(0 2px 8px rgba(10, 30, 129, .15)) drop-shadow(0 4px 16px rgba(10, 30, 129, .05));
    border-radius: 100px;
    opacity: .6;
    transition: width .7s
}

.carousel__dot+.carousel__dot[data-v-8199aede] {
    margin-left: 12px
}

.carousel__dot.is-active[data-v-8199aede] {
    width: 26px;
    opacity: 1
}

.banner-slider[data-v-9f3f1f5f] {
    position: relative
}

.line-chart .chart-line {
    fill: none;
    stroke: #fff;
    stroke-width: 1
}

.line-chart .chart-line.is-up {
    stroke: #0ab387
}

.line-chart .chart-line.is-down {
    stroke: #e21e36
}

.currency-table[data-v-4faecfde] {
    width: 100%;
    margin: 64px auto;
    background-color: var(--app--color--white);
    border-radius: 8px;
    box-shadow: 0 4px 44px #0a1e810d, inset -2px -2px 2px #0c107c1a, inset 2px 2px 2px #fff
}

@media (max-width: 1023px) {
    .currency-table[data-v-4faecfde] {
        margin: 64px auto 48px
    }
}

@media (max-width: 767px) {
    .currency-table[data-v-4faecfde] {
        margin: 0 auto 48px
    }
}

.currency-table .right-click-icon[data-v-4faecfde] {
    color: var(--app--color--blue-grey-dark)
}

.type-switcher[data-v-4faecfde] {
    padding: 0 44px;
    margin-top: 38px
}

@media (max-width: 767px) {
    .type-switcher[data-v-4faecfde] {
        margin-top: 30px;
        padding: 0 24px
    }
}

.type-switcher[data-v-4faecfde] .switcher {
    padding-bottom: 15px
}

.type-switcher[data-v-4faecfde] .nav__list>*+* {
    margin-left: 25px
}

.type-switcher[data-v-4faecfde] .switcher-bottom-bar-button {
    display: inline-flex;
    align-items: center;
    height: 24px;
    font-size: 16px;
    color: var(--app--color--blue-grey-darker)
}

.type-switcher[data-v-4faecfde] .switcher-bottom-bar-button:not(.selected) {
    font-weight: 500;
    color: var(--app--color--blue-grey-dark)
}

.type-switcher[data-v-4faecfde] .switcher-bottom-bar-bar {
    margin-top: 12px
}

.lists[data-v-4faecfde] {
    width: 100%;
    border-collapse: collapse
}

.arabic .lists[data-v-4faecfde] {
    direction: rtl
}

.lists .time-change[data-v-4faecfde] {
    padding-right: 100px
}

@media (max-width: 1023px) {
    .lists .time-change[data-v-4faecfde] {
        padding-right: 50px
    }
}

.header[data-v-4faecfde] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--app--color--blue-grey-dark)
}

.header td[data-v-4faecfde] {
    padding-top: 24px;
    padding-bottom: 16px
}

.header .name[data-v-4faecfde] {
    padding-left: 44px
}

.arabic .header .name[data-v-4faecfde] {
    padding-right: 44px;
    padding-left: 0
}

.row[data-v-4faecfde] {
    font-size: 18px;
    color: var(--app--color--blue-grey-darker);
    cursor: pointer
}

.row[data-v-4faecfde]:hover {
    background-color: var(--app--color--white-dark--o-4)
}

.row .name[data-v-4faecfde] {
    padding: 19.5px 0 19.5px 44px
}

@media (max-width: 767px) {
    .row .name[data-v-4faecfde] {
        padding: 19.5px 0 19.5px 24px
    }
}

.arabic .row .name[data-v-4faecfde] {
    padding: 19.5px 44px 19.5px 0
}

@media (max-width: 767px) {
    .arabic .row .name[data-v-4faecfde] {
        padding: 19.5px 24px 19.5px 0
    }
}

.currency-name-wrapper[data-v-4faecfde] {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 18px
}

.currency-name-wrapper .short-name[data-v-4faecfde] {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: var(--app--color--denim-dark)
}

.currency-name-wrapper .name-info[data-v-4faecfde] {
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    .currency-name-wrapper .name-info[data-v-4faecfde] {
        gap: 4px
    }
}

.currency-name-wrapper .full-name[data-v-4faecfde] {
    color: var(--app--color--blue-grey-dark)
}

@media (max-width: 1023px) {
    .currency-name-wrapper .full-name[data-v-4faecfde] {
        font-size: 14px
    }
}

.price-info[data-v-4faecfde] {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    text-align: right
}

@media (max-width: 767px) {
    .price-info[data-v-4faecfde] {
        gap: 4px
    }
}

.price-info .price[data-v-4faecfde] {
    color: var(--app--color--denim-darkest)
}

.price-info .gain[data-v-4faecfde] {
    font-size: 14px
}

.is-up[data-v-4faecfde] {
    color: var(--app--color--accent-green)
}

.is-down[data-v-4faecfde] {
    color: var(--app--color--accent-red)
}

[data-v-4faecfde] .chart-line {
    stroke: var(--app--color--blue-grey-lighter)
}

[data-v-4faecfde] .chart-line.is-up {
    stroke: var(--app--color--accent-green)
}

[data-v-4faecfde] .chart-line.is-down {
    stroke: var(--app--color--accent-red)
}

.center[data-v-4faecfde] {
    text-align: center
}

.arabic .center[data-v-4faecfde] {
    direction: ltr
}

.right[data-v-4faecfde] {
    text-align: right
}

.mobile .currency-selector[data-v-4faecfde] {
    margin-right: 16px
}

.arabic .mobile .currency-selector[data-v-4faecfde] {
    direction: ltr
}

.price-td[data-v-4faecfde] {
    color: var(--app--color--denim-darkest)
}

.line-td[data-v-4faecfde] {
    width: 100px
}

.buy-td[data-v-4faecfde] {
    width: 150px
}

.currency-short[data-v-4faecfde] {
    margin-right: 4px
}

.market-table[data-v-67c55d3e] {
    display: flex;
    flex-direction: column;
    width: 1076px
}

@media (max-width: 1279px) {
    .market-table[data-v-67c55d3e] {
        width: 100%
    }
}

.market-table .info-block[data-v-67c55d3e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
}

.market-table .info-block .title[data-v-67c55d3e] {
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-darkest)
}

.market-table .info-block .des[data-v-67c55d3e] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker)
}

.market-table .currency-table[data-v-67c55d3e] {
    margin: 84px auto 44px
}

@media (max-width: 767px) {
    .market-table .currency-table[data-v-67c55d3e] {
        margin: 44px auto 32px
    }
}

.product-wrap[data-v-89eaed69] {
    position: relative
}

.product-wrap.active[data-v-89eaed69]:before {
    display: inline-block;
    width: 244px;
    content: ""
}

.product[data-v-89eaed69] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    width: 244px;
    height: auto;
    padding: 40px 24px;
    background-color: var(--app--color--white);
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    border-radius: 16px;
    box-shadow: 0 8px 44px #0a1e811a, 0 2px 8px #0a1e811f;
    transition: transform .4s;
    will-change: transform
}

@media (max-width: 767px) {
    .product[data-v-89eaed69] {
        width: 192px
    }
}

.product.active[data-v-89eaed69] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: scale(1.23)
}

.product.active[data-v-89eaed69]>* {
    transform: scale(1)
}

.product.active .earn-btn[data-v-89eaed69] {
    display: inline-block
}

.product .currency[data-v-89eaed69] {
    margin-top: 8px;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-darkest)
}

.product .apy-wrap[data-v-89eaed69] {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--denim-dark)
}

.product .apy-wrap .rate[data-v-89eaed69] {
    margin: 0 4px;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-darker)
}

.product .earn-btn[data-v-89eaed69] {
    --base-button-small-height: 32px;
    --base-button-small-padding: 7px 24px;
    display: none;
    margin-top: 24px
}

.cards-slider[data-v-e71e2bab] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--app--color--denim-dark)
}

.cards-slider .text-wrap[data-v-e71e2bab] {
    display: flex;
    flex-direction: column;
    max-width: 1280px
}

.cards-slider .content[data-v-e71e2bab] {
    width: 100%
}

.cards-slider .features[data-v-e71e2bab] {
    display: flex;
    gap: 24px;
    transform: translate(0);
    will-change: transform
}

.cards-slider .features.transition[data-v-e71e2bab] {
    transition: transform 3s
}

.cards-slider .indicator[data-v-e71e2bab] {
    position: absolute;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 40px
}

.cards-slider .indicator.left[data-v-e71e2bab] {
    left: var(--left-indicator-position);
    transform: translateY(-50%)
}

.cards-slider .indicator.left .arrow-icon[data-v-e71e2bab] {
    transform: rotate(-180deg)
}

.cards-slider .indicator.right[data-v-e71e2bab] {
    left: var(--right-indicator-position);
    transform: translateY(-50%)
}

.cards-slider .indicator .icon-wrap[data-v-e71e2bab] {
    width: 100%;
    height: 100%;
    background: var(--app--color--denim-light);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 40px;
    mix-blend-mode: multiply;
    opacity: .2
}

.cards-slider .indicator .arrow-icon[data-v-e71e2bab] {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 1;
    width: 26px;
    height: 26px;
    color: var(--app--color--white)
}

.product-cards-wrap[data-v-369c656f] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-cards-wrap .product-info-wrap[data-v-369c656f] {
    display: flex;
    flex-direction: column;
    gap: 54px;
    justify-content: center;
    width: 1076px;
    height: 374px;
    background-repeat: no-repeat;
    background-position: right 92px bottom -2px
}

@media (max-width: 1279px) {
    .product-cards-wrap .product-info-wrap[data-v-369c656f] {
        box-sizing: border-box;
        width: 100%;
        padding: 0 24px
    }
}

@media (max-width: 1023px) {
    .product-cards-wrap .product-info-wrap[data-v-369c656f] {
        background: none;
        height: auto
    }
}

@media (max-width: 767px) {
    .product-cards-wrap .product-info-wrap[data-v-369c656f] {
        gap: 32px;
        padding: 0 24px
    }
}

.product-cards-wrap .product-info-wrap .title[data-v-369c656f] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--app--theme--home-product-card-title)
}

.product-cards-wrap .product-info-wrap .subtitle[data-v-369c656f] {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--app--color--blue-grey-darker)
}

@media (max-width: 1023px) {
    .product-cards-wrap .product-info-wrap .title-border-block[data-v-369c656f] {
        margin: 48px 0
    }
}

.product-cards-wrap .product-info-wrap .info-items[data-v-369c656f] {
    display: flex;
    gap: 100px
}

@media (max-width: 767px) {
    .product-cards-wrap .product-info-wrap .info-items[data-v-369c656f] {
        gap: 0
    }
}

.product-cards-wrap .product-info-wrap .info-items .item-wrap[data-v-369c656f] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 767px) {
    .product-cards-wrap .product-info-wrap .info-items .item-wrap[data-v-369c656f] {
        width: 50%
    }
}

.product-cards-wrap .product-info-wrap .info-items .item-title[data-v-369c656f] {
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-darkest)
}

.product-cards-wrap .product-info-wrap .info-items .item-des[data-v-369c656f] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker)
}

.product-cards-wrap .card-slider-wrap[data-v-369c656f] {
    width: 1076px
}

.product-cards-wrap .card-slider-wrap[data-v-369c656f]::-webkit-scrollbar {
    display: none
}

@media (max-width: 1279px) {
    .product-cards-wrap .card-slider-wrap[data-v-369c656f] {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .product-cards-wrap .card-slider-wrap[data-v-369c656f] {
        scrollbar-width: none;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 48px 24px 144px
    }

    .product-cards-wrap .card-slider-wrap[data-v-369c656f] .product-wrap:last-child {
        padding-right: 24px
    }
}

.chip-item-wrap[data-v-e11571b9] {
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    height: 64px;
    padding: 16px 24px;
    cursor: pointer;
    background: var(--app--color--white);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 60px;
    box-shadow: 0 4px 44px #0a1e810d
}

.chip-item-wrap[data-v-e11571b9]:hover {
    box-shadow: 0 2px 8px #0a1e811a, 0 4px 24px #0a1e811a
}

.chip-item-wrap .currency[data-v-e11571b9] {
    align-items: center
}

.chip-item-wrap .currency[data-v-e11571b9] ._text {
    padding-left: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: var(--app--color--denim-dark)
}

.chip-item-wrap .price-info[data-v-e11571b9] {
    display: flex;
    gap: 8px;
    align-items: center
}

.chip-item-wrap .price-info .price[data-v-e11571b9] {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--denim-darkest)
}

.chip-item-wrap .price-info .gains[data-v-e11571b9] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.chip-item-wrap .price-info .gains.positive[data-v-e11571b9] {
    color: var(--app--color--accent-green-light)
}

.chip-item-wrap .price-info .gains.negative[data-v-e11571b9] {
    color: var(--app--color--accent-red)
}

.chips-scroll-container[data-v-9acddd05] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.chips-scroll-container .guard-line[data-v-9acddd05] {
    width: 1076px;
    height: 1px
}

@media (max-width: 1279px) {
    .chips-scroll-container .guard-line[data-v-9acddd05] {
        width: 100vw
    }
}

.chips-scroll[data-v-9acddd05] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 0
}

.chips-scroll.ready[data-v-9acddd05] {
    width: 100vw
}

.chips-scroll .row[data-v-9acddd05] {
    display: flex;
    gap: 26px;
    transform: translate(var(--row-translate));
    will-change: transform
}

.chips-scroll-wrap[data-v-e846c15e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 190px;
    margin-bottom: 196px
}

.chips-scroll-wrap.no-margin[data-v-e846c15e] {
    margin: 0
}

@media (max-width: 767px) {
    .chips-scroll-wrap[data-v-e846c15e] {
        margin-bottom: 172px
    }
}

@media (max-width: 767px) {
    .chips-scroll-wrap[data-v-e846c15e] {
        margin-top: 0;
        margin-bottom: 96px
    }
}

.chips-scroll-wrap .title[data-v-e846c15e] {
    margin-bottom: 48px;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-dark);
    text-align: center
}

@media (max-width: 767px) {
    .chips-scroll-wrap .title[data-v-e846c15e] {
        margin-left: 24px
    }
}

.chips-scroll-wrap .multiple-chips[data-v-e846c15e] {
    display: flex;
    flex-direction: column
}

.chips-scroll-wrap .trading-btn[data-v-e846c15e] {
    --base-button-large-height: 48px;
    margin-top: 48px
}

@media (max-width: 767px) {
    .chips-scroll-wrap .trading-btn[data-v-e846c15e] {
        margin-top: 32px;
        width: calc(100vw - 48px);
        box-sizing: border-box
    }
}

.security-section[data-v-9d349996] {
    --content-padding: calc((100vw - 1076px)/2);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100vw;
    padding-left: var(--content-padding);
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: left calc(var(--content-padding) + 650px) bottom 60px
}

@media (max-width: 1279px) {
    .security-section[data-v-9d349996] {
        width: 100vw
    }
}

@media (max-width: 1023px) {
    .security-section[data-v-9d349996] {
        background: none;
        padding: 0 24px
    }
}

.security-section .title[data-v-9d349996] {
    font-size: 34px;
    font-weight: 700;
    line-height: 150%;
    color: var(--app--color--denim-dark)
}

.security-section .subtitle[data-v-9d349996] {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--app--color--blue-grey-darker)
}

.security-section .security-container[data-v-9d349996] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 620px;
    margin-top: 32px
}

@media (max-width: 1023px) {
    .security-section .security-container[data-v-9d349996] {
        width: 100%
    }
}

.security-section .item-wrap[data-v-9d349996] {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 32px;
    background: var(--app--theme--home-security-section-bg);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 16px;
    box-shadow: var(--app--theme--home-security-section-box-shadow)
}

@media (max-width: 767px) {
    .security-section .item-wrap[data-v-9d349996] {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px
    }
}

.security-section .item-wrap .security-icon[data-v-9d349996] {
    width: 72px;
    height: 72px
}

.security-section .item-wrap .item-content[data-v-9d349996] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.security-section .item-wrap .item-content .item-title[data-v-9d349996] {
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    color: var(--app--theme--home-security-section-title)
}

.security-section .item-wrap .item-content .item-des[data-v-9d349996] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--theme--home-security-section-description)
}

.step-section-wrapper[data-v-9472dfcb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px 84px;
    background: var(--app--color--white)
}

@media (max-width: 767px) {
    .step-section-wrapper[data-v-9472dfcb] {
        padding: 0 0 64px
    }
}

.step-section-wrapper .title[data-v-9472dfcb] {
    font-size: 34px;
    font-weight: 700;
    line-height: 150%;
    color: var(--app--color--denim-dark)
}

@media (max-width: 767px) {
    .step-section-wrapper .title[data-v-9472dfcb] {
        padding-left: 24px;
        padding-right: 24px
    }
}

.step-section-wrapper .step-wrap[data-v-9472dfcb] {
    position: relative;
    display: flex;
    margin-top: 64px;
    margin-bottom: 64px
}

@media (max-width: 767px) {
    .step-section-wrapper .step-wrap[data-v-9472dfcb] {
        flex-direction: column;
        align-self: flex-start;
        margin-left: 24px;
        gap: 55px
    }
}

.step-section-wrapper .step-wrap .dot-line[data-v-9472dfcb] {
    position: absolute;
    top: 36px;
    left: var(--dot-line-left);
    width: var(--dot-line-width);
    height: 1px;
    border-top: 1px dashed var(--app--color--blue-grey)
}

@media (max-width: 767px) {
    .step-section-wrapper .step-wrap .dot-line[data-v-9472dfcb] {
        width: 1px;
        height: var(--dot-line-height);
        left: 0;
        left: var(--dot-line-left);
        border-left: 1px dashed var(--app--color--blue-grey)
    }
}

.step-section-wrapper .step-item[data-v-9472dfcb] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    width: 348px
}

@media (max-width: 1023px) {
    .step-section-wrapper .step-item[data-v-9472dfcb] {
        width: 240px
    }
}

@media (max-width: 767px) {
    .step-section-wrapper .step-item[data-v-9472dfcb] {
        flex-direction: row;
        width: inherit
    }
}

.step-section-wrapper .step-item .icon[data-v-9472dfcb] {
    width: 72px;
    height: 72px
}

.step-section-wrapper .step-item .step-title[data-v-9472dfcb] {
    font-size: 16px;
    line-height: 150%;
    color: var(--app--color--denim-dark);
    text-align: center
}

.step-section-wrapper .email-input-wrap[data-v-9472dfcb] input {
    background: var(--app--color--white-dark);
    filter: none
}

@media (max-width: 767px) {
    .step-section-wrapper .email-input-wrap[data-v-9472dfcb] {
        width: 100%;
        padding: 0 24px
    }
}

.step-section-wrapper .email-input-wrap[data-v-9472dfcb] .email-input {
    filter: none
}

.step-section-wrapper .trading-btn[data-v-9472dfcb] {
    --base-button-large-height: 48px
}

@media (max-width: 767px) {
    .step-section-wrapper .trading-btn[data-v-9472dfcb] {
        width: calc(100% - 48px)
    }
}

.app-download-wrap[data-v-3fe59e8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

@media (max-width: 767px) {
    .app-download-wrap[data-v-3fe59e8f] {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .app-download-wrap .app-img-container[data-v-3fe59e8f] {
        width: 100vw
    }
}

.app-download-wrap .app-img-container .application-img[data-v-3fe59e8f] {
    width: 100%;
    height: auto
}

.app-download-wrap .app-content[data-v-3fe59e8f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 24px
}

@media (max-width: 767px) {
    .app-download-wrap .app-content[data-v-3fe59e8f] {
        padding: 24px
    }
}

.app-download-wrap .app-content .logo[data-v-3fe59e8f] {
    height: 35px;
    color: var(--app--color--primary)
}

@media (max-width: 767px) {
    .app-download-wrap .app-content .logo[data-v-3fe59e8f] {
        height: 24px
    }
}

.app-download-wrap .app-content .title[data-v-3fe59e8f] {
    margin-top: 44px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--denim-dark);
    white-space: pre-line
}

@media (max-width: 767px) {
    .app-download-wrap .app-content .title[data-v-3fe59e8f] {
        margin-top: 24px
    }
}

.app-download-wrap .app-content .des[data-v-3fe59e8f] {
    margin-top: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker)
}

.app-download-wrap .app-content .download-wrap[data-v-3fe59e8f] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 44px
}

.app-download-wrap .app-content .download-wrap .app-link[data-v-3fe59e8f] {
    height: 43px
}

.app-download-wrap .app-content .download-wrap .download-icon-wrap[data-v-3fe59e8f] {
    position: relative;
    display: flex;
    flex-direction: column
}

.app-download-wrap .app-content .download-wrap .download-icon-wrap:hover .qrcode-wrap[data-v-3fe59e8f] {
    display: block
}

@media (max-width: 767px) {
    .app-download-wrap .app-content .download-wrap .download-icon-wrap:hover .qrcode-wrap[data-v-3fe59e8f] {
        display: none
    }
}

.app-download-wrap .app-content .download-wrap .download-icon-wrap .qrcode-wrap[data-v-3fe59e8f] {
    position: absolute;
    top: calc(100% + 12px);
    left: -22.5px;
    z-index: 1;
    box-sizing: border-box;
    display: none;
    width: 160px;
    height: 160px;
    padding: 24px;
    background: var(--app--color--denim-darkest);
    border-radius: 4px;
    box-shadow: 0 3px 13px #0000001a
}

.app-download-wrap .app-content .download-wrap .download-icon-wrap .qrcode-wrap .qrcode-wrap-inner[data-v-3fe59e8f] {
    box-sizing: border-box;
    width: 112px;
    height: 112px;
    padding: 10px;
    background: var(--app--color--white);
    border-radius: 8px;
    box-shadow: 0 3px 13px #0000001a
}

.app-download-wrap .app-content .download-wrap .download-icon[data-v-3fe59e8f] {
    width: 115px;
    height: 43px;
    cursor: pointer;
    background: var(--app--color--denim-darkest);
    border-radius: 4px
}

.bottom-info-wrap[data-v-4f7be302] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.bottom-info-wrap .app-download-wrap-margin[data-v-4f7be302] {
    margin-top: 144px
}

@media (max-width: 767px) {
    .bottom-info-wrap .app-download-wrap-margin[data-v-4f7be302] {
        margin-top: 64px
    }
}

.bottom-info-wrap.bg-img[data-v-4f7be302] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.bottom-info-wrap.gradient-bg[data-v-4f7be302] {
    background: radial-gradient(50% 50% at 40% 50%, rgba(54, 201, 255, .4) 0%, rgba(217, 217, 217, 0) 100%)
}

.bottom-info-wrap .social-wrap[data-v-4f7be302] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 170px;
    margin-bottom: 180px
}

@media (max-width: 767px) {
    .bottom-info-wrap .social-wrap[data-v-4f7be302] {
        width: 100vw;
        box-sizing: border-box;
        padding: 0 24px;
        text-align: center
    }
}

.bottom-info-wrap .social-wrap .title[data-v-4f7be302] {
    font-size: 34px;
    font-weight: 700;
    line-height: 150%;
    color: var(--app--color--denim-dark)
}

.bottom-info-wrap .social-wrap .des[data-v-4f7be302] {
    margin-top: 16px;
    margin-bottom: 44px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker)
}

.bottom-info-wrap .social-wrap .social-medias[data-v-4f7be302] {
    display: flex;
    flex-wrap: wrap;
    gap: 48px
}

.bottom-info-wrap .social-wrap .social-medias .media-wrap[data-v-4f7be302] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--app--color--denim-darker)
}

.bottom-info-wrap .social-wrap .social-medias .media-wrap[data-v-4f7be302]:hover {
    background: var(--app--color--primary-light--o-1);
    border-radius: 4px
}

.bottom-info-wrap .social-wrap .social-medias .media-icon[data-v-4f7be302] {
    width: 24px;
    height: 24px
}

.news-carousel-container[data-v-1ae54788] {
    position: relative;
    display: grid;
    grid-template-columns: 60px 1fr 116px;
    width: calc(100vw - 48px);
    max-width: 1076px;
    height: 72px;
    overflow: hidden;
    background: var(--app--color--white-dark--o-8);
    border-radius: 8px
}

@media (max-width: 767px) {
    .news-carousel-container[data-v-1ae54788] {
        height: 144px;
        grid-template-columns: 60px 1fr
    }
}

.news-carousel-container .announce-icon[data-v-1ae54788] {
    position: relative;
    top: 14.5px;
    left: 20px;
    width: 40px;
    height: 40px
}

.news-carousel-container .news-list-container[data-v-1ae54788] {
    width: 100%;
    overflow: hidden
}

.news-carousel-container .news-list[data-v-1ae54788] {
    display: flex;
    flex-direction: column;
    transform: translateY(0);
    will-change: transform
}

.news-carousel-container .news-list.transition[data-v-1ae54788] {
    transition: transform 1s
}

.news-carousel-container .item-wrap[data-v-1ae54788] {
    width: 100%
}

.news-carousel-container .item-wrap .content-wrap[data-v-1ae54788] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 72px;
    cursor: pointer
}

@media (max-width: 767px) {
    .news-carousel-container .item-wrap .content-wrap[data-v-1ae54788] {
        height: 108px;
        align-items: flex-start;
        padding-top: 20px
    }
}

.news-carousel-container .item-wrap .content-wrap .content[data-v-1ae54788] {
    box-sizing: border-box;
    width: 100%;
    padding-left: 8px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker);
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767px) {
    .news-carousel-container .item-wrap .content-wrap .content[data-v-1ae54788] {
        white-space: normal;
        text-overflow: initial;
        padding-right: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.news-carousel-container .cta-wrap[data-v-1ae54788] {
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: var(--app--color--primary);
    cursor: pointer
}

@media (max-width: 767px) {
    .news-carousel-container .cta-wrap[data-v-1ae54788] {
        height: 50px;
        grid-column-start: span 2
    }
}

.news-carousel-container .cta-wrap .right-icon[data-v-1ae54788] {
    width: 16px;
    height: 16px
}

.event-item[data-v-194cf078] {
    position: relative;
    width: 320px;
    height: 180px;
    cursor: pointer;
    background-image: var(--background-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
    transition: transform .4s;
    will-change: transform
}

.event-item[data-v-194cf078]:hover {
    z-index: 2;
    box-shadow: 0 2px 8px #0a1e810d, 0 4px 24px #0a1e811a;
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .event-item[data-v-194cf078]:hover {
        box-shadow: initial;
        transform: scale(1)
    }
}

.event-item .event-wrap[data-v-194cf078] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    width: 173px;
    height: 100%;
    padding-left: 16px;
    color: var(--app--color--denim-darker)
}

.event-item .event-wrap.night[data-v-194cf078] {
    color: var(--app--color--white)
}

.event-item .event-wrap .caption[data-v-194cf078] {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    white-space: break-spaces;
    opacity: .8
}

.event-item .event-wrap .title[data-v-194cf078] {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    opacity: 1
}

.event-item .event-wrap .sub-title[data-v-194cf078] {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    opacity: .8
}

.events-carousel-container[data-v-a6b56ab4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100vw - 48px);
    max-width: 1076px;
    margin-top: 60px;
    margin-bottom: 21px;
    overflow: hidden
}

@media (max-width: 767px) {
    .events-carousel-container[data-v-a6b56ab4] {
        margin-top: 32px;
        margin-bottom: 28px
    }
}

.events-carousel-container .title[data-v-a6b56ab4] {
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 700;
    line-height: 150%;
    color: var(--app--color--denim-dark)
}

.events-carousel-container .slider-container[data-v-a6b56ab4] {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: -20px
}

.events-carousel-container .slider[data-v-a6b56ab4] {
    --slider-page-margin-top: -6px;
    width: 100%
}

.events-carousel-container .slider[data-v-a6b56ab4] .common-slider-splide-track {
    padding: 30px 0
}

.events-carousel-container .slider .event-item[data-v-a6b56ab4] {
    box-sizing: border-box
}

.events-carousel-container .indicator[data-v-a6b56ab4] {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 40px;
    transform: translateY(-50%)
}

.events-carousel-container .indicator.left[data-v-a6b56ab4] {
    left: 8px
}

.events-carousel-container .indicator.left .arrow-icon[data-v-a6b56ab4] {
    transform: rotate(-180deg)
}

.events-carousel-container .indicator.right[data-v-a6b56ab4] {
    left: calc(100% - 48px)
}

.events-carousel-container .indicator .icon-wrap[data-v-a6b56ab4] {
    width: 100%;
    height: 100%;
    background: var(--app--color--denim-light);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 40px;
    mix-blend-mode: multiply;
    opacity: .2
}

.events-carousel-container .indicator .arrow-icon[data-v-a6b56ab4] {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 1;
    width: 26px;
    height: 26px;
    color: var(--app--color--white)
}

.home[data-v-e24957ed] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.home .main-content-wrap[data-v-e24957ed] {
    position: relative;
    top: -32px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(9.44deg, var(--app--color--white-dark) 67.87%, var(--app--color--white) 87.29%);
    border-radius: 24px 24px 0 0
}

.home .news-carousel[data-v-e24957ed] {
    margin-top: 40px
}

@media (max-width: 767px) {
    .home .news-carousel[data-v-e24957ed] {
        margin-top: 32px
    }
}

.home .market-table-wrap[data-v-e24957ed] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1076px
}

@media (max-width: 1023px) {
    .home .market-table-wrap[data-v-e24957ed] {
        width: calc(100vw - 48px)
    }
}

@media (max-width: 767px) {
    .home .market-table-wrap[data-v-e24957ed] {
        width: 100%
    }
}

.home .market-table-wrap .market-btn[data-v-e24957ed] {
    --base-button-large-height: 48px
}

@media (max-width: 767px) {
    .home .market-table-wrap .market-btn[data-v-e24957ed] {
        width: calc(100vw - 48px)
    }
}

.home .production-cards[data-v-e24957ed] {
    margin-top: 65px
}

@media (max-width: 767px) {
    .home .production-cards[data-v-e24957ed] {
        margin-top: 128px
    }
}

.home .security-background-wrapper[data-v-e24957ed] {
    --background-position: calc((100vw - 1076px)/2);
    position: relative;
    width: 100vw;
    padding-top: 84px;
    padding-bottom: 180px;
    background: var(--app--color--white)
}

@media (max-width: 767px) {
    .home .security-background-wrapper[data-v-e24957ed] {
        padding-bottom: 128px
    }
}

.home .security-background-wrapper .background-one[data-v-e24957ed] {
    position: absolute;
    top: calc(50% + 78px);
    left: var(--background-position);
    width: 328.64px;
    height: 333.36px;
    background: linear-gradient(214.28deg, rgba(158, 99, 255, .6) 4.67%, rgba(243, 246, 255, .6) 52.53%);
    filter: blur(150px);
    border-radius: 600px;
    transform: translateY(-50%)
}

.home .security-background-wrapper .background-two[data-v-e24957ed] {
    position: absolute;
    top: calc(50% + 78px);
    left: calc(var(--background-position) + 400px);
    width: 642px;
    height: 364px;
    background: linear-gradient(180deg, rgba(99, 180, 255, .6) 22.4%, rgba(90, 136, 255, .6) 100%);
    filter: blur(150px);
    border-radius: 600px;
    opacity: .5;
    transform: translateY(-50%)
}

.home .bottom-info-background[data-v-e24957ed] {
    background: var(--app--color--white)
}

.navigation[data-v-9b8ab9c7] {
    --navigation-link-margin-between: 36px;
    --dropdown-list-label-underline-opacity: 0;
    display: flex;
    gap: var(--app--theme--desktop-header-v2-navigation-item-gap);
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 18px
}

.arabic .navigation[data-v-9b8ab9c7] {
    margin-right: 18px;
    margin-left: 0
}

.navigation .navigation-link[data-v-9b8ab9c7] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: var(--app--title--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: inherit
}

.navigation .navigation-link.o-active[data-v-9b8ab9c7]:after {
    opacity: 1
}

.navigation .navigation-link[data-v-9b8ab9c7]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme-header-link-hover-underline-color-basic);
    opacity: 0;
    transition: .3s opacity
}

.theme-simple .navigation .navigation-link[data-v-9b8ab9c7]:after,
.theme-transparent-light .navigation .navigation-link[data-v-9b8ab9c7]:after,
.theme-transparent .is-scroll .navigation .navigation-link[data-v-9b8ab9c7]:after {
    background-color: var(--app--theme-header-link-hover-underline-color)
}

.navigation .navigation-link.hover-effect[data-v-9b8ab9c7]:hover:after {
    opacity: 1
}

.navigation .navigation-nft[data-v-9b8ab9c7] {
    margin-left: 18px
}

.arabic .navigation .navigation-nft[data-v-9b8ab9c7] {
    margin-right: 18px;
    margin-left: 0
}

.navigation[data-v-8264472b] {
    --navigation-link-margin-between: 36px;
    --dropdown-list-label-underline-opacity: 0;
    display: flex;
    gap: var(--app--theme--desktop-header-v2-navigation-item-gap);
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 18px
}

.arabic .navigation[data-v-8264472b] {
    margin-right: 18px;
    margin-left: 0
}

.navigation .navigation-link[data-v-8264472b] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: var(--app--title--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: inherit
}

.navigation .navigation-link.o-active[data-v-8264472b]:after {
    opacity: 1
}

.navigation .navigation-link[data-v-8264472b]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme-header-link-hover-underline-color-basic);
    opacity: 0;
    transition: .3s opacity
}

.theme-simple .navigation .navigation-link[data-v-8264472b]:after,
.theme-transparent-light .navigation .navigation-link[data-v-8264472b]:after,
.theme-transparent .is-scroll .navigation .navigation-link[data-v-8264472b]:after {
    background-color: var(--app--theme-header-link-hover-underline-color)
}

.navigation .navigation-link.hover-effect[data-v-8264472b]:hover:after {
    opacity: 1
}

.navigation .navigation-nft[data-v-8264472b] {
    margin-left: 18px
}

.arabic .navigation .navigation-nft[data-v-8264472b] {
    margin-right: 18px;
    margin-left: 0
}

.menu-link[data-v-f626a5e5] {
    font-weight: 500
}

.menu-link .label[data-v-f626a5e5] {
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link[data-v-f626a5e5] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link.active[data-v-f626a5e5] {
    background-color: var(--app--theme--mobile-menu-active-bg)
}

.menu-link .link .link-icon[data-v-f626a5e5] {
    padding-right: 4px
}

.arabic .menu-link .link .link-icon[data-v-f626a5e5] {
    padding-right: 0;
    padding-left: 4px
}

.menu-link .link-label[data-v-f626a5e5] .header-tab__badge {
    top: 6px;
    right: -17px
}

.menu-link .toggle-wrap[data-v-f626a5e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.menu-link .toggle-wrap .chevron-icon[data-v-f626a5e5] {
    margin-right: 24px;
    color: var(--app--theme--mobile-menu-arrow-color);
    transition: transform .3s
}

.menu-link .toggle-wrap .chevron-icon.active[data-v-f626a5e5] {
    transform: rotate(180deg)
}

.arabic .menu-link .toggle-wrap .chevron-icon[data-v-f626a5e5] {
    margin-right: 0;
    margin-left: 24px
}

.menu-link .sub-content .link[data-v-f626a5e5] {
    padding: 0 24px 0 48px;
    font-size: 14px;
    font-weight: 500
}

.arabic .menu-link .sub-content .link[data-v-f626a5e5] {
    padding: 0 48px 0 24px
}

.menu-link .sub-content__label[data-v-f626a5e5] {
    display: flex
}

.menu-link .sub-content__new[data-v-f626a5e5] {
    display: flex;
    padding: 1px;
    margin-left: 8px;
    background: var(--app--color--white);
    border-radius: 4px
}

.arabic .menu-link .sub-content__new[data-v-f626a5e5] {
    margin-right: 8px;
    margin-left: 0
}

.menu-link .new__text[data-v-f626a5e5] {
    font-size: 12px;
    font-weight: 700;
    color: var(--app--color--primary);
    transform: scale(.83)
}

.menu-link[data-v-c88aa954] {
    font-weight: 500
}

.menu-link .label[data-v-c88aa954] {
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link[data-v-c88aa954] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link.active[data-v-c88aa954] {
    background-color: var(--app--theme--mobile-menu-active-bg)
}

.menu-link .link .link-icon[data-v-c88aa954] {
    padding-right: 4px
}

.arabic .menu-link .link .link-icon[data-v-c88aa954] {
    padding-right: 0;
    padding-left: 4px
}

.menu-link .link-label[data-v-c88aa954] .header-tab__badge {
    top: 6px;
    right: -17px
}

.menu-link .toggle-wrap[data-v-c88aa954] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.menu-link .toggle-wrap .chevron-icon[data-v-c88aa954] {
    margin-right: 24px;
    color: var(--app--theme--mobile-menu-arrow-color);
    transition: transform .3s
}

.menu-link .toggle-wrap .chevron-icon.active[data-v-c88aa954] {
    transform: rotate(180deg)
}

.arabic .menu-link .toggle-wrap .chevron-icon[data-v-c88aa954] {
    margin-right: 0;
    margin-left: 24px
}

.menu-link .sub-content .link[data-v-c88aa954] {
    padding: 0 24px 0 48px;
    font-size: 14px;
    font-weight: 500
}

.arabic .menu-link .sub-content .link[data-v-c88aa954] {
    padding: 0 48px 0 24px
}

.menu-link .sub-content__label[data-v-c88aa954] {
    display: flex
}

.menu-link .sub-content__new[data-v-c88aa954] {
    display: flex;
    padding: 1px;
    margin-left: 8px;
    background: var(--app--color--white);
    border-radius: 4px
}

.arabic .menu-link .sub-content__new[data-v-c88aa954] {
    margin-right: 8px;
    margin-left: 0
}

.menu-link .new__text[data-v-c88aa954] {
    font-size: 12px;
    font-weight: 700;
    color: var(--app--color--primary);
    transform: scale(.83)
}

.menu-link[data-v-fd265b3a] {
    font-weight: 500
}

.menu-link .label[data-v-fd265b3a] {
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link[data-v-fd265b3a] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.menu-link .link.active[data-v-fd265b3a] {
    background-color: var(--app--theme--mobile-menu-active-bg)
}

.menu-link .link .link-icon[data-v-fd265b3a] {
    padding-right: 4px
}

.arabic .menu-link .link .link-icon[data-v-fd265b3a] {
    padding-right: 0;
    padding-left: 4px
}

.menu-link .link-label[data-v-fd265b3a] .header-tab__badge {
    top: 6px;
    right: -17px
}

.menu-link .toggle-wrap[data-v-fd265b3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.menu-link .toggle-wrap .chevron-icon[data-v-fd265b3a] {
    margin-right: 24px;
    color: var(--app--theme--mobile-menu-arrow-color);
    transition: transform .3s
}

.menu-link .toggle-wrap .chevron-icon.active[data-v-fd265b3a] {
    transform: rotate(180deg)
}

.arabic .menu-link .toggle-wrap .chevron-icon[data-v-fd265b3a] {
    margin-right: 0;
    margin-left: 24px
}

.menu-link .sub-content .link[data-v-fd265b3a] {
    padding: 0 24px 0 48px;
    font-size: 14px;
    font-weight: 500
}

.arabic .menu-link .sub-content .link[data-v-fd265b3a] {
    padding: 0 48px 0 24px
}

.menu-link .sub-content__label[data-v-fd265b3a] {
    display: flex
}

.menu-link .sub-content__new[data-v-fd265b3a] {
    display: flex;
    padding: 1px;
    margin-left: 8px;
    background: var(--app--color--white);
    border-radius: 4px
}

.arabic .menu-link .sub-content__new[data-v-fd265b3a] {
    margin-right: 8px;
    margin-left: 0
}

.menu-link .new__text[data-v-fd265b3a] {
    font-size: 12px;
    font-weight: 700;
    color: var(--app--color--primary);
    transform: scale(.83)
}

.navigation[data-v-8c0d08e4] {
    --navigation-link-margin-between: 36px;
    --dropdown-list-label-underline-opacity: 0;
    display: flex;
    gap: var(--app--theme--desktop-header-v2-navigation-item-gap);
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 18px
}

.arabic .navigation[data-v-8c0d08e4] {
    margin-right: 18px;
    margin-left: 0
}

.navigation .navigation-link[data-v-8c0d08e4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: var(--app--title--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: inherit
}

.navigation .navigation-link.o-active[data-v-8c0d08e4]:after {
    opacity: 1
}

.navigation .navigation-link[data-v-8c0d08e4]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme-header-link-hover-underline-color-basic);
    opacity: 0;
    transition: .3s opacity
}

.theme-simple .navigation .navigation-link[data-v-8c0d08e4]:after,
.theme-transparent-light .navigation .navigation-link[data-v-8c0d08e4]:after,
.theme-transparent .is-scroll .navigation .navigation-link[data-v-8c0d08e4]:after {
    background-color: var(--app--theme-header-link-hover-underline-color)
}

.navigation .navigation-link.hover-effect[data-v-8c0d08e4]:hover:after {
    opacity: 1
}

.navigation .navigation-nft[data-v-8c0d08e4] {
    margin-left: 18px
}

.arabic .navigation .navigation-nft[data-v-8c0d08e4] {
    margin-right: 18px;
    margin-left: 0
}

.navigation[data-v-c5658e4a] {
    --navigation-link-margin-between: 36px;
    --dropdown-list-label-underline-opacity: 0;
    display: flex;
    gap: var(--app--theme--desktop-header-v2-navigation-item-gap);
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 18px
}

.arabic .navigation[data-v-c5658e4a] {
    margin-right: 18px;
    margin-left: 0
}

.navigation .navigation-link[data-v-c5658e4a] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: var(--app--title--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: inherit
}

.navigation .navigation-link.o-active[data-v-c5658e4a]:after {
    opacity: 1
}

.navigation .navigation-link[data-v-c5658e4a]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme-header-link-hover-underline-color-basic);
    opacity: 0;
    transition: .3s opacity
}

.theme-simple .navigation .navigation-link[data-v-c5658e4a]:after,
.theme-transparent-light .navigation .navigation-link[data-v-c5658e4a]:after,
.theme-transparent .is-scroll .navigation .navigation-link[data-v-c5658e4a]:after {
    background-color: var(--app--theme-header-link-hover-underline-color)
}

.navigation .navigation-link.hover-effect[data-v-c5658e4a]:hover:after {
    opacity: 1
}

.navigation .navigation-nft[data-v-c5658e4a] {
    margin-left: 18px
}

.arabic .navigation .navigation-nft[data-v-c5658e4a] {
    margin-right: 18px;
    margin-left: 0
}

.container[data-v-c0ef6664] {
    background-color: var(--app--theme--dialog--backgroundColor)
}

.tab--wrapper[data-v-c0ef6664] {
    width: var(--singleTabWidth)
}

.tab--wrapper .tab[data-v-c0ef6664] {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 37px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--app--theme--dialog--color);
    cursor: pointer;
    background-color: var(--app--theme--dialog--backgroundColor);
    border: solid .5px var(--app--theme--dialog--amountinputDivider);
    border-bottom: none;
    border-radius: 8px 8px 0 0
}

.tab--wrapper .tab .tab-icon[data-v-c0ef6664] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.arabic .tab--wrapper .tab[data-v-c0ef6664] {
    padding: 0 16px 0 0
}

@media (max-width: 374px) {
    .tab--wrapper .tab[data-v-c0ef6664] {
        padding-left: 12px
    }
}

.tab--wrapper .tab .label[data-v-c0ef6664] {
    padding-right: 8px
}

.tab--wrapper .center[data-v-c0ef6664] {
    justify-content: center;
    padding-left: 0
}

.tab--wrapper .notselected[data-v-c0ef6664] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--theme--tab--deactive);
    border-color: transparent
}

.tabs-body[data-v-c0ef6664] {
    padding: 24px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--app--theme--dialog--color);
    border: solid 1px var(--app--theme--dialog--amountinputDivider);
    border-top: none;
    border-radius: 0 0 8px 8px
}

.tabs-body.no-padding[data-v-c0ef6664] {
    padding: 0;
    border-radius: unset
}

@media (max-width: 767px) {
    .tabs-body[data-v-c0ef6664] {
        padding: 16px
    }
}

@media (max-width: 374px) {
    .tabs-body[data-v-c0ef6664] {
        padding: 12px
    }
}

.checkbox[data-v-ebe8b1b7] {
    --checkbox-opacity: 1;
    --checkbox-cursor: pointer;
    --checkbox-icon-dot-opacity: 0;
    --checkbox-label-pointer-events: default;
    --checkbox-icon-border-color: var(--app--theme--checkbox-icon-border);
    --checkbox-icon-background-color: var(--app--theme--checkbox-icon-bg);
    display: inline-block;
    line-height: 1;
    color: var(--app--theme--primary-content-variant, var(--app--theme--primary-content));
    white-space: pre;
    opacity: var(--checkbox-opacity)
}

.checkbox.is-disabled[data-v-ebe8b1b7] {
    --checkbox-opacity: .5;
    --checkbox-cursor: not-allowed
}

.checkbox.is-checked[data-v-ebe8b1b7] {
    --checkbox-icon-dot-opacity: 1;
    --checkbox-icon-border-color: var(--app--theme--checkbox-icon-border-selected);
    --checkbox-icon-background-color: var(--app--theme--checkbox-icon-bg-selected)
}

.checkbox.is-checked .filled-in[data-v-ebe8b1b7] {
    --app--theme--checkbox-icon-dot: var(--app--color--white);
    --checkbox-icon-border-color: var(--app--color--primary-light);
    --checkbox-icon-background-color: var(--app--color--primary-light)
}

.checkbox.brand-new-style .checkbox__label[data-v-ebe8b1b7] {
    display: flex;
    align-items: flex-start
}

.checkbox.brand-new-style .checkbox__square[data-v-ebe8b1b7] {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background-color: var(--app--color--blue-grey-lighter);
    border: none
}

.checkbox.brand-new-style .checkbox__square[data-v-ebe8b1b7]:after {
    display: none
}

.checkbox.brand-new-style .checkbox__content[data-v-ebe8b1b7] {
    padding-left: 13px;
    line-height: 24px;
    white-space: normal
}

.arabic .checkbox.brand-new-style .checkbox__content[data-v-ebe8b1b7] {
    padding-right: 13px;
    padding-left: 0
}

.checkbox.brand-new-style .checkbox-icon[data-v-ebe8b1b7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--app--color--primary-light)
}

.checkbox__label[data-v-ebe8b1b7] {
    cursor: var(--checkbox-cursor);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkbox__label[data-v-ebe8b1b7]:focus {
    outline: none
}

.is-disabled .checkbox__label[data-v-ebe8b1b7] {
    --checkbox-label-pointer-events: none
}

.checkbox__square[data-v-ebe8b1b7] {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: bottom;
    background-color: var(--checkbox-icon-background-color);
    border: 1px solid var(--checkbox-icon-border-color);
    border-radius: 2px;
    transition: border .2s ease-in-out;
    will-change: border
}

.checkbox__square[data-v-ebe8b1b7]:after {
    position: relative;
    left: 3px;
    display: block;
    flex: 0;
    width: 3px;
    height: 8px;
    content: "";
    border-color: var(--app--theme--checkbox-icon-dot);
    border-style: solid;
    border-width: 0 2px 2px 0;
    opacity: var(--checkbox-icon-dot-opacity);
    transition: opacity .3s ease-in-out;
    transform: rotate(45deg);
    will-change: opacity
}

.arabic .checkbox__square[data-v-ebe8b1b7]:after {
    left: -3px
}

.checkbox__content[data-v-ebe8b1b7] {
    display: inline-block;
    padding-left: 8px;
    white-space: nowrap;
    vertical-align: bottom
}

.arabic .checkbox__content[data-v-ebe8b1b7] {
    padding-right: 8px;
    padding-left: 0
}

.container[data-v-fec45e45] {
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.container[data-v-fec45e45]>*+* {
    margin-top: 24px
}

.content-container[data-v-fec45e45] {
    padding-top: 24px
}

.title[data-v-fec45e45] {
    color: var(--app--color--blue-grey-dark)
}

.icon[data-v-fec45e45] {
    width: 32px;
    height: 32px;
    margin: 0 auto 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: var(--app--color--white);
    background-image: linear-gradient(to right, var(--app--color--primary-light), var(--app--color--primary));
    border-radius: 50%
}

.checkbox-wrapper[data-v-fec45e45] {
    width: 65%;
    margin: 25px auto 0;
    text-align: left
}

@media (max-width: 767px) {
    .checkbox-wrapper[data-v-fec45e45] {
        width: 100%;
        max-width: 270px
    }
}

@media (max-width: 374px) {
    .checkbox-wrapper[data-v-fec45e45] {
        width: 155px
    }
}

.content-wrapper[data-v-fec45e45] {
    box-sizing: border-box;
    width: 65%;
    padding: 24px;
    margin: 24px auto 16px;
    background-color: var(--app--color--white-dark);
    border-radius: 8px
}

@media (max-width: 767px) {
    .content-wrapper[data-v-fec45e45] {
        width: 100%;
        max-width: 270px
    }
}

@media (max-width: 374px) {
    .content-wrapper[data-v-fec45e45] {
        height: 224px;
        width: 155px
    }
}

.content-wrapper[data-v-fec45e45] .header-logo {
    margin: 0 auto;
    color: var(--app--color--primary)
}

.content-wrapper .width-60[data-v-fec45e45] {
    width: 60px
}

.content-wrapper .uid-block[data-v-fec45e45] {
    margin: 4px 0 20px;
    font-size: 12px;
    font-weight: 400
}

.content-wrapper .qrcode[data-v-fec45e45] {
    width: 144px;
    height: 144px;
    padding: 6px;
    margin: 8px auto 0;
    background-color: #fff;
    border-radius: 8px
}

@media (max-width: 374px) {
    .content-wrapper .qrcode[data-v-fec45e45] {
        height: 95px;
        width: 95px
    }
}

.checkbox-wrapper+.content-wrapper[data-v-fec45e45] {
    margin-top: 16px
}

.action-block[data-v-fec45e45] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto 24px
}

.action-button-wrapper[data-v-fec45e45] {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 7px;
    cursor: pointer
}

.action-button-wrapper+.action-button-wrapper[data-v-fec45e45] {
    margin-left: 16px
}

.action-button-wrapper .icon-action-button-wrap[data-v-fec45e45] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-radius: 50%
}

.action-button-wrapper .icon-action-button-wrap .icon-action[data-v-fec45e45] {
    width: 22px
}

.action-button-wrapper .action-button-text[data-v-fec45e45] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400
}

.divider[data-v-fec45e45] {
    height: 1px;
    margin: 0 24px;
    background-color: var(--app--color--white-dark)
}

.info-clipboard[data-v-fec45e45] {
    display: flex
}

.info-clipboard .info-copy-block[data-v-fec45e45] {
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 25px 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--app--color--primary)
}

.info-clipboard .info-copy-button[data-v-fec45e45] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.info-clipboard .info-copy-button .icon-copy[data-v-fec45e45] {
    margin-right: 4px
}

.icon-id-block[data-v-fec45e45] {
    width: 156px;
    max-width: 100%;
    height: 156px;
    background-color: var(--app--color--white);
    border-radius: 4px
}

.icon-id[data-v-fec45e45] {
    width: 64px;
    height: 64px;
    color: var(--app--color--blue-grey)
}

.theme-night .container[data-v-fec45e45],
.theme-night .title[data-v-fec45e45] {
    color: var(--app--color--white)
}

.theme-night .content-wrapper[data-v-fec45e45] {
    background-color: var(--app--color--denim-dark)
}

.theme-night .divider[data-v-fec45e45] {
    background-color: var(--app--color--denim-light)
}

.theme-night .action-button-wrapper[data-v-fec45e45]:hover {
    background-color: var(--app--color--denim-dark)
}

.is-inactive[data-v-fec45e45] {
    pointer-events: none;
    opacity: .5
}

.icon[data-v-7f21e3f5] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-7f21e3f5] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-7f21e3f5] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-7f21e3f5] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-7f21e3f5] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-7f21e3f5] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-7f21e3f5] {
    font-size: 16px;
    font-weight: 500
}

.form-dialog[data-v-7f21e3f5] {
    font-size: 14px
}

.arabic .form-dialog[data-v-7f21e3f5] .tab-icon {
    margin: 0 0 0 8px
}

.arabic .form-dialog[data-v-7f21e3f5] .drop-down-bar-wrap {
    padding: 10px 0 10px 16px
}

.arabic .form-dialog[data-v-7f21e3f5] .bar-currency-wrap {
    padding: 0 16px 0 0
}

.arabic .form-dialog[data-v-7f21e3f5] .bar-currency-wrap.has-left-border {
    border-right: 1px solid var(--app--color--blue-grey-lighter);
    border-left: unset
}

.arabic .form-dialog[data-v-7f21e3f5] ._text {
    padding: 0 8px 0 0
}

input[data-v-7f21e3f5]:focus,
select[data-v-7f21e3f5]:focus,
textarea[data-v-7f21e3f5]:focus,
button[data-v-7f21e3f5]:focus {
    outline: none
}

[data-v-7f21e3f5]::-moz-placeholder {
    color: var(--app--theme--input-placeholder)
}

[data-v-7f21e3f5]::placeholder {
    color: var(--app--theme--input-placeholder)
}

.textcenter[data-v-7f21e3f5] {
    text-align: center
}

.daily-withdraw-limit[data-v-7f21e3f5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    font-size: 14px
}

@media (max-width: 767px) {
    .daily-withdraw-limit[data-v-7f21e3f5] {
        gap: 0
    }
}

.daily-withdraw-limit .primary-light[data-v-7f21e3f5] {
    color: var(--app--color--primary-light)
}

.daily-withdraw-limit .accent-red[data-v-7f21e3f5] {
    color: var(--app--color--accent-red)
}

.daily-withdraw-limit .highlight[data-v-7f21e3f5] {
    font-weight: 500
}

.title-wrapper[data-v-7f21e3f5] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: var(--app--theme--dialog--color)
}

.title-wrapper .title[data-v-7f21e3f5] {
    padding-left: 10px;
    font-weight: 700;
    vertical-align: super
}

.arabic .title-wrapper .title[data-v-7f21e3f5] {
    padding: 0 10px 0 0
}

.title-wrapper .icon-check[data-v-7f21e3f5] {
    width: 24px;
    height: 24px;
    color: var(--app--color--accent-green)
}

[data-v-7f21e3f5] .tabs-body {
    padding: 0
}

.tab-body--wrapper[data-v-7f21e3f5] {
    font-size: 16px;
    line-height: 1.5;
    color: var(--app--theme--dialog--color)
}

.tab-body--wrapper .balanceError[data-v-7f21e3f5] {
    font-size: 12px;
    color: var(--app--color--accent-red)
}

.tab-body--wrapper .amount-input[data-v-7f21e3f5] {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 12px 0 12px 16px;
    font-weight: 700
}

@media (max-width: 767px) {
    .tab-body--wrapper .amount-input[data-v-7f21e3f5] .input-inline-input {
        text-align: left
    }

    .arabic .tab-body--wrapper .amount-input[data-v-7f21e3f5] .input-inline-input {
        text-align: right
    }
}

.arabic .tab-body--wrapper .amount-input[data-v-7f21e3f5] {
    padding: 12px 16px 12px 0
}

@media (max-width: 374px) {
    .tab-body--wrapper .max-button[data-v-7f21e3f5] {
        font-size: 12px
    }
}

.tab-body--wrapper .currency--select[data-v-7f21e3f5] {
    border: none
}

.tab-body--wrapper .number-format-error[data-v-7f21e3f5] {
    height: 18px;
    font-size: 12px;
    color: var(--app--color--accent-red);
    visibility: hidden
}

.tab-body--wrapper .number-format-error.visible[data-v-7f21e3f5] {
    visibility: visible
}

.tab-body--wrapper .recipient-info-input[data-v-7f21e3f5] {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--dialog--inputColor);
    background-color: var(--app--theme--input-bg);
    border: none;
    border-radius: 8px
}

.tab-body--wrapper .recipient-info-input[data-v-7f21e3f5]:focus {
    border: 1px solid var(--app--color--primary-light)
}

.tab-body--wrapper .recipient-info-input.error[data-v-7f21e3f5] {
    margin-bottom: 0;
    border: 1px solid var(--app--color--accent-red)
}

@media (max-width: 374px) {
    .tab-body--wrapper .recipient-info-input[data-v-7f21e3f5] {
        font-size: 12px
    }
}

.tab-body--wrapper .scan--suggest[data-v-7f21e3f5] {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.tab-body--wrapper .scan--suggest[data-v-7f21e3f5]:hover {
    color: var(--app--theme--dialog--button-color-hover)
}

.tab-body--wrapper .scan--suggest .scan--suggest--img[data-v-7f21e3f5] {
    margin-right: 4px;
    vertical-align: text-bottom
}

.arabic .tab-body--wrapper .scan--suggest .scan--suggest--img[data-v-7f21e3f5] {
    margin: 0 0 0 4px
}

.tab-body--wrapper .send-to-v2-block .divider[data-v-7f21e3f5] {
    width: 100%;
    height: 1px;
    margin-top: 6px;
    background-color: var(--app--color--white-dark)
}

.tab-body--wrapper .send-to-v2-block .recipient-info-type[data-v-7f21e3f5] {
    margin-top: 24px
}

.tab-body--wrapper .send-to-v2-block .recipient-info-type[data-v-7f21e3f5] .radio+.radi {
    margin-left: 30px
}

.tab-body--wrapper .send-to-v2-block .label[data-v-7f21e3f5] {
    margin: 16px 0 3px;
    font-size: 14px;
    font-weight: 400
}

.tab-body--wrapper .send-to-v2-block .recipient-info-input[data-v-7f21e3f5] {
    border-radius: 4px
}

.tab-body--wrapper .second--section[data-v-7f21e3f5] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 10px
}

.tab-body--wrapper .second--section .left-side[data-v-7f21e3f5] {
    flex-grow: 1;
    min-height: 160px
}

.tab-body--wrapper .second--section .left-side .label[data-v-7f21e3f5] {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--app--theme--dialog--inputColor)
}

.tab-body--wrapper .second--section .right-side[data-v-7f21e3f5] {
    width: 160px;
    height: 160px;
    margin: 15px 0 0 28px;
    background-color: var(--app--theme--section-border);
    border-radius: 50%
}

.arabic .tab-body--wrapper .second--section .right-side[data-v-7f21e3f5] {
    margin: 15px 28px 0 0
}

.message--error[data-v-7f21e3f5] {
    height: 16px;
    font-size: 12px;
    color: var(--app--color--accent-red)
}

.is-inactive[data-v-7f21e3f5] {
    pointer-events: none;
    opacity: .5
}

.send-to-block[data-v-7f21e3f5] {
    padding: 24px
}

.send-to-block[data-v-7f21e3f5]>*+* {
    margin-top: 24px
}

.next-btn[data-v-7f21e3f5] {
    margin-top: 24px
}

[data-v-7f21e3f5] .drop-down-list {
    top: 53px
}

[data-v-7f21e3f5] .currency-wrapper {
    padding-right: 4px
}

.mobile-input[data-v-7f21e3f5] {
    margin-bottom: 16px
}

.mobile-input[data-v-7f21e3f5] .dropdown-bar {
    width: 110px
}

.mobile-input[data-v-7f21e3f5] .error-message {
    font-size: 12px
}

.icon[data-v-02e024c6] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-02e024c6] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-02e024c6] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-02e024c6] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-02e024c6] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-02e024c6] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-02e024c6] {
    font-size: 16px;
    font-weight: 500
}

.link[data-v-02e024c6] {
    color: var(--app--theme--dialog--button-color)
}

.stream-video[data-v-1cd813c5] {
    position: relative;
    width: 100%;
    height: 100%
}

.stream-video .video[data-v-1cd813c5] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.capture-input[data-v-ad0ef2e1] {
    display: inline-block;
    cursor: pointer
}

.hidden-file-input[data-v-ad0ef2e1] {
    display: none
}

.dialog-title[data-v-af3e3d50] {
    margin-left: 9px;
    color: var(--app--color--primary);
    cursor: pointer
}

.arabic .dialog-title[data-v-af3e3d50] {
    margin-right: 9px;
    margin-left: initial
}

.icon-back-arrow[data-v-af3e3d50] {
    color: var(--app--color--primary);
    cursor: pointer
}

.arabic .icon-back-arrow[data-v-af3e3d50] {
    transform: rotate(180deg)
}

.scanner-wrapper[data-v-af3e3d50] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 450px;
    color: var(--app--color--white);
    background-color: var(--app--color--denim-darker)
}

@media (max-width: 767px) {
    .scanner-wrapper[data-v-af3e3d50] {
        max-height: 400px
    }
}

.scanner-wrapper .qrcode-title[data-v-af3e3d50] {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 100%;
    font-weight: 700;
    text-align: center;
    transform: translateY(-50%)
}

@media (max-width: 374px) {
    .scanner-wrapper .qrcode-title[data-v-af3e3d50] {
        font-size: .9em
    }
}

.scanner-wrapper .qrcode-hint[data-v-af3e3d50] {
    position: absolute;
    z-index: 2;
    font-size: 16px
}

.scanner-wrapper .scanner-error-message[data-v-af3e3d50] {
    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 3;
    width: 300px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--app--color--accent-red);
    text-align: center;
    transform: translate(-50%)
}

@media (max-width: 767px) {
    .scanner-wrapper .scanner-error-message[data-v-af3e3d50] {
        width: 250px
    }
}

.scanner-wrapper .scan-err[data-v-af3e3d50] {
    position: absolute;
    z-index: 2;
    color: var(--app--color--accent-red)
}

.scanner-wrapper .qrcode-overlay[data-v-af3e3d50] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-color: #222c;
    border-style: solid
}

.scanner-wrapper .qrcode-overlay .qrcode-border-img[data-v-af3e3d50] {
    z-index: 1;
    max-width: 100%
}

.scanner-wrapper[data-v-af3e3d50] .qrcode-stream-wrapper {
    z-index: 1
}

.scanner-wrapper[data-v-af3e3d50] .qrcode-stream-camera {
    max-height: 647px;
    border-radius: 8px
}

.scanner-wrapper[data-v-af3e3d50] input {
    display: none
}

.footer-section[data-v-af3e3d50] {
    box-sizing: border-box;
    height: 104px;
    padding-top: 24px;
    text-align: center
}

.footer-section .capture-input[data-v-af3e3d50] {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.footer-section .arrow-up-icon[data-v-af3e3d50] {
    width: 16px;
    height: 16px;
    color: var(--app--color--primary-light)
}

.footer-section .upload-text[data-v-af3e3d50] {
    font-size: 14px;
    color: var(--app--color--primary-light);
    text-decoration: underline;
    cursor: pointer
}

.footer-section .upload-err[data-v-af3e3d50] {
    margin-top: 12px;
    color: var(--app--color--accent-red)
}

.qrcode-err-section[data-v-af3e3d50] {
    color: var(--app--color--white);
    text-align: center
}

.qrcode-permission-link[data-v-af3e3d50] {
    color: var(--app--color--white)
}

[data-v-af3e3d50] .brand-dialog-body {
    padding: 0
}

.split-line[data-v-0cecf08c] {
    width: 100%;
    height: 1px;
    margin: 24px 0;
    background-color: var(--app--color--blue-grey-lighter)
}

.icon[data-v-880265b6] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-880265b6] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-880265b6] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-880265b6] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-880265b6] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-880265b6] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-880265b6] {
    font-size: 16px;
    font-weight: 500
}

.email-message[data-v-880265b6] {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: var(--app--theme--dialog--color);
    background-color: #e6b23033;
    border: solid 1px var(--app--color--accent-yellow);
    border-radius: 4px
}

.resend-button[data-v-880265b6] {
    margin-left: auto;
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.title[data-v-880265b6] {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--dialog--color);
    text-align: center
}

.fail-msg[data-v-880265b6] {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.fail-msg .link[data-v-880265b6] {
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.balance--desc[data-v-880265b6] {
    padding-top: 5px
}

.wrapper[data-v-880265b6] {
    padding: 16px 24px;
    background-color: var(--app--theme--section-border);
    border-radius: 8px
}

.wrapper .row[data-v-880265b6] {
    padding: 9px 0;
    color: var(--app--color--blue-grey-dark)
}

.wrapper .row[data-v-880265b6]:not(:last-child) {
    border-bottom: solid 1px var(--app--theme--dialog--borderColor)
}

.wrapper .amount[data-v-880265b6] {
    margin-right: 8px;
    font-size: 26px;
    font-weight: 700;
    color: var(--app--theme--dialog--title)
}

.wrapper .currency[data-v-880265b6] {
    margin-top: 8px
}

.wrapper .content[data-v-880265b6] {
    font-weight: 500;
    color: var(--app--theme--dialog--title)
}

.confirm-btn[data-v-880265b6] {
    margin-top: 24px
}

.icon[data-v-2cee8648] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-2cee8648] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-2cee8648] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-2cee8648] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-2cee8648] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-2cee8648] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-2cee8648] {
    font-size: 16px;
    font-weight: 500
}

.send-to-success-dialog[data-v-2cee8648] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.send-to-success-dialog .action-btn[data-v-2cee8648] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--primary);
    cursor: pointer
}

.send-to-success-dialog .res-btn[data-v-2cee8648] {
    width: 100%;
    margin-top: 24px
}

.icon[data-v-2ccb7167] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-2ccb7167] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-2ccb7167] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-2ccb7167] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-2ccb7167] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-2ccb7167] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-2ccb7167] {
    font-size: 16px;
    font-weight: 500
}

.send-to-fail-dialog .flow-dialog__title[data-v-2ccb7167] {
    font-size: 34px
}

.send-to-fail-dialog .flow-dialog__content[data-v-2ccb7167] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.send-to-fail-dialog .error-code[data-v-2ccb7167] {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--blue-grey-dark)
}

.send-to-fail-dialog .link[data-v-2ccb7167] {
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.send-to-fail-dialog .res-btn[data-v-2ccb7167] {
    margin-top: 24px
}

.notification[data-v-a242d228] {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%)
}

.icon[data-v-55d678d6] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-55d678d6] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-55d678d6] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-55d678d6] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-55d678d6] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-55d678d6] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-55d678d6] {
    font-size: 16px;
    font-weight: 500
}

.form-dialog[data-v-55d678d6] {
    font-size: 14px
}

[data-v-55d678d6] .arabic .form-dialog .tab-icon {
    margin: 0 0 0 8px
}

[data-v-55d678d6] .arabic .form-dialog .drop-down-bar-wrap {
    padding: 10px 0 10px 16px
}

[data-v-55d678d6] .arabic .form-dialog .bar-currency-wrap {
    padding: 0 16px 0 0
}

[data-v-55d678d6] .arabic .form-dialog .bar-currency-wrap.has-left-border {
    border-right: 1px solid var(--app--color--blue-grey-lighter);
    border-left: unset
}

[data-v-55d678d6] .arabic .form-dialog ._text {
    padding: 0 8px 0 0
}

input[data-v-55d678d6]:focus,
select[data-v-55d678d6]:focus,
textarea[data-v-55d678d6]:focus,
button[data-v-55d678d6]:focus {
    outline: none
}

[data-v-55d678d6]::-moz-placeholder {
    color: var(--app--theme--input-placeholder)
}

[data-v-55d678d6]::placeholder {
    color: var(--app--theme--input-placeholder)
}

.textcenter[data-v-55d678d6] {
    text-align: center
}

.daily-withdraw-limit[data-v-55d678d6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 32px;
    font-size: 14px
}

@media (max-width: 767px) {
    .daily-withdraw-limit[data-v-55d678d6] {
        gap: 0
    }
}

.daily-withdraw-limit .primary-light[data-v-55d678d6] {
    color: var(--app--color--primary-light)
}

.daily-withdraw-limit .accent-red[data-v-55d678d6] {
    color: var(--app--color--accent-red)
}

.daily-withdraw-limit .highlight[data-v-55d678d6] {
    font-weight: 500
}

.title-wrapper[data-v-55d678d6] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: var(--app--theme--dialog--color)
}

.title-wrapper .title[data-v-55d678d6] {
    padding-left: 10px;
    font-weight: 700;
    vertical-align: super
}

.arabic .title-wrapper .title[data-v-55d678d6] {
    padding: 0 10px 0 0
}

.title-wrapper .icon-check[data-v-55d678d6] {
    width: 24px;
    height: 24px;
    color: var(--app--color--accent-green)
}

[data-v-55d678d6] .tabs-body {
    padding: 0
}

.tab-body--wrapper[data-v-55d678d6] {
    font-size: 16px;
    line-height: 1.5;
    color: var(--app--theme--dialog--color)
}

.tab-body--wrapper .balanceError[data-v-55d678d6] {
    font-size: 12px;
    color: var(--app--color--accent-red)
}

.tab-body--wrapper .amount-input[data-v-55d678d6] {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 12px 0 12px 16px;
    font-weight: 700
}

@media (max-width: 767px) {
    .tab-body--wrapper .amount-input[data-v-55d678d6] .input-inline-input {
        text-align: left
    }

    .arabic .tab-body--wrapper .amount-input[data-v-55d678d6] .input-inline-input {
        text-align: right
    }
}

.arabic .tab-body--wrapper .amount-input[data-v-55d678d6] {
    padding: 12px 16px 12px 0
}

@media (max-width: 374px) {
    .tab-body--wrapper .max-button[data-v-55d678d6] {
        font-size: 12px
    }
}

.tab-body--wrapper .currency--select[data-v-55d678d6] {
    border: none
}

.tab-body--wrapper .numberformat--error[data-v-55d678d6] {
    height: 18px;
    font-size: 12px;
    color: var(--app--color--accent-red);
    visibility: hidden
}

.tab-body--wrapper .numberformat--error.visible[data-v-55d678d6] {
    visibility: visible
}

.tab-body--wrapper .scan--suggest[data-v-55d678d6] {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    font-size: 14px;
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.tab-body--wrapper .scan--suggest[data-v-55d678d6]:hover {
    color: var(--app--theme--dialog--button-color-hover)
}

.tab-body--wrapper .scan--suggest .scan--suggest--img[data-v-55d678d6] {
    margin-right: 4px;
    vertical-align: text-bottom
}

.arabic .tab-body--wrapper .scan--suggest .scan--suggest--img[data-v-55d678d6] {
    margin: 0 0 0 4px
}

.tab-body--wrapper .recipient-info-form-block .divider[data-v-55d678d6] {
    width: 100%;
    height: 1px;
    margin-top: 6px;
    background-color: var(--app--color--white-dark)
}

.tab-body--wrapper .recipient-info-form-block .recipient-info-type[data-v-55d678d6] {
    margin: 24px 0 6px
}

.tab-body--wrapper .recipient-info-form-block .recipient-info-type[data-v-55d678d6] .radio+.radio {
    margin-left: 30px
}

.tab-body--wrapper .recipient-info-form-block[data-v-55d678d6] .form-field .title-block {
    text-transform: capitalize
}

.is-inactive[data-v-55d678d6] {
    pointer-events: none;
    opacity: .5
}

.send-to-block[data-v-55d678d6] {
    padding: 24px
}

.send-to-block[data-v-55d678d6]>*+* {
    margin-top: 24px
}

.next-btn[data-v-55d678d6] {
    margin-top: 24px
}

[data-v-55d678d6] .drop-down-list {
    top: 53px
}

[data-v-55d678d6] .currency-wrapper {
    padding-right: 4px
}

.mobile-input[data-v-55d678d6] {
    margin-bottom: 16px
}

.mobile-input[data-v-55d678d6] .dropdown-bar {
    width: 110px
}

.mobile-input[data-v-55d678d6] .error-message {
    font-size: 12px
}

.icon[data-v-82ed33dc] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.flow-dialog__title[data-v-82ed33dc] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.flow-dialog__content[data-v-82ed33dc] {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.brand-button.flow-dialog__button[data-v-82ed33dc] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.brand-button.flow-dialog__button.is-disabled[data-v-82ed33dc] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.balance--desc[data-v-82ed33dc] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--dialog--balance-fontColor);
    text-align: right
}

.balance--desc strong[data-v-82ed33dc] {
    font-size: 16px;
    font-weight: 500
}

.email-message[data-v-82ed33dc] {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: var(--app--theme--dialog--color);
    background-color: var(--app--color--accent-yellow--o-2);
    border: solid 1px var(--app--color--accent-yellow);
    border-radius: 4px
}

.resend-button[data-v-82ed33dc] {
    margin-left: auto;
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.title[data-v-82ed33dc] {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--dialog--color);
    text-align: center
}

.fail-msg[data-v-82ed33dc] {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.fail-msg .link[data-v-82ed33dc] {
    color: var(--app--theme--dialog--button-color);
    cursor: pointer
}

.balance--desc[data-v-82ed33dc] {
    padding-top: 5px
}

.wrapper[data-v-82ed33dc] {
    padding: 16px 24px;
    background-color: var(--app--theme--section-border);
    border-radius: 8px
}

.wrapper .row[data-v-82ed33dc] {
    padding: 9px 0;
    color: var(--app--color--blue-grey-dark)
}

.wrapper .row[data-v-82ed33dc]:not(:last-child) {
    border-bottom: solid 1px var(--app--theme--dialog--borderColor)
}

.wrapper .row span[data-v-82ed33dc] {
    text-transform: capitalize
}

.wrapper .amount[data-v-82ed33dc] {
    margin-right: 8px;
    font-size: 26px;
    font-weight: 700;
    color: var(--app--theme--dialog--title)
}

.wrapper .currency[data-v-82ed33dc] {
    margin-top: 8px
}

.wrapper .content[data-v-82ed33dc] {
    font-weight: 500;
    color: var(--app--theme--dialog--title)
}

.confirm-btn[data-v-82ed33dc] {
    margin-top: 24px
}

.description[data-v-0b839f8c] {
    line-height: 1.5
}

.link[data-v-0b839f8c] {
    color: var(--app--color--primary);
    text-transform: lowercase;
    cursor: pointer
}

.almost-done .link[data-v-3b05553f] {
    color: var(--app--color--primary);
    cursor: pointer
}

.almost-done .icon[data-v-3b05553f] {
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

.almost-done .flow-dialog__title[data-v-3b05553f] {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--app--theme--dialog--title);
    text-align: center
}

.almost-done .flow-dialog__content[data-v-3b05553f] {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--app--theme--dialog--content);
    text-align: center
}

.almost-done .flow-dialog__content.error[data-v-3b05553f] {
    color: var(--app--color--blue-grey-darker)
}

.almost-done .flow-dialog__button[data-v-3b05553f] {
    width: 100%;
    height: 51px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-color: var(--app--color--primary)
}

.almost-done .flow-dialog__button.is-disabled[data-v-3b05553f] {
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--blue-grey);
    border-color: var(--app--color--blue-grey);
    opacity: initial
}

.almost-done .view-history-wrapper[data-v-3b05553f] {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    justify-content: center;
    margin-top: 4px
}

.almost-done .fail-msg-wrapper[data-v-3b05553f] {
    margin-top: 8px
}

[data-v-9a9e1062] .brand-dialog-body {
    padding: 0
}

.withdrawal-wrapper[data-v-9a9e1062] {
    padding: 24px
}

.dialog-message-wrap[data-v-3ab796c2] {
    display: flex;
    align-items: center;
    padding: 30px 40px 10px 10px;
    font-size: 14px
}

.dialog-message-wrap .dialog-message-icon[data-v-3ab796c2] {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.dialog-message-wrap .message[data-v-3ab796c2] {
    word-break: initial
}

.dialog-button-wrap[data-v-3ab796c2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    padding-bottom: 20px
}

.action-wrapper[data-v-fbffa24d] {
    display: flex;
    gap: 54px;
    align-items: center;
    padding: 8px 16px
}

.action-wrapper.is-space-between[data-v-fbffa24d] {
    gap: 0;
    justify-content: space-between
}

.action-wrapper .action-item[data-v-fbffa24d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    cursor: pointer
}

.action-wrapper .action-item:hover .icon-wrapper[data-v-fbffa24d] {
    background-color: var(--app--theme--header-dropdown-hover-bg)
}

.action-wrapper .icon-wrapper[data-v-fbffa24d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid var(--app--theme-header-wallet-top-block-action-border);
    border-radius: 50%
}

.action-wrapper .action-icon[data-v-fbffa24d] {
    width: 26px;
    height: 26px;
    color: var(--app--theme-header-wallet-top-block-action-icon)
}

.action-wrapper .action-text[data-v-fbffa24d] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--theme-header-wallet-top-block-main-asset)
}

.tool-box-button[data-v-5a2bb81d] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-right: 1px solid var(--tool-box-icon-border-color)
}

.tool-box-button[data-v-5a2bb81d]:last-child {
    border-right: none
}

.theme-night .tool-box-button[data-v-5a2bb81d] {
    border-color: var(--app--color--blue-grey-darker)
}

.tool-box-button.o-active[data-v-5a2bb81d]:after {
    opacity: 1
}

.tool-box-button[data-v-5a2bb81d]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content);
    opacity: 0;
    transition: .3s opacity
}

.tool-box-button.hover-effect[data-v-5a2bb81d]:hover:after {
    opacity: 1
}

.theme-simple .tool-box-button[data-v-5a2bb81d]:after,
.theme-transparent-light .tool-box-button[data-v-5a2bb81d]:after,
.theme-transparent .is-scroll .tool-box-button[data-v-5a2bb81d]:after {
    background-color: var(--app--color--primary)
}

.theme-transparent .tool-box-button[data-v-5a2bb81d]:after {
    background-color: var(--app--theme--header-transparent-content)
}

.top-block[data-v-5a2bb81d] {
    width: 100%;
    padding: 16px 0;
    margin: 0 8px;
    border-bottom: 1px solid var(--app--theme-header-wallet-top-block-bottom-divider)
}

.top-block .wallet-info[data-v-5a2bb81d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    cursor: pointer
}

.top-block .wallet-info[data-v-5a2bb81d]:hover {
    background-color: var(--app--theme--header-dropdown-hover-bg)
}

.top-block .wallet-info:hover .icon-chevron-down[data-v-5a2bb81d] {
    color: var(--app--theme-header-wallet-top-block-arrow-hover)
}

.top-block .asset-wrapper[data-v-5a2bb81d] {
    display: flex;
    flex-direction: column
}

.top-block .asset-header[data-v-5a2bb81d] {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--theme-header-wallet-top-block-text)
}

.top-block .icon-eye[data-v-5a2bb81d] {
    cursor: pointer
}

.top-block .asset-value-wrapper[data-v-5a2bb81d] {
    margin-top: 4px
}

.top-block .asset-value-wrapper .asset-main-value[data-v-5a2bb81d] {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--theme-header-wallet-top-block-main-asset)
}

.top-block .asset-value-wrapper .asset-around-value[data-v-5a2bb81d] {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--theme-header-wallet-top-block-text)
}

.top-block .icon-chevron-down[data-v-5a2bb81d] {
    width: 18px;
    height: auto;
    color: var(--app--theme-header-wallet-top-block-arrow);
    transform: rotate(-90deg)
}

.account-empty-dialog .dialog-content[data-v-819d2e8d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.account-empty-dialog .title[data-v-819d2e8d] {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--app--color--blue-grey-darker);
    text-align: center
}

.account-empty-dialog .content[data-v-819d2e8d] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--app--color--blue-grey-dark)
}

.account-empty-dialog .go-button[data-v-819d2e8d] {
    text-transform: uppercase
}

.switch-account-dialog[data-v-6fdd3f7c] {
    --brand-dialog-border-radius: 16px
}

.switch-account-dialog[data-v-6fdd3f7c] .brand-dialog-header {
    font-size: 24px
}

.switch-account-dialog .body[data-v-6fdd3f7c] {
    display: flex;
    flex-direction: column
}

.switch-account-dialog .body .sub-title[data-v-6fdd3f7c] {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--denim-darker)
}

.theme-night .switch-account-dialog .body .sub-title[data-v-6fdd3f7c] {
    color: var(--app--color--white-dark)
}

.switch-account-dialog .body .dropdown[data-v-6fdd3f7c] {
    margin-bottom: 48px
}

.switch-account-dialog .loading-icon[data-v-6fdd3f7c] {
    align-self: center;
    width: 50px;
    height: 50px;
    margin: 20px 0
}

.switch-account-container[data-v-baf56bd5] {
    padding-bottom: 16px
}

.switch-account-container .switch-account[data-v-baf56bd5] {
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: 0 24px;
    font-weight: 500;
    color: var(--app--theme--header-dropdown-text);
    cursor: pointer;
    border: 1px solid var(--app--theme--header-dropdown-border-line);
    border-radius: 4px
}

.switch-account-container .switch-account[data-v-baf56bd5]:hover {
    background-color: var(--app--theme--header-dropdown-menu-list-hover-bg)
}

@media (max-width: 1279px) {
    .switch-account-container .switch-account[data-v-baf56bd5] {
        margin: 0 16px
    }
}

.theme-night .switch-account-container .switch-account[data-v-baf56bd5] {
    color: var(--app--color--white);
    border-color: var(--app--theme--header-dropdown-border-line)
}

.theme-night .switch-account-container .switch-account[data-v-baf56bd5]:hover {
    background-color: var(--app--theme--header-dropdown-menu-list-hover-bg)
}

.action-confirm-dialog[data-v-1367b080] {
    --brand-dialog-border-radius: 8px
}

.action-confirm-dialog .confirm-msg-wrap[data-v-1367b080] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 6px;
    margin-bottom: 18px;
    font-size: 14px
}

.action-confirm-dialog .confirm-msg-wrap .status-icon[data-v-1367b080] {
    width: 24px;
    height: 24px;
    color: #e6a23c
}

.action-confirm-dialog .button-area[data-v-1367b080] {
    display: flex;
    gap: 12px;
    justify-content: flex-end
}

.tool-box-button[data-v-c6bf2691] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-right: 1px solid var(--tool-box-icon-border-color)
}

.tool-box-button[data-v-c6bf2691]:last-child {
    border-right: none
}

.theme-night .tool-box-button[data-v-c6bf2691] {
    border-color: var(--app--color--blue-grey-darker)
}

.tool-box-button.o-active[data-v-c6bf2691]:after {
    opacity: 1
}

.tool-box-button[data-v-c6bf2691]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content);
    opacity: 0;
    transition: .3s opacity
}

.tool-box-button.hover-effect[data-v-c6bf2691]:hover:after {
    opacity: 1
}

.theme-simple .tool-box-button[data-v-c6bf2691]:after,
.theme-transparent-light .tool-box-button[data-v-c6bf2691]:after,
.theme-transparent .is-scroll .tool-box-button[data-v-c6bf2691]:after {
    background-color: var(--app--color--primary)
}

.theme-transparent .tool-box-button[data-v-c6bf2691]:after {
    background-color: var(--app--theme--header-transparent-content)
}

.account-dropdown .header-icon[data-v-c6bf2691] {
    width: 20px;
    height: 20px
}

.top-wrapper-container[data-v-c6bf2691] {
    width: 100%
}

.account-dropdown-user[data-v-c6bf2691] {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    padding: 12px 8px;
    cursor: pointer
}

.account-dropdown-user.new-top-padding[data-v-c6bf2691] {
    padding: 24px 16px 16px
}

.account-dropdown-user .account-dropdown-top-wrapper[data-v-c6bf2691] {
    display: flex;
    gap: 12px;
    align-items: center
}

.account-dropdown-user .account-dropdown-top-info[data-v-c6bf2691] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 2px;
    min-width: 0
}

.account-dropdown-user .account-icon[data-v-c6bf2691] {
    width: 64px;
    height: 64px
}

.account-dropdown-user .user-name-wrap[data-v-c6bf2691] {
    display: flex;
    gap: 4px;
    align-items: baseline
}

.account-dropdown-user .user-name[data-v-c6bf2691] {
    width: auto;
    max-width: 140px;
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--header-dropdown-text)
}

.arabic .account-dropdown-user .user-name[data-v-c6bf2691] {
    margin-right: 0;
    margin-left: 8px
}

.theme-night .account-dropdown-user .user-name[data-v-c6bf2691] {
    color: var(--app--color--white)
}

.account-dropdown-user .sub-account-label[data-v-c6bf2691] {
    flex: 1;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--color--blue-grey-dark)
}

.account-dropdown-user .user-id[data-v-c6bf2691] {
    font-size: 12px;
    font-weight: 400;
    color: var(--app--color--blue-grey-dark);
    white-space: pre
}

.account-dropdown-user .account-dropdown-subaccount[data-v-c6bf2691] {
    padding: 4px 8px;
    margin-top: 8px;
    margin-right: auto;
    font-size: 12px;
    font-weight: 700;
    background: var(--app--theme--subaccount-bg);
    border-radius: 4px
}

.account-dropdown-user .account-dropdown-subaccount .master-account[data-v-c6bf2691] {
    margin-bottom: 2px;
    font-weight: 400;
    color: var(--app--color--accent-teal-light);
    transform: scale(.9) translate(-5px)
}

.account-dropdown-user .down-icon[data-v-c6bf2691] {
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: auto;
    color: var(--app--theme--header-account-arrow);
    transform: rotate(270deg)
}

.arabic .account-dropdown-user .down-icon[data-v-c6bf2691] {
    margin-right: auto;
    margin-left: initial;
    transform: rotate(90deg)
}

.new-footer-padding[data-v-c6bf2691] {
    padding: 8px 16px;
    margin: 4px 8px
}

.download-dropdown.type-link .header-icon[data-v-7a234722] {
    cursor: pointer
}

.download-panel[data-v-7a234722] {
    --bg-color: var(--app--theme--header-dropdown-bg);
    --font-color: var(--app--theme--header-dropdown-text);
    --shadow: rgba(0, 0, 0, .25) -8px 5px 10px;
    padding: 12px 20px 18px;
    color: var(--font-color);
    background-color: var(--bg-color);
    border-radius: 4px;
    box-shadow: var(--shadow)
}

.download-panel .title[data-v-7a234722] {
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: var(--font-color);
    text-align: center
}

.download-panel .desc[data-v-7a234722] {
    margin-top: 4px;
    text-align: center
}

.download-panel .apps-wrapper[data-v-7a234722] {
    display: flex;
    justify-content: space-around
}

.download-panel .apps-wrapper img[data-v-7a234722] {
    width: 100%
}

.download-panel .apps-wrapper[data-v-7a234722]>*+* {
    margin-left: 20px
}

.download-panel .app-item[data-v-7a234722] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.download-panel .app-item.app-disabled[data-v-7a234722] {
    pointer-events: none
}

.download-panel .qrcode[data-v-7a234722] {
    width: 88px;
    height: 88px;
    padding: 7px;
    background-color: var(--app--color--white);
    border-radius: 8px;
    box-shadow: 0 3px 13px #0000001a
}

.download-panel .qrcode-cover[data-v-7a234722] {
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
    background-color: var(--app--color--white--o-9);
    border-radius: 8px
}

.download-panel .qrcode-cover .qrcode-cover-content[data-v-7a234722] {
    width: 75%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    color: var(--app--color--primary);
    text-align: center
}

.download-panel .app-link[data-v-7a234722] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    margin-top: 8px;
    color: var(--font-color)
}

.download-panel .app-link .info[data-v-7a234722] {
    font-size: 12px;
    transform: scale(.7)
}

.download-panel .app-link .name[data-v-7a234722] {
    padding-left: 6px;
    font-size: 12px
}

.download-panel .app-link .logo[data-v-7a234722] {
    width: 16px;
    height: 16px
}

.header-icon[data-v-7a234722] {
    width: 20px;
    height: 20px
}

.notification-panel[data-v-22e6db55] {
    --notification-text-color-title: var(--app--theme--header-dropdown-text);
    --notification-list-background-color: var(--app--theme--header-dropdown-bg);
    --notification-list-border-color: transparent;
    --notification-item-bg-color: var(--app--theme--header-dropdown-hover-bg);
    --notification-view-all-color: var(--app--theme--header-dropdown-view-all);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 360px;
    font-size: 12px;
    color: var(--notification-text-color-title);
    background-color: var(--notification-list-background-color);
    border-radius: 4px
}

.notification-panel .top-wrap[data-v-22e6db55] {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 56px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 24px;
    border-bottom: solid 1px var(--app--theme--header-notification-border)
}

.notification-panel .top-wrap .title[data-v-22e6db55] {
    font-size: 16px;
    font-weight: 700
}

.notification-panel .top-wrap .right[data-v-22e6db55] {
    display: flex;
    align-items: center
}

.notification-panel .top-wrap .right .tag[data-v-22e6db55] {
    display: flex;
    align-items: center;
    padding: 4px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--app--color--accent-yellow);
    cursor: pointer;
    background-color: var(--app--color--accent-yellow--o-2);
    border-radius: 4px
}

.notification-panel .top-wrap .right .tag .info-icon[data-v-22e6db55] {
    width: 12px;
    margin-left: 4px
}

.notification-panel .top-wrap .right .setting-icon[data-v-22e6db55] {
    width: 16px;
    color: var(--notification-view-all-color);
    cursor: pointer
}

.notification-panel .notification-content[data-v-22e6db55] {
    box-sizing: border-box;
    max-height: 530px;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.notification-panel .notification-content.is-small-client-height[data-v-22e6db55] {
    max-height: 380px
}

.notification-panel .notification-content .notification-item-wrap[data-v-22e6db55] {
    padding: 0 24px
}

.notification-panel .bottom-wrap[data-v-22e6db55] {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 56px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 24px;
    border-top: solid 1px var(--app--theme--header-notification-border)
}

.notification-panel .bottom-wrap .view-all[data-v-22e6db55] {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 16px;
    font-weight: 700;
    color: var(--notification-view-all-color);
    cursor: pointer
}

.notification-panel .bottom-wrap .view-all .more-icon[data-v-22e6db55] {
    width: 16px;
    margin-left: 4px;
    transform: rotate(-90deg)
}

.notification-panel .no-data-wrap[data-v-22e6db55] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 24px
}

.notification-panel .no-data-icon[data-v-22e6db55] {
    width: 160px
}

.notification-panel .icon-close[data-v-22e6db55] {
    width: 26px;
    height: 26px;
    margin-left: 16px;
    color: var(--app--color--blue-grey-dark);
    transform: rotate(-45deg)
}

.arabic .notification-panel[data-v-22e6db55] {
    direction: rtl
}

.tutorial-mask[data-v-22e6db55] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--app--color--denim-darker--o-7)
}

.tutorial-content[data-v-22e6db55] {
    position: fixed;
    box-sizing: border-box;
    padding: 20px 18px 40px;
    background-color: var(--app--color--primary-darker);
    border: 1px solid var(--app--color--primary)
}

.tutorial-content .header[data-v-22e6db55] {
    display: flex;
    align-items: center
}

.tutorial-content .header svg[data-v-22e6db55] {
    color: var(--app--color--accent-yellow)
}

.tutorial-content .header .title[data-v-22e6db55] {
    margin-left: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--app--color--white)
}

.tutorial-content .content[data-v-22e6db55] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tutorial-content .content .note[data-v-22e6db55] {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: var(--app--color--primary-light)
}

.tutorial-content .footer[data-v-22e6db55] {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.tutorial-arrow[data-v-22e6db55] {
    position: fixed;
    width: 0;
    height: 0;
    border-color: transparent transparent var(--app--color--primary) transparent;
    border-style: solid;
    border-width: 6px
}

.tutorial-arrow[data-v-22e6db55]:before {
    position: absolute;
    top: -2px;
    left: -4px;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent var(--app--color--primary-darker) transparent;
    border-style: solid;
    border-width: 4px
}

.header-icon[data-v-6f425fa0] {
    width: 20px;
    height: 20px
}

[data-v-6f425fa0] .action-icon {
    position: relative
}

._badge[data-v-6f425fa0] {
    position: absolute;
    top: 0;
    left: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 15px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 109%;
    color: #fff;
    background-color: var(--app--color--accent-red);
    border-radius: 40%;
    transform: translate3d(-60%, -30%, 0)
}

.header-tool-box[data-v-d09cc979] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 240px;
    height: 100%
}

.header-tool-box[data-v-d09cc979]>* {
    padding: 0 18px
}

.header-tool-box[data-v-d09cc979] .tool-box-button {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 15px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-right: 1px solid var(--tool-box-icon-border-color)
}

.header-tool-box[data-v-d09cc979] .tool-box-button:last-child {
    border-right: none
}

.theme-night .header-tool-box[data-v-d09cc979] .tool-box-button {
    border-color: var(--app--color--blue-grey-darker)
}

.header-tool-box[data-v-d09cc979] .tool-box-button.o-active:after {
    opacity: 1
}

.header-tool-box[data-v-d09cc979] .tool-box-button:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 18px;
    width: calc(100% - 36px);
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content);
    opacity: 0;
    transition: .3s opacity
}

.header-tool-box[data-v-d09cc979] .tool-box-button.hover-effect:hover:after {
    opacity: 1
}

.header-tool-box[data-v-d09cc979] .register-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 4px 8px;
    margin: 0 18px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: var(--app--theme--button-color);
    text-align: center;
    background: linear-gradient(94.57deg, var(--app--theme--register-gradient-one) 3.7%, var(--app--theme--register-gradient-two) 94.27%);
    border-radius: 4px;
    box-shadow: 0 4px 5px #00000040
}

.header-tool-box[data-v-d09cc979] .register-btn:hover {
    opacity: .9
}

.theme-transparent-light .header-tool-box[data-v-d09cc979] .register-btn {
    background: linear-gradient(94.57deg, var(--app--theme--transparent-light-register-gradient-one) 3.7%, var(--app--theme--transparent-light-register-gradient-two) 94.27%)
}

.theme-transparent .header-tool-box[data-v-d09cc979] .register-btn {
    background: linear-gradient(94.57deg, var(--app--theme--transparent-register-gradient-one, var(--app--theme--register-gradient-one)) 3.7%, var(--app--theme--transparent-register-gradient-two, var(--app--theme--register-gradient-two)) 94.27%)
}

.header-tool-box[data-v-d09cc979] .register-btn.disabled {
    color: var(--app--color--blue-grey-dark);
    cursor: not-allowed;
    background: var(--app--color--blue-grey)
}

.header-tool-box[data-v-d09cc979] .register-btn.disabled:after {
    display: none
}

.header-tool-box[data-v-d09cc979] .register-btn.disabled:hover {
    opacity: 1
}

.theme-simple .header-tool-box[data-v-d09cc979] .register-btn,
.theme-transparent .is-scroll .header-tool-box[data-v-d09cc979] .register-btn {
    background: linear-gradient(94.57deg, var(--app--theme--simple-register-gradient-one) 3.7%, var(--app--theme--simple-register-gradient-two) 94.27%)
}

.header-tool-box[data-v-d09cc979] .icon-button {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.header-tool-box[data-v-d09cc979] .setting-icon {
    width: 13px
}

.header-tool-box[data-v-d09cc979] .hide-link-on-same-route.o-active {
    display: none
}

[data-v-d09cc979] .theme-simple .header-tool-box .tool-box-button:after {
    background-color: var(--app--theme--header-simple-content)
}

[data-v-d09cc979] .theme-transparent .header-tool-box .tool-box-button:after {
    background-color: var(--app--theme--header-transparent-content)
}

[data-v-d09cc979] .theme-transparent-light .header-tool-box .tool-box-button:after {
    background-color: var(--app--theme--header-transparent-light-content)
}

.header-tool-box[data-v-d09cc979] .benefits-nav :deep(.tab-content-wrap) {
    top: 2px
}

.tool-box-button--setting[data-v-d09cc979] {
    width: 20px;
    height: 20px
}

.tool-box-button--setting[data-v-d09cc979] .brand-dropdown-list {
    min-width: 200px
}

.header-dropdown-list .tool-box__footer[data-v-d09cc979] {
    justify-content: space-between;
    width: 100%
}

.footer__arrow-icon[data-v-d09cc979] {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg)
}

.arabic .footer__arrow-icon[data-v-d09cc979] {
    transform: rotate(90deg)
}

.order-dropdown-content[data-v-931add42] {
    width: 100%;
    margin: 0 8px
}

.order-dropdown-content .order-dropdown-item[data-v-931add42] {
    cursor: default
}

.order-dropdown-content .order-dropdown-item+.order-dropdown-item[data-v-931add42] {
    border-top: 1px solid var(--app--theme-header-wallet-top-block-bottom-divider)
}

.order-dropdown-content .title[data-v-931add42] {
    padding: 18px 12px 0;
    margin-bottom: 8px;
    font-weight: 700
}

.order-dropdown-content .route-item[data-v-931add42] {
    padding: 12px 0 12px 20px;
    font-weight: 400;
    cursor: pointer
}

.order-dropdown-content .route-item[data-v-931add42]:last-child {
    margin-bottom: 0
}

.order-dropdown-content .route-item[data-v-931add42]:hover {
    background-color: var(--app--theme--header-dropdown-hover-bg)
}

.tool-box-button[data-v-f44ed147] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-right: 1px solid var(--tool-box-icon-border-color)
}

.tool-box-button[data-v-f44ed147]:last-child {
    border-right: none
}

.theme-night .tool-box-button[data-v-f44ed147] {
    border-color: var(--app--color--blue-grey-darker)
}

.tool-box-button.o-active[data-v-f44ed147]:after {
    opacity: 1
}

.tool-box-button[data-v-f44ed147]:after {
    position: absolute;
    top: calc(68% + 3px);
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--app--theme--header-content);
    opacity: 0;
    transition: .3s opacity
}

.tool-box-button.hover-effect[data-v-f44ed147]:hover:after {
    opacity: 1
}

.theme-simple .tool-box-button[data-v-f44ed147]:after,
.theme-transparent-light .tool-box-button[data-v-f44ed147]:after,
.theme-transparent .is-scroll .tool-box-button[data-v-f44ed147]:after {
    background-color: var(--app--color--primary)
}

.theme-transparent .tool-box-button[data-v-f44ed147]:after {
    background-color: var(--app--theme--header-transparent-content)
}

.header-tool-box[data-v-f44ed147] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
    height: 100%
}

.theme-simple .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147],
.theme-transparent .is-scroll .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147] {
    color: var(--app--theme--button-color);
    background: linear-gradient(94.57deg, var(--app--theme--simple-register-gradient-one) 3.7%, var(--app--theme--simple-register-gradient-two) 94.27%)
}

.theme-simple .is-scroll .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147],
.theme-transparent .is-scroll .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147] {
    background: var(--app--theme--simple-register-btn-highlight-bg)
}

.theme-transparent-light .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147] {
    color: var(--app--theme--button-color);
    background: linear-gradient(94.57deg, var(--app--theme--transparent-light-register-gradient-one) 3.7%, var(--app--theme--transparent-light-register-gradient-two) 94.27%)
}

.theme-transparent .header-tool-box:not(.has-custom-theme) .register-btn[data-v-f44ed147] {
    background: linear-gradient(94.57deg, var(--app--theme--transparent-register-gradient-one, var(--app--theme--register-gradient-one)) 3.7%, var(--app--theme--transparent-register-gradient-two, var(--app--theme--register-gradient-two)) 94.27%)
}

.header-tool-box .register-btn[data-v-f44ed147] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: var(--app--theme--button-color);
    text-align: center;
    background: linear-gradient(94.57deg, var(--app--theme--register-gradient-one) 3.7%, var(--app--theme--register-gradient-two) 94.27%);
    border-radius: 5px;
    box-shadow: 0 4px 5px #00000040
}

.header-tool-box .register-btn[data-v-f44ed147]:hover {
    opacity: .9
}

.header-tool-box[data-v-f44ed147] .icon-button {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.header-tool-box[data-v-f44ed147] .setting-icon {
    width: 13px
}

.header-tool-box[data-v-f44ed147] .hide-link-on-same-route.o-active {
    display: none
}

.header-tool-box .benefits-nav[data-v-f44ed147] .tab-content-wrap {
    top: 2px
}

.tool-box-button--setting[data-v-f44ed147] {
    width: 20px;
    height: 20px
}

.tool-box-button--setting[data-v-f44ed147] .brand-dropdown-list {
    min-width: 200px
}

.header-dropdown-list .tool-box__footer[data-v-f44ed147] {
    justify-content: space-between;
    width: 100%
}

.footer__arrow-icon[data-v-f44ed147] {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg)
}

.arabic .footer__arrow-icon[data-v-f44ed147] {
    transform: rotate(90deg)
}

.language-dialog[data-v-458a84c9] {
    --language-item__hover_background-color: var(--app--color--blue-grey-lighter);
    --language-item__width: 25%;
    --language-item__color: var(--app--color--blue-grey-darker)
}

.arabic .language-dialog[data-v-458a84c9] {
    direction: rtl
}

.language-dialog .dialog-body[data-v-458a84c9] {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px 17px
}

.language-dialog .language-item[data-v-458a84c9] {
    box-sizing: border-box;
    width: var(--language-item__width);
    padding: 8px 0 8px 20px;
    font-size: 16px;
    color: var(--language-item__color);
    cursor: pointer
}

.language-dialog .language-item[data-v-458a84c9]:hover {
    background-color: var(--language-item__hover_background-color)
}

.language-dialog .language-item.active[data-v-458a84c9] {
    color: var(--app--color--primary-light)
}

.arabic .language-dialog .language-item[data-v-458a84c9] {
    padding: 8px 20px 8px 0
}

@media (max-width: 767px) {
    .language-dialog[data-v-458a84c9] {
        --language-item__width: 50%
    }
}

.theme-night .language-dialog[data-v-458a84c9] {
    --language-item__hover_background-color: var(--app--color--denim);
    --language-item__color: var(--app--color--white)
}

.language-wrap[data-v-2d086f46] {
    --language-icon: var(--app--theme--footer-language-icon)
}

.language-wrap .language[data-v-2d086f46] {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer
}

.language-wrap .language[data-v-2d086f46]>*+* {
    margin-left: 5px
}

.arabic .language-wrap .language[data-v-2d086f46]>*+* {
    margin-right: 5px;
    margin-left: 0
}

.language-wrap .language-footer[data-v-2d086f46] {
    font-size: 14px;
    font-weight: 700;
    color: var(--app--theme--footer-language)
}

.language-wrap .language-footer .language-icon[data-v-2d086f46] {
    color: var(--language-icon)
}

.language-wrap .language-footer[data-v-2d086f46]:hover {
    color: var(--app--theme--footer-language-hover);
    --language-icon: var(--app--theme--footer-language-hover)
}

.header[data-v-f82a7fdb] {
    --header-bg: var(--app--theme--header-bg);
    --header-content: var(--app--theme--header-content);
    --brand-logo-margin-left-and-right: 20px;
    z-index: var(--header-z-index);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px !important;
    padding: 0 24px;
    color: var(--header-content);
    background-color: var(--header-bg);
    transition: all .2s linear;
}

.theme-simple .header[data-v-f82a7fdb]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-simple-bg);
    --header-content: var(--app--theme--header-simple-content);
    border-bottom: 1px solid var(--app--theme--header-simple-border-bottom)
}

.theme-transparent .header[data-v-f82a7fdb]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-transparent-bg);
    --header-content: var(--app--theme--header-transparent-content)
}

.theme-transparent-light .header[data-v-f82a7fdb]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-transparent-light-bg);
    --header-content: var(--app--theme--header-transparent-light-content)
}

.theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb],
.theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb],
.theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] {
    --header-bg: var(--app--theme--header-scroll-bg);
    --header-content: var(--app--theme--header-scroll-content);
    box-shadow: 0 3px 12px #0000001a
}

.theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after,
.theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after,
.theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after {
    background-color: var(--app--color--primary)
}

.theme-night .theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb],
.theme-night .theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb],
.theme-night .theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] {
    --header-bg: var(--app--theme--header-mobile-bg);
    --header-content: var(--app--theme--header-content)
}

.theme-night .theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after,
.theme-night .theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after,
.theme-night .theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .navigation-link:after {
    background-color: var(--app--color--white)
}

.theme-night .theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .header-logo,
.theme-night .theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .header-logo,
.theme-night .theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .header-logo {
    --header-logo-color: var(--app--color--white)
}

.theme-night .theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap,
.theme-night .theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap,
.theme-night .theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap {
    background-color: var(--app--color--white-dark--o-2)
}

.theme-night .theme-simple .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap input,
.theme-night .theme-transparent .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap input,
.theme-night .theme-transparent-light .header:not(.has-background-always).is-scroll[data-v-f82a7fdb] .search-input-wrap input {
    color: unset
}

.theme-simple .header:not(.has-background-always).no-outer-styles[data-v-f82a7fdb],
.theme-transparent .header:not(.has-background-always).no-outer-styles[data-v-f82a7fdb],
.theme-transparent-light .header:not(.has-background-always).no-outer-styles[data-v-f82a7fdb] {
    box-shadow: none
}

.theme-transparent-light .header[data-v-f82a7fdb],
.theme-transparent .header[data-v-f82a7fdb],
.theme-simple .header[data-v-f82a7fdb] {
    --brand-logo-margin-left-and-right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theme-transparent .header[data-v-f82a7fdb] .navigation-link:after {
    background-color: var(--header-content)
}

.arabic .header[data-v-f82a7fdb] {
    direction: rtl
}

.header .header-home-link[data-v-f82a7fdb] {
    display: flex;
    align-items: center
}

.header .header-logo[data-v-f82a7fdb] {
    width: auto
}

.header .header-language[data-v-f82a7fdb] {
    margin-left: 20px
}

.arabic .header .header-language[data-v-f82a7fdb] {
    margin-right: 20px;
    margin-left: 0
}

.mobile-menu[data-v-7b70938a] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: calc(var(--header-z-index) + 1);
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    transition: visibility .5s
}

.mobile-menu.show[data-v-7b70938a] {
    visibility: visible
}

.mobile-menu.show .background[data-v-7b70938a] {
    opacity: 1
}

.mobile-menu.show .content[data-v-7b70938a] {
    transform: translate(-100%)
}

.arabic .mobile-menu.show .content[data-v-7b70938a] {
    transform: translate(0)
}

.mobile-menu .background[data-v-7b70938a] {
    width: 100%;
    height: 100%;
    background-color: var(--app--color--denim-darkest--o-8);
    opacity: 0;
    transition: opacity .3s linear;
    will-change: opacity
}

.mobile-menu .content[data-v-7b70938a] {
    position: absolute;
    top: 0;
    left: 100%;
    box-sizing: border-box;
    width: 280px;
    min-height: 0;
    overflow: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--app--theme--mobile-menu-text);
    background-color: var(--app--theme--mobile-menu-bg);
    transition: transform .3s linear;
    will-change: transform
}

.arabic .mobile-menu .content[data-v-7b70938a] {
    left: 0
}

.arabic .mobile-menu:not(.show) .content[data-v-7b70938a] {
    transform: translate(-100%)
}

.account-user-block-container[data-v-22e90500] {
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px var(--app--theme--header-dropdown-border-line)
}

.account-user-block-container .account-user-block[data-v-22e90500] {
    --verify-background-color: var(--app--color--blue-grey-darker);
    --verify-font-color: var(--app--color--blue-grey-lighter);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100px;
    padding: 0 24px;
    cursor: pointer
}

.account-user-block-container .account-user-block .block-wrap[data-v-22e90500] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

.theme-simple .account-user-block-container .account-user-block[data-v-22e90500] {
    --verify-background-color: var(--app--color--blue-grey);
    --verify-font-color: var(--app--color--blue-grey-darker)
}

.theme-night .account-user-block-container .account-user-block[data-v-22e90500] {
    --verify-background-color: var(--app--color--denim-light);
    --verify-font-color: var(--app--color--blue-grey)
}

.account-user-block-container .account-user-block .user-info-wrapper[data-v-22e90500] {
    display: flex;
    gap: 12px;
    align-items: center
}

.account-user-block-container .account-user-block .user-icon[data-v-22e90500] {
    width: 36px;
    height: 36px
}

.account-user-block-container .account-user-block .user-info[data-v-22e90500] {
    flex: 1 1 auto;
    max-width: 196px
}

.account-user-block-container .account-user-block .user-name-wrap[data-v-22e90500] {
    display: flex;
    gap: 4px;
    align-items: baseline
}

.account-user-block-container .account-user-block .user-name[data-v-22e90500] {
    width: auto;
    max-width: 90px;
    font-size: 16px;
    font-weight: 700
}

.account-user-block-container .account-user-block .sub-account-label[data-v-22e90500] {
    flex: 1;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--mobile-menu-account-text-color)
}

.account-user-block-container .account-user-block .user-id[data-v-22e90500] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--app--theme--mobile-menu-account-text-color)
}

.account-user-block-container .account-user-block .down-icon[data-v-22e90500] {
    width: 16px;
    height: 16px;
    margin-left: auto;
    color: var(--app--theme--mobile-menu-arrow-color);
    transform: rotate(270deg)
}

.arabic .account-user-block-container .account-user-block .down-icon[data-v-22e90500] {
    margin-right: auto;
    margin-left: unset
}

.account-user-block-container .account-user-block .user-bottom-wrapper[data-v-22e90500] {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.account-user-block-container .account-user-block .user-bottom-wrapper .bottom__verify[data-v-22e90500] {
    margin-left: 12px
}

.arabic .account-user-block-container .account-user-block .user-bottom-wrapper .bottom__verify[data-v-22e90500] {
    margin-right: 12px;
    margin-left: 0
}

.account-user-block-container .account-user-block .user-bottom-wrapper[data-v-22e90500] .account-crown {
    position: relative;
    top: -1px
}

.account-user-block-container .account-user-block .account-dropdown-subaccount[data-v-22e90500] {
    display: inline-block;
    padding: 4px 8px;
    margin-top: 8px;
    margin-right: auto;
    font-size: 12px;
    font-weight: 700;
    background: var(--app--theme--subaccount-bg);
    border-radius: 4px
}

.account-user-block-container .account-user-block .account-dropdown-subaccount .master-account[data-v-22e90500] {
    margin-bottom: 2px;
    font-weight: 400;
    color: var(--app--color--accent-teal-light)
}

.account-user-block-container[data-v-22e90500] .switch-account {
    font-size: 14px
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] {
    padding-top: 12px;
    padding-left: 48px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--app--theme--header-mobile-bg);
    box-shadow: none
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] .switch:before {
    background-color: var(--app--color--blue-grey)
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] .switch.active:before {
    background-color: var(--app--color--primary-light)
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] .list-item {
    color: var(--app--color--white)
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] .brand-switch--day svg {
    color: var(--app--color--blue-grey)
}

.mobile-menu .mobile-setting-panel[data-v-a394a475] .brand-switch--day svg.active {
    color: var(--app--color--primary-light)
}

.arabic .mobile-menu[data-v-a394a475] {
    direction: rtl
}

.auth-wrap[data-v-a394a475] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--app--color--blue-grey--o-2)
}

.auth-wrap .login-btn[data-v-a394a475] {
    height: 40px
}

.theme-night .auth-wrap .login-btn[data-v-a394a475] {
    color: var(--app--color--white);
    background-color: var(--app--color--denim-darkest);
    border: 1px solid var(--app--color--white)
}

.auth-wrap .register-btn[data-v-a394a475] {
    height: 40px
}

.top-wrap[data-v-a394a475] {
    padding: 12px 0
}

.top-wrap[data-v-a394a475] .sub-content {
    text-transform: initial
}

.top-wrap[data-v-a394a475],
.middle-wrap[data-v-a394a475] {
    border-bottom: solid 1px var(--app--color--blue-grey--o-2)
}

.middle-wrap[data-v-a394a475] {
    padding: 16px 0
}

.middle__deposit[data-v-a394a475] {
    display: flex;
    align-items: center;
    height: 48px;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--white);
    cursor: pointer
}

.middle__deposit[data-v-a394a475]>*+* {
    margin-left: 8px
}

.arabic .middle__deposit[data-v-a394a475]>*+* {
    margin-right: 8px;
    margin-left: 0
}

.middle__deposit .deposit__icon-visa[data-v-a394a475] {
    width: 32px;
    height: 32px
}

.arabic .middle__deposit[data-v-a394a475] {
    padding-right: 24px;
    padding-left: 0
}

.download-wrap[data-v-a394a475] {
    padding-left: 11px;
    margin-top: 12px
}

.download-wrap .app-link[data-v-a394a475] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--white);
    background-color: var(--app--color--primary);
    border-radius: 4px
}

.download-wrap .icon-download[data-v-a394a475] {
    width: 17px;
    height: 17px;
    margin-right: 4px
}

.arabic .download-wrap[data-v-a394a475] {
    padding-right: 11px;
    padding-left: 0
}

.lang-wrap[data-v-a394a475] {
    margin-top: 0
}

.lang-wrap[data-v-a394a475] .language {
    padding: 24px 0 0 23px
}

.lang-wrap[data-v-a394a475] p {
    font-weight: 500
}

.arabic .lang-wrap[data-v-a394a475] {
    padding: 24px 23px 0 0
}

.logout-wrap[data-v-a394a475] {
    display: flex;
    align-items: center;
    padding: 24px 20px;
    cursor: pointer
}

.logout-wrap .icon-logout[data-v-a394a475] {
    width: 25px;
    height: 25px
}

.logout-wrap .logout[data-v-a394a475] {
    position: relative;
    top: -2px
}

.mobile-menu[data-v-755ffcce] .content {
    display: flex;
    background-color: var(--app--color--white)
}

.mobile-menu[data-v-755ffcce] .account-user-block,
.mobile-menu[data-v-755ffcce] .menu-link .link {
    padding: 0 16px
}

.mobile-menu[data-v-755ffcce] .menu-link .sub-content .link {
    height: 37px;
    padding: 0 32px
}

.arabic .mobile-menu[data-v-755ffcce] {
    direction: rtl
}

.mobile-menu .right-side[data-v-755ffcce] {
    width: 280px;
    overflow: scroll;
    background-color: var(--app--theme--mobile-menu-bg)
}

.mobile-menu .right-side .auth-wrap[data-v-755ffcce] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--app--color--blue-grey-lighter)
}

.mobile-menu .right-side .auth-wrap .login-btn[data-v-755ffcce] {
    height: 40px
}

.theme-night .mobile-menu .right-side .auth-wrap .login-btn[data-v-755ffcce] {
    color: var(--app--color--white);
    background-color: var(--app--color--denim-darkest);
    border: 1px solid var(--app--color--white)
}

.mobile-menu .right-side .auth-wrap .register-btn[data-v-755ffcce] {
    height: 40px
}

.mobile-menu .right-side .top-wrap[data-v-755ffcce],
.mobile-menu .right-side .middle-wrap[data-v-755ffcce],
.mobile-menu .right-side .wallet-wrap[data-v-755ffcce] {
    padding: 8px 0;
    border-bottom: solid 1px var(--app--theme--header-dropdown-border-line)
}

.mobile-menu .right-side .deposit-wrap[data-v-755ffcce] {
    display: flex;
    align-items: center;
    height: 48px;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--theme--mobile-menu-text);
    cursor: pointer
}

.mobile-menu .right-side .deposit-wrap[data-v-755ffcce]>*+* {
    margin-left: 8px
}

.arabic .mobile-menu .right-side .deposit-wrap[data-v-755ffcce]>*+* {
    margin-right: 8px;
    margin-left: 0
}

.mobile-menu .right-side .deposit-wrap .deposit-icon-visa[data-v-755ffcce] {
    width: 32px;
    height: 32px
}

.arabic .mobile-menu .right-side .deposit-wrap[data-v-755ffcce] {
    padding-right: 24px;
    padding-left: 0
}

.mobile-menu .right-side .bottom-wrap[data-v-755ffcce] {
    font-weight: 500
}

.mobile-menu .right-side .bottom-wrap[data-v-755ffcce]>* {
    padding: 12px 16px;
    cursor: pointer
}

.mobile-menu .right-side .bottom-wrap .switch-account-wrap[data-v-755ffcce] {
    margin-top: 8px
}

.mobile-menu .right-side .bottom-wrap .download-wrap .app-link[data-v-755ffcce] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--white);
    background-color: var(--app-theme--mobile-menu-download-app-bg);
    border-radius: 4px
}

.mobile-menu .right-side .bottom-wrap .download-wrap .icon-download[data-v-755ffcce] {
    width: 17px;
    height: 17px;
    margin-right: 4px
}

.arabic .mobile-menu .right-side .bottom-wrap .download-wrap[data-v-755ffcce] {
    padding-right: 11px;
    padding-left: 0
}

.mobile-menu .right-side .bottom-wrap .lang-wrap[data-v-755ffcce] .language-icon {
    color: var(--app--theme--mobile-menu-icon)
}

.mobile-menu .right-side .bottom-wrap .lang-wrap[data-v-755ffcce] p {
    font-weight: 500
}

[data-v-755ffcce] .arabic .mobile-menu .right-side .bottom-wrap .lang-wrap {
    padding: 24px 24px 0 0
}

.mobile-menu .right-side .bottom-wrap .logout-wrap[data-v-755ffcce] {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.mobile-menu .right-side .bottom-wrap .logout-wrap .icon-logout[data-v-755ffcce] {
    width: 24px;
    height: 24px;
    color: var(--app--theme--mobile-menu-icon)
}

.mobile-menu .right-side .bottom-wrap .logout-wrap .logout[data-v-755ffcce] {
    position: relative;
    top: -2px
}

.mobile-notification[data-v-362ffd4a] {
    --notification-list-background-color: var(--app--theme--mobile-menu-bg)
}

.mobile-notification .panel-wrap[data-v-362ffd4a] {
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: none;
    height: 100%
}

.mobile-notification .panel-wrap.open-notification[data-v-362ffd4a] {
    z-index: 1;
    display: block
}

.mobile-notification .notification-icon-wrapper[data-v-362ffd4a] {
    position: relative;
    display: inline-block
}

.mobile-notification .notification-icon[data-v-362ffd4a] {
    width: 24px;
    height: 24px
}

.mobile-notification .notification-panel[data-v-362ffd4a] {
    box-sizing: border-box;
    width: 100vw;
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
    box-shadow: initial
}

.mobile-notification .notification-panel[data-v-362ffd4a] .notification-content {
    max-height: initial
}

.mobile-notification .notification-panel.no-data[data-v-362ffd4a] {
    height: 100vh
}

.mobile-notification .notification-panel.no-data[data-v-362ffd4a] .notification-content {
    margin-top: 48px
}

.mobile-notification ._badge[data-v-362ffd4a] {
    position: absolute;
    top: -2px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 11px;
    padding: 0 2px;
    font-size: 10px;
    color: #fff;
    background-color: var(--app--color--accent-red);
    border-radius: 90px
}

.mobile-notification ._badge.big[data-v-362ffd4a] {
    right: -5px;
    width: 16px
}

.mobile-header[data-v-037a2716] {
    --header-bg: var(--app--theme--header-mobile-bg);
    --header-content: var(--app--theme--header-content);
    position: sticky;
    z-index: var(--header-z-index);
    display: flex;
    grid-template-columns: max-content 1fr;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    height: 48px;
    color: var(--header-content);
    background-color: var(--header-bg);
    transition: background .2s linear, background-color .2s linear, color .2s linear
}

.arabic .mobile-header[data-v-037a2716] {
    flex-direction: row-reverse
}

.theme-simple .mobile-header[data-v-037a2716]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-simple-mobile-bg);
    --header-content: var(--app--theme--header-simple-content);
    border-bottom: 1px solid var(--app--theme--header-simple-border-bottom)
}

.theme-transparent .mobile-header[data-v-037a2716]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-transparent-bg);
    --header-content: var(--app--theme--header-transparent-content)
}

.theme-transparent-light .mobile-header[data-v-037a2716]:not(.has-background-always) {
    --header-bg: var(--app--theme--header-transparent-light-bg);
    --header-content: var(--app--theme--header-transparent-light-content)
}

.theme-simple .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716],
.theme-transparent .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716],
.theme-transparent-light .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716] {
    --header-bg: var(--app--theme--header-scroll-bg);
    --header-content: var(--app--theme--header-scroll-content);
    box-shadow: 0 3px 12px #0000001a
}

.theme-simple .mobile-header:not(.has-background-always).is-scroll .register[data-v-037a2716],
.theme-transparent .mobile-header:not(.has-background-always).is-scroll .register[data-v-037a2716],
.theme-transparent-light .mobile-header:not(.has-background-always).is-scroll .register[data-v-037a2716] {
    color: var(--app--color--white);
    background: linear-gradient(94.57deg, var(--app--theme--simple-register-gradient-one) 3.7%, var(--app--theme--simple-register-gradient-two) 94.27%)
}

.theme-night .theme-simple .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716],
.theme-night .theme-transparent .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716],
.theme-night .theme-transparent-light .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716] {
    --header-bg: var(--app--theme--header-mobile-bg);
    --header-content: var(--app--theme--header-content)
}

.theme-night .theme-simple .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716] .header-logo,
.theme-night .theme-transparent .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716] .header-logo,
.theme-night .theme-transparent-light .mobile-header:not(.has-background-always).is-scroll[data-v-037a2716] .header-logo {
    --header-logo-color: var(--app--color--white)
}

.theme-simple .mobile-header:not(.has-background-always).no-outer-styles[data-v-037a2716],
.theme-transparent .mobile-header:not(.has-background-always).no-outer-styles[data-v-037a2716],
.theme-transparent-light .mobile-header:not(.has-background-always).no-outer-styles[data-v-037a2716] {
    border-bottom: none;
    box-shadow: none
}

.mobile-header .logo[data-v-037a2716] {
    display: block;
    width: auto;
    max-width: 75px;
    height: 20px
}

.mobile-header .icon-wrap[data-v-037a2716] {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
    cursor: pointer
}

.arabic .mobile-header .icon-wrap[data-v-037a2716] {
    padding: 0 20px 0 0
}

.mobile-header .icon-menu[data-v-037a2716] {
    width: 24px;
    height: 24px
}

.mobile-header .header-left[data-v-037a2716] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding-left: 16px
}

.arabic .mobile-header .header-left[data-v-037a2716] {
    padding: 0 16px 0 0
}

.mobile-header .header-right[data-v-037a2716] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: 16px
}

.arabic .mobile-header .header-right[data-v-037a2716] {
    flex-direction: row-reverse;
    padding: 0 0 0 16px
}

.mobile-header .link[data-v-037a2716] {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: var(--header-content)
}

.mobile-header .register[data-v-037a2716] {
    box-sizing: border-box;
    height: 24px;
    padding: 4px 8px;
    background: linear-gradient(94.57deg, var(--app--theme--register-gradient-one) 3.7%, var(--app--theme--register-gradient-two) 94.27%);
    border-radius: 4px;
    box-shadow: 0 4px 5px #00000040
}

.theme-simple .mobile-header .register[data-v-037a2716] {
    color: var(--app--color--white);
    background: linear-gradient(94.57deg, var(--app--theme--simple-register-gradient-one) 3.7%, var(--app--theme--simple-register-gradient-two) 94.27%)
}

.theme-transparent-light .mobile-header .register[data-v-037a2716] {
    color: var(--app--color--white);
    background: linear-gradient(94.57deg, var(--app--theme--transparent-light-register-gradient-one) 3.7%, var(--app--theme--transparent-light-register-gradient-two) 94.27%)
}

.theme-transparent .mobile-header .register[data-v-037a2716] {
    background: linear-gradient(94.57deg, var(--app--theme--transparent-register-gradient-one, var(--app--theme--register-gradient-one)) 3.7%, var(--app--theme--transparent-register-gradient-two, var(--app--theme--register-gradient-two)) 94.27%)
}

.reconnecting-popup[data-v-abe72e0a] {
    --reconnecting-padding: 22px 45px
}

.reconnecting-popup.small-box[data-v-abe72e0a] {
    --reconnecting-padding: 20px 15px
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog {
    z-index: var(--reconnect-dialog-z-index);
    background-color: var(--app--theme--reconnecting-popup-background-color);
    border-radius: 2px;
    box-shadow: 0 2px 10px #00000059
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--reconnecting-padding);
    font-size: 15px;
    color: var(--app--theme--reconnecting-popup-content);
    white-space: nowrap
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .loading-bar {
    width: 100%;
    height: 10px;
    padding: 1px;
    margin: 15px 5px 0;
    border: solid 1px var(--app--theme--loading-bar-border-color)
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .loading-bar-progress {
    width: 100%;
    height: 100%;
    background-image: var(--app--theme--loading-bar-progress-background-image);
    background-size: 200%;
    animation: loadingBarAnimation-abe72e0a 2s ease infinite
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .reconnecting-text-wrap {
    margin-top: 9px
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .reconnecting-refresh-button {
    display: flex;
    align-items: center;
    margin-top: 15px;
    color: var(--app--theme--reconnecting-dialog-refresh-text);
    cursor: pointer
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .reconnecting-refresh-button .el-icon-refresh-right {
    font-weight: 700
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .reconnecting-refresh-button .reconnecting-refresh-text {
    margin-left: 5px;
    font-weight: 500;
    line-height: 15px;
    text-decoration: underline
}

.reconnecting-popup[data-v-abe72e0a] .brand-dialog-body .brand-highlight {
    font-weight: 700
}

.theme-night .reconnecting-popup[data-v-abe72e0a] {
    --loading-bar-border-color: #7a8399;
    --loading-bar-progress-background-image: linear-gradient(92deg, #d4d4d4 6%, #b4b4b4 29%, #d4d4d4 76%, #9f9f9f 96%);
    --reconnecting-text-color: #e8e8e8
}

@keyframes loadingBarAnimation-abe72e0a {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.header-block[data-v-a8f9c848] {
    display: flex;
    flex-shrink: 0;
    height: 47px;
    border-bottom: 1px solid var(--app--color--blue-grey-lighter)
}

.theme-night .header-block[data-v-a8f9c848] {
    border-color: var(--app--color--denim)
}

.header-block .header-block__empty-box[data-v-a8f9c848] {
    flex: 1
}

.header-block .header-block-button[data-v-a8f9c848] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    margin-right: 11px
}

.arabic .header-block .header-block-button[data-v-a8f9c848] {
    margin-right: 0;
    margin-left: 11px
}

.header-block .icon-close[data-v-a8f9c848] {
    width: 28px;
    height: 28px;
    color: var(--app--color--blue-grey-dark);
    cursor: pointer;
    transform: rotate(45deg)
}

.theme-night .header-block .icon-close[data-v-a8f9c848] {
    color: var(--app--color--white)
}

.market-list-search {
    display: flex;
    align-items: center
}

.market-list-search .market-search-input-wrap {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-shrink: 0;
    align-items: center;
    height: 37px;
    padding-left: 11px;
    background-color: var(--app--color--white-dark);
    border-radius: 2px
}

.theme-night .market-list-search .market-search-input-wrap {
    background-color: var(--app--color--denim)
}

.arabic .market-list-search .market-search-input-wrap {
    padding-right: 11px;
    padding-left: 0;
    margin: 0 8px 0 12px
}

@media (max-width: 767px) {
    .market-list-search .market-search-input-wrap {
        height: 36px;
        border-radius: 1px;
        border: none;
        background-color: var(--app--theme--input-bg);
        padding: 0 10px;
        margin: 0
    }
}

@media (max-width: 374px) {
    .market-list-search .market-search-input-wrap {
        flex: 1
    }
}

.market-list-search .search-input__shortcut {
    position: absolute;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--app--color--blue-grey-darker);
    cursor: pointer;
    background-color: var(--app--color--blue-grey);
    border-radius: 2px
}

.theme-night .market-list-search .search-input__shortcut {
    color: var(--app--color--white);
    background-color: var(--app--color--denim-light)
}

.market-list-search .search-input__shortcut:hover,
.theme-night .market-list-search .search-input__shortcut:hover {
    background-color: var(--app--color--blue-grey-dark)
}

.market-list-search .search-input__shortcut:hover .shortcut__tip {
    display: block
}

.market-list-search .shortcut__tip {
    position: absolute;
    right: 10px;
    display: none;
    padding: 4px 8px;
    color: var(--app--color--white);
    white-space: nowrap;
    background-color: var(--app--color--blue-grey-darker);
    border: 1px solid var(--app--color--blue-grey-dark);
    border-radius: 4px;
    transform: translate(50%, -30px)
}

.market-list-search .market-search-input {
    flex: 1;
    width: 100%;
    height: 100%;
    margin-left: 3px;
    font-size: 14px;
    font-weight: 500;
    color: var(--app--theme--input-content);
    background-color: transparent;
    border: none;
    outline: none
}

.market-list-search .market-search-input::-moz-placeholder {
    color: var(--app--theme--input-placeholder)
}

.market-list-search .market-search-input::placeholder {
    color: var(--app--theme--input-placeholder)
}

@media (max-width: 767px) {
    .market-list-search .market-search-input {
        font-size: 16px
    }
}

.arabic .market-list-search .market-search-input {
    margin-right: 3px;
    margin-left: 0
}

.market-list-search .icon-magnify {
    width: 16px;
    height: 16px;
    color: var(--app--color--blue-grey-dark)
}

.market-list-search .icon-magnify.is-focus {
    color: var(--app--color--primary-dark)
}

.theme-night .market-list-search .icon-magnify.is-focus {
    color: var(--app--color--white)
}

@media (max-width: 767px) {
    .market-list-search .icon-magnify {
        width: 20px;
        height: 21px
    }
}

.market-list-search .icon-close {
    width: 12px;
    height: 12px;
    margin-right: 12px;
    cursor: pointer
}

.market-list-search .search-input__cancel {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--app--color--blue-grey-dark);
    cursor: pointer
}

.market-list-mobile-tools[data-v-bae81d14] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid var(--app--theme--divider)
}

.market-list-mobile-tools.is-show-search[data-v-bae81d14] {
    padding: 0 12px 0 4px
}

.market-list-mobile-tools .tools__tabs[data-v-bae81d14] {
    display: flex;
    flex-shrink: 0;
    height: 100%
}

.market-list-mobile-tools .tabs__item[data-v-bae81d14] {
    --active-color: var(--app--color--primary-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    color: var(--app--theme--slider-tab-title);
    cursor: pointer
}

.theme-night .market-list-mobile-tools .tabs__item[data-v-bae81d14] {
    --active-color: var(--app--color--white)
}

.market-list-mobile-tools .tabs__item[data-v-bae81d14]:not(:first-child) {
    margin-left: 32px
}

.arabic .market-list-mobile-tools .tabs__item[data-v-bae81d14]:not(:first-child) {
    margin-right: 32px;
    margin-left: 0
}

.market-list-mobile-tools .tabs__item.active[data-v-bae81d14] {
    color: var(--active-color)
}

.market-list-mobile-tools .tabs__item.active .item__content[data-v-bae81d14] {
    opacity: 1
}

.market-list-mobile-tools .tabs__item .item__content[data-v-bae81d14] {
    display: flex;
    opacity: .4
}

.market-list-mobile-tools .item__star-icon[data-v-bae81d14] {
    width: 20px;
    height: 20px
}

.market-list-mobile-tools .item__indicator[data-v-bae81d14] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--app--theme--slider-tab-indicator);
    transition: left .3s
}

.market-list-mobile-tools .tools__search-wrap[data-v-bae81d14] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer
}

.market-list-mobile-tools .search__icon-wrap[data-v-bae81d14] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 100%
}

.market-list-mobile-tools .search__icon[data-v-bae81d14] {
    width: 18px;
    height: 18px;
    color: var(--app--color--primary-dark)
}

.theme-night .market-list-mobile-tools .search__icon[data-v-bae81d14] {
    color: var(--app--color--white)
}

.market-list-mobile-tools .search__input[data-v-bae81d14] {
    flex: 1
}

.market-list-panel__tools-wrap[data-v-df7375d9] {
    --market-tools-button-background-color: var(--app--color--white-dark);
    --market-tools-button-color: var(--app--color--blue-grey-dark);
    display: flex;
    align-items: center;
    padding: 0 8px
}

.market-list-panel__tools-wrap .tools__favorite-button[data-v-df7375d9] {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background-color: var(--market-tools-button-background-color);
    border: none;
    border-radius: 2px;
    outline: none
}

.market-list-panel__tools-wrap .tools__favorite-button[data-v-df7375d9]:hover {
    background-color: var(--app--color--blue-grey-lighter)
}

.theme-night .market-list-panel__tools-wrap .tools__favorite-button[data-v-df7375d9]:hover {
    background-color: var(--app--color--denim-light)
}

.market-list-panel__tools-wrap .favorite-button__icon[data-v-df7375d9] {
    color: var(--app--color--blue-grey)
}

.theme-night .market-list-panel__tools-wrap .favorite-button__icon[data-v-df7375d9] {
    color: var(--app--color--blue-grey-dark)
}

.market-list-panel__tools-wrap .favorite-button__icon.active[data-v-df7375d9] {
    color: var(--app--color--primary-light)
}

.market-list-panel__tools-wrap .tools__search[data-v-df7375d9] {
    flex: 1;
    margin-left: 8px
}

.arabic .market-list-panel__tools-wrap .tools__search[data-v-df7375d9] {
    margin-right: 8px;
    margin-left: 0
}

.theme-night .market-list-panel__tools-wrap[data-v-df7375d9] {
    --market-tools-button-background-color: var(--app--color--denim);
    --market-tools-button-color: var(--app--color--blue-grey-dark)
}

.quote-selector[data-v-c304d8d7] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid var(--app--color--denim)
}

.quote-selector .quote-tabs[data-v-c304d8d7] {
    flex-grow: 1
}

.quote-selector .quote-tabs[data-v-c304d8d7] .nav__list {
    gap: 8px;
    justify-content: space-between
}

.quote-selector .quote-tabs[data-v-c304d8d7] .nav__list .switcher-bottom-bar-button-list-item {
    padding: 4px 16px
}

.quote-selector .icon-wrap[data-v-c304d8d7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 100%;
    padding: 0 12px;
    cursor: pointer
}

.quote-selector .icon-wrap .icon-chevron-down[data-v-c304d8d7] {
    transition: transform .3s
}

.quote-selector .icon-wrap .icon-chevron-down.active[data-v-c304d8d7] {
    transform: rotate(180deg)
}

.quote-selector .mobile-menu-overlay[data-v-c304d8d7] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--app--color--denim-darkest--o-7)
}

.quote-selector .all-quotes-menu[data-v-c304d8d7] {
    position: absolute;
    top: 6px;
    left: 100%;
    width: 278px;
    background-color: var(--app--color--denim-dark);
    border: 1px solid var(--app--color--denim-light);
    border-radius: 4px
}

@media (max-width: 767px) {
    .quote-selector .all-quotes-menu[data-v-c304d8d7] {
        position: fixed;
        top: unset;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1
    }
}

.quote-selector .all-quotes-menu .menu-title[data-v-c304d8d7] {
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--blue-grey-dark)
}

.quote-selector .all-quotes-menu .divider[data-v-c304d8d7] {
    height: 1px;
    background-color: var(--app--color--denim-light)
}

.quote-selector .all-quotes-menu .quote-block[data-v-c304d8d7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 8px;
    font-size: 13px;
    border-top: 1px solid var(--app--color--denim-light)
}

.quote-selector .all-quotes-menu .quote-block .quote[data-v-c304d8d7] {
    padding: 8px;
    text-align: center;
    cursor: pointer
}

.quote-selector .all-quotes-menu .quote-block .quote[data-v-c304d8d7]:hover {
    background-color: var(--app--color--denim)
}

.quote-selector .all-quotes-menu .quote-block .quote.active[data-v-c304d8d7] {
    background-color: var(--app--color--denim-dark);
    border: solid 1px var(--app--color--blue-grey-darker)
}

.market-list-row[data-v-566f4620] {
    --mobile-row-height: 51px;
    width: 100%;
    height: 34px;
    cursor: pointer;
    border-bottom: 1px solid var(--app--color--blue-grey-lighter)
}

.market-list-row.focus[data-v-566f4620] {
    background-color: var(--app--theme--table-row-hover)
}

.market-list-row .fav-cell[data-v-566f4620] {
    padding-left: 10px
}

.market-list-row .fav-cell.is-spot[data-v-566f4620] {
    padding-right: 4px
}

.market-list-row .fav-cell .market-favorite__icon[data-v-566f4620] {
    width: 20px;
    height: 20px;
    color: var(--app--color--blue-grey)
}

.theme-night .market-list-row .fav-cell .market-favorite__icon[data-v-566f4620] {
    color: var(--app--color--blue-grey-dark)
}

.market-list-row .fav-cell .market-favorite__icon.active[data-v-566f4620] {
    color: var(--app--color--primary-light)
}

.market-list-row .cell[data-v-566f4620] {
    font-size: 14px
}

.market-list-row .cell[data-v-566f4620]:nth-child(1) {
    width: 1px;
    padding: 0 12px;
    white-space: nowrap
}

.market-list-row .cell.market-full-name[data-v-566f4620] {
    font-size: 12px;
    color: var(--app--color--blue-grey-dark)
}

.market-list-row[data-v-566f4620]:hover {
    background-color: var(--app--theme--table-row-hover)
}

.theme-night .market-list-row[data-v-566f4620] {
    border-color: var(--app--color--denim)
}

.arabic .market-list-row[data-v-566f4620] {
    padding-right: 8px;
    padding-left: 0
}

.market-list-row .market-name__text[data-v-566f4620] {
    margin-left: 3px
}

.arabic .market-list-row .market-name__text[data-v-566f4620] {
    margin-right: 3px;
    margin-left: 0
}

.market-list-row .market-gains__text[data-v-566f4620] {
    display: inline-block;
    padding: 2px 4px;
    direction: ltr
}

.market-list-row .market-gains__text.positive[data-v-566f4620] {
    background-color: var(--app--color--accent-green--o-2)
}

.market-list-row .market-gains__text.negative[data-v-566f4620] {
    background-color: var(--app--color--accent-red--o-2)
}

.market-list-row .align-right[data-v-566f4620] {
    text-align: right
}

.market-list-row .sub-text[data-v-566f4620] {
    font-size: 12px;
    color: var(--app--color--blue-grey-dark)
}

.market-list-row .last-item[data-v-566f4620] {
    padding-right: 12px
}

.market-list-row .text-main[data-v-566f4620] {
    color: var(--app--color--blue-grey-darker)
}

.theme-night .market-list-row .text-main[data-v-566f4620] {
    color: var(--app--color--white)
}

.market-list-row.small-panel[data-v-566f4620] {
    height: var(--mobile-row-height)
}

.market-list-row.small-panel .market-currency-wrapper[data-v-566f4620] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 20px 1fr;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    height: var(--mobile-row-height)
}

.market-list-row.small-panel .market-currency-wrapper .currency-icon[data-v-566f4620] {
    grid-row: span 2
}

.market-list-row.small-panel .market-currency-wrapper .market-name__text[data-v-566f4620] {
    padding-top: 4px;
    margin-left: 0
}

.market-list-row.small-panel .market-currency-wrapper .sub-text[data-v-566f4620] {
    display: -webkit-box !important;
    width: 108px;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 374px) {
    .market-list-row.small-panel .market-currency-wrapper[data-v-566f4620] {
        grid-template-columns: 1fr
    }

    .market-list-row.small-panel .market-currency-wrapper .currency-icon[data-v-566f4620] {
        display: none
    }
}

.market-list-row.small-panel .market-gains__text[data-v-566f4620] {
    padding: 3px 5px;
    font-size: 14px;
    border-radius: 3px
}

.market-list-header-row[data-v-c6e595c8] {
    --panel-background-color: var(--app--color--white);
    --market-list-sort-icon-color: var(--app--color--blue-grey);
    --row-border-color: var(--app--color--blue-grey-lighter);
    position: sticky;
    top: 0;
    height: 34px;
    background-color: var(--panel-background-color);
    border-bottom: 1px solid var(--row-border-color)
}

.theme-night .market-list-header-row[data-v-c6e595c8] {
    --panel-background-color: var(--app--color--denim-dark);
    --row-border-color: var(--app--color--denim)
}

@media (max-width: 767px) {
    .theme-night .market-list-header-row[data-v-c6e595c8] {
        --panel-background-color: var(--app--color--denim-darker)
    }
}

.market-list-header-row th[data-v-c6e595c8] {
    cursor: pointer
}

.market-list-header-row .text-align-left[data-v-c6e595c8] {
    text-align: left
}

.market-list-header-row .price-vol-wrap[data-v-c6e595c8] {
    display: flex;
    gap: 12px;
    justify-content: flex-end
}

.market-list-header-row .header-content[data-v-c6e595c8] {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--app--color--blue-grey-dark);
    white-space: nowrap
}

.market-list-header-row .header-content .sort-icon[data-v-c6e595c8]:before {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 3px;
    content: "";
    border-color: transparent transparent var(--market-list-sort-icon-color) transparent;
    border-style: solid;
    border-width: 0 4px 4px 4px
}

.market-list-header-row .header-content .sort-icon[data-v-c6e595c8]:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--market-list-sort-icon-color) transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px
}

.market-list-header-row .header-content .sort-icon.active.ascend[data-v-c6e595c8]:after,
.market-list-header-row .header-content .sort-icon.active.descend[data-v-c6e595c8]:before {
    --market-list-sort-icon-color: var(--app--color--blue-grey-dark)
}

.options-block-container[data-v-fdd45501] {
    box-sizing: border-box;
    padding: 8px 8px 0;
    background-color: var(--app--color--white);
    border-bottom: solid 1px var(--app--color--white-dark)
}

.theme-night .options-block-container[data-v-fdd45501] {
    background-color: var(--app--color--denim);
    border-bottom: solid 1px var(--app--color--denim-light)
}

.label[data-v-fdd45501] {
    height: 28px;
    padding-left: 12px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    color: var(--app--color--primary-dark)
}

.theme-night .label[data-v-fdd45501] {
    color: var(--app--color--white)
}

.arabic .label[data-v-fdd45501] {
    padding-right: 12px;
    padding-left: 0
}

.options[data-v-fdd45501] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .options[data-v-fdd45501] {
        display: flex;
        flex-wrap: wrap
    }
}

.options.no-options[data-v-fdd45501] {
    justify-content: center
}

.option[data-v-fdd45501] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    color: var(--app--color--blue-grey-darker);
    text-align: center;
    letter-spacing: .28px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px
}

@media (max-width: 767px) {
    .option[data-v-fdd45501] {
        flex: 0 0 60px
    }
}

.theme-night .option[data-v-fdd45501] {
    color: var(--app--color--blue-grey-lighter)
}

.option.active[data-v-fdd45501] {
    background-color: var(--app--color--white-dark);
    border: solid 1px var(--app--color--primary-dark)
}

.theme-night .option.active[data-v-fdd45501] {
    background-color: var(--app--color--denim-dark);
    border: solid 1px var(--app--color--blue-grey-darker)
}

.option.desktop[data-v-fdd45501]:hover {
    background-color: var(--app--color--white-dark)
}

.theme-night .option.desktop[data-v-fdd45501]:hover {
    background-color: var(--app--color--denim-dark)
}

.option.desktop:hover .option-content>.icon-star[data-v-fdd45501] {
    opacity: 1
}

.option .option-content[data-v-fdd45501] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 8px 0 4px
}

.arabic .option .option-content[data-v-fdd45501] {
    right: -5px;
    left: 0;
    padding: 0 4px 0 8px
}

.option .option-content .icon-star[data-v-fdd45501] {
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: var(--app--color--blue-grey-lighter);
    opacity: 0
}

@media (max-width: 1023px) {
    .option .option-content .icon-star[data-v-fdd45501] {
        margin-right: 4px
    }

    .arabic .option .option-content .icon-star[data-v-fdd45501] {
        margin-right: 0;
        margin-left: 4px
    }
}

.theme-night .option .option-content .icon-star[data-v-fdd45501] {
    color: var(--app--color--denim-light)
}

.arabic .option .option-content .icon-star[data-v-fdd45501] {
    margin-right: 0;
    margin-left: 8px
}

.option .option-content .icon-star.in-favorite[data-v-fdd45501] {
    color: var(--app--color--primary-light);
    opacity: 1
}

.quote-selector-wrapper[data-v-006718fa] {
    left: calc(100% + 1px);
    width: 278px;
    background: var(--app--color--white);
    border: 1px solid var(--app--color--blue-grey);
    border-radius: 4px;
    box-shadow: 0 2px 4px #333e4d26, 0 0 14px #48608226
}

.quote-selector-wrapper .bg-layer[data-v-006718fa] {
    width: 100vw;
    height: 100vh;
    background-color: var(--app--color--denim-darkest--o-7)
}

.quote-selector-wrapper .title[data-v-006718fa] {
    padding: 9px 8px;
    font-size: 12px;
    color: var(--app--color--blue-grey);
    border-bottom: 1px solid var(--app--color--white-dark)
}

.quote-selector-wrapper .no-data-block[data-v-006718fa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 150px;
    font-size: 13px;
    color: var(--app--color--blue-grey-dark);
    letter-spacing: .28px;
    cursor: default
}

.quote-selector-wrapper .no-data-block .no-data-icon[data-v-006718fa] {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .quote-selector-wrapper[data-v-006718fa] {
        width: 100%;
        border-radius: 0;
        left: 0;
        bottom: 0;
        background: none
    }

    .quote-selector-wrapper .bottom-wrapper[data-v-006718fa] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: var(--app--color--white)
    }

    .theme-night .quote-selector-wrapper .bottom-wrapper[data-v-006718fa] {
        background: var(--app--color--denim-dark)
    }
}

.theme-night .quote-selector-wrapper[data-v-006718fa] {
    background: var(--app--color--denim-dark);
    border: 1px solid var(--app--color--denim-light)
}

@media (max-width: 767px) {
    .theme-night .quote-selector-wrapper .option[data-v-006718fa] {
        min-width: 120px
    }
}

.theme-night .quote-selector-wrapper .title[data-v-006718fa] {
    color: var(--app--color--blue-grey-dark);
    border-bottom: 1px solid var(--app--color--denim-light)
}

@media (max-width: 767px) {
    .theme-night .quote-selector-wrapper[data-v-006718fa] {
        background: none
    }
}

.theme-night .quote-selector-wrapper[data-v-006718fa] .options-block-container {
    background: var(--app--color--denim-dark);
    border: none
}

.theme-night .quote-selector-wrapper[data-v-006718fa] .options-block-container:not(:last-child) {
    border-bottom: 1px solid var(--app--color--denim-light)
}

.theme-night .quote-selector-wrapper[data-v-006718fa] .option:hover {
    background-color: var(--app--color--denim)
}

.market-list-panel[data-v-b1f1dcd9] {
    --market-list-panel-background-color: var(--app--color--white);
    --market-list-panel-border: none;
    --market-list-panel-border-left-offset: 0;
    --market-list-panel-border-top-offset: translateY(1px);
    --market-cell-border-top: none;
    --market-gains-padding-right: 0;
    --market-volume-padding-right: 10px;
    --market-not-found-text-color: var(--app--color--blue-grey-dark);
    position: absolute;
    top: 100%;
    left: var(--market-list-panel-border-left-offset);
    z-index: calc(var(--header-z-index) + 1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 504px;
    height: 60vh;
    min-height: 360px;
    max-height: 500px;
    padding-top: 6px;
    font-weight: 400;
    cursor: auto;
    background-color: var(--market-list-panel-background-color);
    border: var(--market-list-panel-border);
    border-radius: 4px;
    box-shadow: 0 4px 5px #0000004d;
    transform: var(--market-list-panel-border-top-offset)
}

.arabic .market-list-panel[data-v-b1f1dcd9] {
    direction: rtl;
    right: var(--market-list-panel-border-left-offset);
    left: initial
}

.market-list-panel.is-mobile[data-v-b1f1dcd9] {
    height: auto;
    min-height: none;
    max-height: none
}

.market-list-panel .market-content-table[data-v-b1f1dcd9] {
    width: 100%;
    border-collapse: collapse
}

.market-list-panel .rows__futures-wrap[data-v-b1f1dcd9] {
    border-top: 4px solid var(--app--color--blue-grey-lighter)
}

.theme-night .market-list-panel .rows__futures-wrap[data-v-b1f1dcd9] {
    border-color: var(--app--color--denim)
}

.market-list-panel .rows__title[data-v-b1f1dcd9] {
    display: inline-flex;
    align-items: center;
    height: 30px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--app--color--blue-grey-dark)
}

.arabic .market-list-panel .rows__title[data-v-b1f1dcd9] {
    margin-right: 12px
}

.market-list-panel .market-not-found[data-v-b1f1dcd9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 160px;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
    color: var(--market-not-found-text-color)
}

.market-list-panel .market-not-found__text[data-v-b1f1dcd9] {
    margin-top: 10px
}

.market-list-panel .market-list-rows[data-v-b1f1dcd9] {
    overflow-x: hidden;
    overflow-y: auto
}

.market-list-panel .market-list-rows.is-small-client-height[data-v-b1f1dcd9] {
    max-height: 546px
}

.market-list-panel .market-list-rows.is-extra-small-client-height[data-v-b1f1dcd9] {
    max-height: 250px
}

@media (max-width: 767px) {
    .market-list-panel .market-list-rows[data-v-b1f1dcd9] {
        max-height: unset
    }
}

.market-list-panel .market-list__scroll-prompt[data-v-b1f1dcd9] {
    position: absolute;
    bottom: 14px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: var(--app--color--white-dark);
    border-radius: 50%;
    transition: opacity .2s;
    transform: translate(-50%)
}

.market-list-panel .market-list__scroll-prompt.is-hidden[data-v-b1f1dcd9] {
    opacity: 0
}

.theme-night .market-list-panel .market-list__scroll-prompt[data-v-b1f1dcd9] {
    background-color: var(--app--color--denim)
}

.market-list-panel .scroll-prompt__icon[data-v-b1f1dcd9] {
    color: var(--app--color--primary-dark);
    transform: rotate(90deg)
}

.theme-night .market-list-panel .scroll-prompt__icon[data-v-b1f1dcd9] {
    color: var(--app--color--white)
}

.fullscreen-mode .market-list-panel[data-v-b1f1dcd9] {
    --market-gains-padding-right: 10px;
    --market-volume-padding-right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.fullscreen-mode .market-list-panel[data-v-b1f1dcd9] .market-list-row.is-first-market-in-group {
    border-top: 1px solid var(--app--theme--divider)
}

.theme-night .market-list-panel[data-v-b1f1dcd9] {
    --market-list-panel-background-color: var(--app--color--denim-dark);
    --market-list-panel-border: 1px solid var(--app--color--denim);
    --market-list-panel-border-left-offset: -1px;
    --market-list-panel-border-top-offset: translateY(0);
    --market-not-found-text-color: var(--app--color--blue-grey-dark)
}

.theme-night .market-list-panel.is-mobile[data-v-b1f1dcd9] {
    --market-list-panel-background-color: var(--app--color--denim-darker);
    --market-list-panel-border: none
}

.market-navigation[data-v-321898b6] {
    display: flex;
    flex: 1;
    height: 46px;
    padding: 0 15px
}

.market-navigation.fullscreen-mode[data-v-321898b6] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--header-z-index) + 1);
    height: auto
}

.market-navigation .brand-popup-overlay[data-v-321898b6] {
    cursor: auto
}

.setting-panel[data-v-673cbbec] {
    --switch-icon-color: var(--app--color--white);
    --switch-track-color: var(--app--color--blue-grey);
    --switch-active-track-color: var(--app--color--primary-light);
    box-sizing: border-box;
    min-width: 203px;
    font-size: 14px;
    color: var(--font-color);
    background-color: var(--bg-color);
    border-radius: 4px
}

.theme-night .setting-panel[data-v-673cbbec] {
    --switch-track-color: var(--app--color--blue-grey-darker);
    background-color: var(--app--color--denim-dark)
}

.arabic .setting-panel[data-v-673cbbec] {
    direction: rtl
}

.setting-panel .list-item[data-v-673cbbec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    color: var(--app--color--primary-dark);
    white-space: nowrap;
    cursor: pointer
}

.theme-night .setting-panel .list-item[data-v-673cbbec] {
    color: var(--app--color--blue-grey)
}

.setting-panel .list-item .right[data-v-673cbbec] {
    margin-left: 9px
}

.arabic .setting-panel .list-item .right[data-v-673cbbec] {
    margin-right: 9px
}

.setting-panel .list-item.item-click[data-v-673cbbec] {
    color: var(--app--color--primary-light)
}

.setting-panel .tip[data-v-673cbbec] {
    flex: 1;
    padding-left: 24px;
    margin-left: -20px
}

.setting-panel .switch[data-v-673cbbec] {
    --switch-active-button-offset-x: calc(-50% + 4px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 2px
}

.setting-panel .switch[data-v-673cbbec]:before {
    width: 24px;
    height: 12px;
    content: "";
    background-color: var(--switch-track-color);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px #0000004d;
    transition: background-color .2s
}

.setting-panel .switch[data-v-673cbbec]:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--switch-icon-color);
    border-radius: 50%;
    box-shadow: 0 1px 4px #00000059;
    transition: transform .2s, background-color .2s;
    transform: translate3d(var(--switch-active-button-offset-x), 0, 0)
}

.setting-panel .switch.active[data-v-673cbbec] {
    --switch-active-button-offset-x: calc(50% - 7px);
    justify-content: flex-end
}

.setting-panel .switch.active[data-v-673cbbec]:before {
    background-color: var(--switch-active-track-color)
}

.setting-panel .switch.active[data-v-673cbbec]:after {
    background-color: var(--switch-icon-color)
}

.brand-switch--day svg[data-v-673cbbec] {
    padding: 0 10px;
    color: var(--switch-track-color)
}

.brand-switch--day svg[data-v-673cbbec]:nth-of-type(n+2) {
    border-left: 1px solid var(--switch-track-color)
}

.brand-switch--day svg[data-v-673cbbec]:last-of-type {
    padding-right: 0
}

.brand-switch--day svg.active[data-v-673cbbec] {
    color: var(--switch-active-track-color)
}

.m-v-24[data-v-9f815cd1] {
    margin: 24px 0
}

.dialog-content[data-v-9f815cd1] {
    --deactivate-btn-border: var(--app--color--blue-grey-lighter);
    --deactivate-radio-color: var(--app--theme-trading-form-ordery-type-tab);
    --text-highlight-color: var(--app--color--blue-grey-darker);
    --text-color: var(--app--color--blue-grey-dark);
    --title-highlight-color: var(--app--color--blue-grey-darker)
}

.theme-night .dialog-content[data-v-9f815cd1] {
    --deactivate-btn-border: var(--app--color--denim);
    --deactivate-radio-color: var(--app--color--denim);
    --text-highlight-color: var(--app--color--blue-grey);
    --title-highlight-color: var(--app--color--white)
}

.dialog-content .position-mode-content[data-v-9f815cd1] {
    padding: 0 30px
}

.dialog-content .position-mode-content .mode-description[data-v-9f815cd1] {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    color: var(--app--color--blue-grey-dark)
}

.dialog-content .position-mode-content .position-mode-btn[data-v-9f815cd1] {
    display: flex;
    flex: 1;
    gap: 12px;
    padding: 20px 0 20px 24px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--blue-grey-dark);
    cursor: pointer;
    border: 1.5px solid var(--deactivate-btn-border);
    border-radius: 4px
}

.dialog-content .position-mode-content .position-mode-btn .position-mode-radio[data-v-9f815cd1] {
    width: 6px;
    height: 6px;
    background-color: var(--deactivate-radio-color);
    border: 5px solid var(--deactivate-radio-color);
    border-radius: 50%
}

.dialog-content .position-mode-content .position-mode-btn .mode-description[data-v-9f815cd1] {
    margin-top: 8px;
    color: var(--text-color)
}

.dialog-content .position-mode-content .position-mode-btn.active[data-v-9f815cd1] {
    color: var(--title-highlight-color);
    background-color: var(--deactivate-radio-color);
    border: 1.5px solid var(--app--color--primary-light)
}

.dialog-content .position-mode-content .position-mode-btn.active .position-mode-radio[data-v-9f815cd1] {
    border: 5px solid var(--app--color--primary-light)
}

.dialog-content .position-mode-content .position-mode-btn.active .mode-description[data-v-9f815cd1] {
    color: var(--text-highlight-color)
}

.dialog-content .position-mode-content .footer-btns[data-v-9f815cd1] {
    margin-top: 26px
}

.dialog-content .position-mode-content .footer-btns .cancel-btn[data-v-9f815cd1] {
    padding: 8px 0;
    margin-top: 8px;
    font-size: 14px;
    color: var(--text-color);
    text-align: center;
    cursor: pointer
}

.dialog-content .position-mode-content .mode-error[data-v-9f815cd1] {
    font-size: 14px;
    font-weight: 400;
    color: var(--app--color--accent-red-dark)
}

.m-v-24[data-v-e9b4618c] {
    margin: 24px 0
}

.dialog-content[data-v-e9b4618c] {
    --deactivate-btn-border: var(--app--color--blue-grey-lighter);
    --deactivate-radio-color: var(--app--theme-trading-form-ordery-type-tab);
    --text-highlight-color: var(--app--color--blue-grey-darker);
    --text-color: var(--app--color--blue-grey-dark);
    --title-highlight-color: var(--app--color--blue-grey-darker)
}

.theme-night .dialog-content[data-v-e9b4618c] {
    --deactivate-btn-border: var(--app--color--denim);
    --deactivate-radio-color: var(--app--color--denim);
    --text-highlight-color: var(--app--color--blue-grey);
    --title-highlight-color: var(--app--color--white)
}

.dialog-content .position-mode-content .mode-name-hint[data-v-e9b4618c] {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--app--color--accent-yellow)
}

.dialog-content .position-mode-content .mode-description[data-v-e9b4618c] {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    color: var(--app--color--blue-grey-dark)
}

.dialog-content .position-mode-content .position-mode-btn[data-v-e9b4618c] {
    display: flex;
    flex: 1;
    gap: 12px;
    padding: 20px 0 20px 24px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--blue-grey-dark);
    cursor: pointer;
    border: 1.5px solid var(--deactivate-btn-border);
    border-radius: 4px
}

.dialog-content .position-mode-content .position-mode-btn .position-mode-radio[data-v-e9b4618c] {
    width: 6px;
    height: 6px;
    background-color: var(--deactivate-radio-color);
    border: 5px solid var(--deactivate-radio-color);
    border-radius: 50%
}

.dialog-content .position-mode-content .position-mode-btn .mode-description[data-v-e9b4618c] {
    margin-top: 8px;
    color: var(--text-color)
}

.dialog-content .position-mode-content .position-mode-btn.active[data-v-e9b4618c] {
    color: var(--title-highlight-color);
    background-color: var(--deactivate-radio-color);
    border: 1.5px solid var(--app--color--primary-light)
}

.dialog-content .position-mode-content .position-mode-btn.active .position-mode-radio[data-v-e9b4618c] {
    border: 5px solid var(--app--color--primary-light)
}

.dialog-content .position-mode-content .position-mode-btn.active .mode-description[data-v-e9b4618c] {
    color: var(--text-highlight-color)
}

.dialog-content .position-mode-content .margin-mode-symbol-content[data-v-e9b4618c] {
    display: flex;
    gap: 8px;
    align-items: center
}

.dialog-content .position-mode-content .margin-mode-market-name[data-v-e9b4618c] {
    font-size: 18px;
    line-height: 27px
}

.dialog-content .position-mode-content .margin-mode-type[data-v-e9b4618c] {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 21px;
    color: var(--app--color--white);
    background-color: #8da7cd;
    border-radius: 8px
}

.theme-night .dialog-content .position-mode-content .margin-mode-type[data-v-e9b4618c] {
    background-color: var(--app--color--blue-grey-darker)
}

.dialog-content .position-mode-content .margin-mode-content[data-v-e9b4618c] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--app--color--blue-grey-dark)
}

.dialog-content .position-mode-content .footer-btns[data-v-e9b4618c] {
    margin-top: 26px
}

.dialog-content .position-mode-content .footer-btns .cancel-btn[data-v-e9b4618c] {
    padding: 8px 0;
    margin-top: 8px;
    font-size: 14px;
    color: var(--text-color);
    text-align: center;
    cursor: pointer
}

.dialog-content .position-mode-content .mode-error[data-v-e9b4618c] {
    font-size: 14px;
    font-weight: 400;
    color: var(--app--color--accent-red-dark)
}

.mb-20[data-v-e9b4618c] {
    margin-bottom: 20px
}

.setting-wrapper[data-v-a4dce3c7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.setting-wrapper.color-theme[data-v-a4dce3c7] {
    --bg-color: var(--app--color--white);
    --font-color: var(--app--color--denim-dark)
}

.theme-night .setting-wrapper.color-theme[data-v-a4dce3c7] {
    --bg-color: var(--app--color--denim-dark);
    --font-color: var(--app--color--white)
}

.setting-wrapper .setting-icon[data-v-a4dce3c7] {
    width: 17px;
    height: 17px
}

.setting-menu[data-v-a4dce3c7] {
    z-index: calc(var(--header-z-index) + 1)
}

.setting-menu[data-v-a4dce3c7] .content {
    background-color: var(--app--color--white)
}

.theme-night .setting-menu[data-v-a4dce3c7] .content {
    background-color: var(--app--color--denim-dark)
}

.setting-menu .menu-body[data-v-a4dce3c7] {
    height: 100%
}

.setting-menu .menu-body .menu-header[data-v-a4dce3c7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 24px;
    border-bottom: 1px var(--app--color--blue-grey-lighter) solid
}

.theme-night .setting-menu .menu-body .menu-header[data-v-a4dce3c7] {
    border-color: var(--app--color--denim)
}

.setting-menu .menu-body .menu-header .title[data-v-a4dce3c7] {
    font-size: 24px;
    font-weight: 700;
    color: var(--font-color)
}

.setting-menu .menu-body .menu-header .close-icon[data-v-a4dce3c7] {
    width: 14px;
    color: var(--app--color--blue-grey-dark)
}

.setting-menu .menu-body .menu-header .close-icon[data-v-a4dce3c7]:hover {
    color: initial
}

.theme-night .setting-menu .menu-body .menu-header .close-icon[data-v-a4dce3c7]:hover {
    color: var(--app--color--white)
}

.setting-menu .menu-body .menu-block[data-v-a4dce3c7] {
    padding: 24px;
    border-bottom: 1px var(--app--color--blue-grey-lighter) solid
}

.theme-night .setting-menu .menu-body .menu-block[data-v-a4dce3c7] {
    border-color: var(--app--color--denim)
}

.setting-menu .menu-body .menu-block .block-title[data-v-a4dce3c7] {
    font-size: 16px;
    font-weight: 700;
    color: var(--font-color)
}

.setting-menu .menu-body .menu-block .block-sub-title[data-v-a4dce3c7] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 300;
    color: var(--app--color--blue-grey-dark)
}

.setting-menu .menu-body .menu-block .block-sub-title[data-v-a4dce3c7]:before {
    display: block;
    width: 4px;
    height: 12px;
    content: "";
    background-color: var(--app--color--primary-light);
    border-radius: 2px
}

.theme-night .setting-menu .menu-body .menu-block .block-sub-title[data-v-a4dce3c7]:before {
    background-color: var(--app--color--primary)
}

.setting-menu .menu-body .menu-block .block-sub-title[data-v-a4dce3c7]:after {
    display: block;
    flex: 1;
    height: 1px;
    content: "";
    border-bottom: 1px dashed var(--app--color--blue-grey-dark)
}

.setting-menu .menu-body .menu-block .block-content[data-v-a4dce3c7] {
    margin-top: 12px
}

.setting-menu .menu-body .menu-block .block-content .block-content-title[data-v-a4dce3c7] {
    font-size: 14px;
    color: var(--app--color--primary-dark)
}

.theme-night .setting-menu .menu-body .menu-block .block-content .block-content-title[data-v-a4dce3c7] {
    color: var(--app--color--blue-grey)
}

.setting-menu .menu-body .menu-block .block-content .block-content-item[data-v-a4dce3c7] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.setting-menu .menu-body .menu-block .block-content .block-content-item[data-v-a4dce3c7]:last-child {
    padding-bottom: 0
}

.setting-menu .menu-body .menu-block .list-item[data-v-a4dce3c7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    font-size: 14px;
    color: var(--app--color--primary-dark);
    cursor: pointer
}

.theme-night .setting-menu .menu-body .menu-block .list-item[data-v-a4dce3c7] {
    color: var(--app--color--blue-grey)
}

.setting-menu .menu-body .menu-block .list-item .right[data-v-a4dce3c7] {
    margin-left: 9px
}

.arabic .setting-menu .menu-body .menu-block .list-item .right[data-v-a4dce3c7] {
    margin-right: 9px
}

.setting-menu .menu-body .menu-block .switch[data-v-a4dce3c7] {
    --switch-active-button-offset-x: calc(-50% + 4px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 2px
}

.setting-menu .menu-body .menu-block .switch[data-v-a4dce3c7]:before {
    width: 24px;
    height: 12px;
    content: "";
    background-color: var(--app--color--blue-grey);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px #0000004d;
    transition: background-color .2s
}

.setting-menu .menu-body .menu-block .switch[data-v-a4dce3c7]:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--app--color--white);
    border-radius: 50%;
    box-shadow: 0 1px 4px #00000059;
    transition: transform .2s, background-color .2s;
    transform: translate3d(var(--switch-active-button-offset-x), 0, 0)
}

.setting-menu .menu-body .menu-block .switch.active[data-v-a4dce3c7] {
    --switch-active-button-offset-x: calc(50% - 7px);
    justify-content: flex-end
}

.setting-menu .menu-body .menu-block .switch.active[data-v-a4dce3c7]:before {
    background-color: var(--app--color--primary-light)
}

.setting-menu .menu-body .menu-block .switch.active[data-v-a4dce3c7]:after {
    background-color: var(--app--color--white)
}

.setting-menu .block-content-item__right[data-v-a4dce3c7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400
}

.setting-menu .block-content-item__right .position-mode[data-v-a4dce3c7] {
    color: var(--font-color)
}

.setting-menu .block-content-item__right .risk-limit-num[data-v-a4dce3c7] {
    display: flex;
    align-items: center;
    color: var(--font-color)
}

.setting-menu .block-content-item__right .max-risk-limit[data-v-a4dce3c7] {
    margin-left: 3px;
    color: var(--app--color--primary-light)
}

.arabic .setting-menu .block-content-item__right .max-risk-limit[data-v-a4dce3c7] {
    margin-right: 3px;
    margin-left: 0
}

.setting-menu .block-content-item__right .icon-edit[data-v-a4dce3c7] {
    width: 14px;
    height: 14px;
    margin-bottom: -1px;
    margin-left: 8px;
    color: var(--app--color--primary-light);
    cursor: pointer
}

.arabic .setting-menu .block-content-item__right .icon-edit[data-v-a4dce3c7] {
    margin-right: 5px;
    margin-left: 0
}

.last-price-container[data-v-af758323] {
    --last-price-text-color: var(--app--color--primary-darker);
    --eq-usd-price-text-color: var(--app--color--blue-grey-dark);
    --price-gains-text-color: var(--app--color--primary-darker);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--last-price-text-color)
}

.last-price-container .icon-price-status[data-v-af758323] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin-left: 3px
}

.arabic .last-price-container .icon-price-status[data-v-af758323] {
    margin-right: 3px;
    margin-left: 0
}

.last-price-container .last-price-gains-wrap[data-v-af758323] {
    display: flex;
    flex: 1
}

.last-price-container .eq-usd-price[data-v-af758323] {
    margin-left: 5px;
    color: var(--eq-usd-price-text-color)
}

.arabic .last-price-container .eq-usd-price[data-v-af758323] {
    margin-right: 5px;
    margin-left: 0
}

.last-price-container .last-price-gains[data-v-af758323] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 20px;
    padding: 0 5px;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 700;
    color: var(--price-gains-text-color);
    border: solid 1px var(--price-gains-text-color);
    border-radius: 2px
}

.last-price-container .last-price-gains.no-border[data-v-af758323] {
    border: none
}

.arabic .last-price-container .last-price-gains[data-v-af758323] {
    margin-right: 5px;
    margin-left: 0
}

.last-price-container .last-price-gains.price-up[data-v-af758323] {
    --price-gains-text-color: var(--app--color--accent-green)
}

.last-price-container .last-price-gains.price-down[data-v-af758323] {
    --price-gains-text-color: var(--app--color--accent-red)
}

.last-price-container .mark-price[data-v-af758323] {
    font-size: 11px;
    color: var(--app--theme--trade-mark-price-color);
    text-decoration: underline
}

.theme-night .last-price-container[data-v-af758323] {
    --last-price-text-color: var(--app--color--white-dark);
    --eq-usd-price-text-color: var(--app--color--blue-grey);
    --price-gains-text-color: var(--app--color--white-dark)
}

.market-info-header[data-v-9a9efc08] {
    --bg-color: var(--app--theme--header-bg);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding-left: 16px;
    margin-top: -1px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: var(--app--color--white);
    background-color: var(--bg-color)
}

.arabic .market-info-header[data-v-9a9efc08] {
    padding-right: 16px;
    padding-left: 0;
    direction: rtl
}

.market-info-header.is-chart-mode[data-v-9a9efc08] {
    position: initial
}

.market-info-header.full-screen[data-v-9a9efc08] {
    z-index: var(--header-z-index)
}

.theme-night .market-info-header[data-v-9a9efc08] {
    --bg-color: var(--app--color--denim-darkest)
}

@media (max-width: 1023px) {
    .market-info-header[data-v-9a9efc08] {
        --bg-color: var(--app--theme--header-mobile-bg)
    }
}

.market-info-header .info-wrap[data-v-9a9efc08] {
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer
}

.market-info-header .info-wrap[data-v-9a9efc08] .wrapper {
    cursor: pointer
}

.market-info-header .icon-wrap[data-v-9a9efc08] {
    display: flex;
    align-items: center
}

.market-info-header .market-price[data-v-9a9efc08] .last-price-gains {
    margin-right: 4px;
    margin-left: 6px;
    font-size: 14px
}

.arabic .market-info-header .market-price[data-v-9a9efc08] .last-price-gains {
    margin-right: 6px;
    margin-left: 4px
}

.market-info-header .icon-chevron-down[data-v-9a9efc08] {
    height: 20px;
    transform: rotate(270deg)
}

.arabic .market-info-header .icon-chevron-down[data-v-9a9efc08] {
    transform: rotate(90deg)
}

.market-info-header .chart-wrap[data-v-9a9efc08] {
    color: var(--app--color--white)
}

.market-info-header .icon-chart[data-v-9a9efc08] {
    width: 21px;
    height: 21px;
    margin-right: 12px
}

.arabic .market-info-header .icon-chart[data-v-9a9efc08] {
    margin-right: 0;
    margin-left: 16px
}

.market-info-header .icon-setting[data-v-9a9efc08] {
    margin-right: 12px
}

.market-info-header .icon-close[data-v-9a9efc08] {
    width: 30px;
    height: 30px;
    margin-right: 14px;
    transform: rotate(45deg)
}

.arabic .market-info-header .icon-close[data-v-9a9efc08] {
    margin-right: 0;
    margin-left: 14px
}

.market-info-logo[data-v-9a9efc08] {
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--app--color--blue-grey-darker)
}

.app-loading-overlay[data-v-e04159c8] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--header-z-index) + 1);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--app--theme--main-bg)
}

.app-loading-overlay.pad-testnet[data-v-e04159c8] .icon-logo {
    width: 80px;
    height: 50px
}

.app-loading-overlay[data-v-e04159c8] .icon-logo {
    width: 130px;
    height: 40px
}

.re-mail-activation-dialog[data-v-6b6ec7d1] .brand-dialog-body {
    padding: 30px 15px 15px
}

@media (min-width: 1024px) {
    .re-mail-activation-dialog[data-v-6b6ec7d1] .brand-dialog {
        position: absolute;
        right: 10px;
        margin-top: 54px
    }
}

.re-mail-activation-dialog .login_resend-email .title[data-v-6b6ec7d1] {
    font-size: 14px;
    font-weight: 700;
    color: var(--app--color--primary-dark)
}

.re-mail-activation-dialog .login_resend-email .text[data-v-6b6ec7d1] {
    padding: 6px 0 12px
}

.re-mail-activation-dialog .login_resend-email .btn[data-v-6b6ec7d1] {
    text-align: right
}

.theme-night .re-mail-activation-dialog .login_resend-email[data-v-6b6ec7d1] {
    background: var(--app--color--denim-darker)
}

.theme-night .re-mail-activation-dialog .login_resend-email .title[data-v-6b6ec7d1] {
    color: #f6f7f8
}

.theme-night .re-mail-activation-dialog .login_resend-email .text[data-v-6b6ec7d1] {
    color: #959eae
}

.re-mail-activation-dialog.v1-plus[data-v-6b6ec7d1] .brand-dialog {
    border-radius: 8px
}

.re-mail-activation-dialog.v1-plus[data-v-6b6ec7d1] .brand-dialog-body {
    padding: 40px 24px 24px
}

.re-mail-activation-dialog.v1-plus .title[data-v-6b6ec7d1] {
    font-size: 16px;
    color: var(--app--color--primary-darker)
}

.re-mail-activation-dialog.v1-plus .text[data-v-6b6ec7d1] {
    font-size: 14px
}

.re-mail-activation-dialog.v1-plus .btn[data-v-6b6ec7d1]>* {
    min-width: 128px
}

.theme-night .re-mail-activation-dialog.v1-plus .login_resend-email .title[data-v-6b6ec7d1] {
    color: var(--app--color--primary-light)
}

.theme-night .re-mail-activation-dialog.v1-plus .login_resend-email .text[data-v-6b6ec7d1] {
    color: var(--app--color--blue-grey)
}

.file-name[data-v-36860636] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--blue-grey-darker)
}

@media (max-width: 767px) {
    .file-name[data-v-36860636] {
        font-size: 14px
    }
}

.file-name-wrapper[data-v-36860636] {
    display: flex;
    align-items: center
}

.icon-check[data-v-36860636] {
    margin-right: 6px;
    color: var(--app--color--accent-green)
}

.icon-error[data-v-36860636] {
    margin-right: 6px;
    color: var(--app--color--accent-red)
}

.icon-delete[data-v-36860636] {
    cursor: pointer
}

.detail-file-upload[data-v-9b6c0e7e]>*+* {
    margin-top: 8px
}

.detail-file-upload .image-upload-container[data-v-9b6c0e7e] {
    box-sizing: border-box;
    max-width: 570px;
    border: 2px dashed var(--app--color--blue-grey-lighter);
    border-radius: 8px
}

.detail-file-upload .image-upload-container .image-upload-section[data-v-9b6c0e7e] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--white-dark);
    border: 1px solid transparent
}

.detail-file-upload .image-upload-container .image-upload-section.drag-hover[data-v-9b6c0e7e] {
    border: 1px solid var(--app--color--primary)
}

.detail-file-upload .button-wrapper[data-v-9b6c0e7e] {
    display: flex;
    margin-top: 50px
}

@media (max-width: 767px) {
    .detail-file-upload .button-wrapper[data-v-9b6c0e7e] {
        margin-top: 24px
    }
}

@media (max-width: 767px) {
    .detail-file-upload .upload-button[data-v-9b6c0e7e] {
        flex: 1;
        margin-right: 16px;
        border-radius: 4px;
        margin-bottom: 0
    }
}

.detail-file-upload[data-v-9b6c0e7e] .detail-resend-email {
    flex: 1
}

.detail-file-upload .upload-wrap[data-v-9b6c0e7e] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.detail-file-upload .upload-wrap .des-wrap[data-v-9b6c0e7e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer
}

.detail-file-upload .upload-wrap .des-wrap .upload-tip[data-v-9b6c0e7e] {
    font-size: 12px
}

.detail-file-upload .upload-wrap .des-wrap .upload__icon[data-v-9b6c0e7e] {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.detail-file-upload .upload-wrap .upload-files[data-v-9b6c0e7e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 8px;
    background-color: var(--app--color--white);
    border-radius: 4px
}

.detail-file-upload .upload-wrap input[data-v-9b6c0e7e] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.clipboard-wrapper[data-v-0596d249] {
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    color: var(--app--theme--primary-content)
}

.clipboard-wrapper.space-between[data-v-0596d249] {
    justify-content: space-between
}

.clipboard-wrapper[data-v-0596d249]>*+* {
    margin-left: 8px
}

.clipboard-wrapper .clipboard-value[data-v-0596d249] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clipboard-wrapper .clipboard-value.word-break[data-v-0596d249] {
    white-space: inherit
}

.clipboard-wrapper .clipboard-value.red-text[data-v-0596d249] {
    color: var(--app--color--accent-red)
}

.clipboard-wrapper .copy-icon[data-v-0596d249] {
    width: 16px;
    height: 16px;
    color: var(--app--color--primary);
    cursor: pointer
}

.submit-success-wrap[data-v-7ff1a5c0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px
}

.submit-success-wrap .title[data-v-7ff1a5c0] {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--blue-grey-darker)
}

.submit-success-wrap p[data-v-7ff1a5c0] {
    font-size: 16px;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker);
    text-align: center
}

.submit-success-wrap .action-btn[data-v-7ff1a5c0] {
    width: 100%;
    margin-top: 24px
}

.wallet-qrcode[data-v-5725585b] {
    width: 200px;
    height: 200px
}

.wallet-qrcode[data-v-5725585b] canvas {
    display: block;
    border: 5px solid white;
    border-radius: 2px
}

.submit-success-wrap[data-v-5d2aa345] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px
}

.submit-success-wrap .title[data-v-5d2aa345] {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    color: var(--app--color--blue-grey-darker)
}

.submit-success-wrap p[data-v-5d2aa345] {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: var(--app--color--blue-grey-darker);
    text-align: center
}

.submit-success-wrap .more-info[data-v-5d2aa345] {
    margin-top: 8px;
    font-weight: 400;
    color: var(--app--color--blue-grey-dark)
}

.submit-success-wrap .action-btn[data-v-5d2aa345] {
    width: 100%;
    margin-top: 24px
}

.submit-success-wrap .link[data-v-5d2aa345] {
    color: var(--app--color--primary);
    cursor: pointer
}

.cancel-request-container .content-wrapper[data-v-9328a15a] {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
    text-align: center
}

.cancel-request-container .content-wrapper .link[data-v-9328a15a] {
    color: var(--app--color--primary);
    cursor: pointer
}

.cancel-request-container .content-wrapper .icon[data-v-9328a15a] {
    width: 48px;
    height: 48px;
    color: var(--app--color--accent-yellow)
}

.cancel-request-container .content-wrapper .title[data-v-9328a15a] {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    color: var(--app--color--blue-grey-darker)
}

.cancel-request-container .content-wrapper .desc[data-v-9328a15a] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--app--color--blue-grey-darker);
    text-align: left
}

.cancel-request-container .content-wrapper .desc.center[data-v-9328a15a] {
    text-align: center
}

.cancel-request-container .content-wrapper .btn-wrapper[data-v-9328a15a] {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
    width: 100%;
    padding-top: 29px;
    margin-top: 24px
}

.cancel-request-container .content-wrapper .btn-wrapper .btn[data-v-9328a15a] {
    width: 100%;
    font-weight: 700
}

.cancel-request-container .content-wrapper .btn-wrapper .keep[data-v-9328a15a] {
    color: var(--app--color--blue-grey-dark);
    cursor: pointer
}

.fiat-deposit-details[data-v-a09610ee] {
    --dialog-boundary-col-gap: 24px;
    --deposit-detail-padding: 24px;
    --bank-info-table-body-padding-top: 8px;
    --bank-info-table-body-padding-bottom: 8px;
    --bank-info-table-body-font-size: 16px;
    --bank-info-table-cell-horizontal-gap: 8px
}

.fiat-deposit-details .deposit-title-block[data-v-a09610ee] {
    font-size: 14px;
    color: var(--app--color--blue-grey-darker)
}

.fiat-deposit-details .deposit-title-block[data-v-a09610ee]>*+* {
    margin-left: 4px
}

.fiat-deposit-details .deposit-title[data-v-a09610ee] {
    font-weight: 700
}

@media (max-width: 767px) {
    .fiat-deposit-details .deposit-from-block[data-v-a09610ee] {
        flex-direction: column;
        align-items: flex-start
    }
}

.fiat-deposit-details .deposit-from-info[data-v-a09610ee]>*+* {
    margin-left: 8px
}

@media (max-width: 767px) {
    .fiat-deposit-details .deposit-from-info[data-v-a09610ee] {
        width: 100%;
        justify-content: flex-end;
        margin-top: 8px
    }
}

.fiat-deposit-details .payment-way[data-v-a09610ee] {
    padding: 2px 8px;
    border: 1px solid var(--app--color--blue-grey-darker);
    border-radius: 4px
}

.fiat-deposit-details .bank-name[data-v-a09610ee] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fiat-deposit-details .deposit-detail[data-v-a09610ee] {
    padding: var(--deposit-detail-padding);
    margin-top: 8px;
    font-size: 14px;
    color: var(--app--color--blue-grey-dark);
    background-color: var(--app--color--white-dark);
    border-radius: 8px
}

.fiat-deposit-details .deposit-detail .detail-number[data-v-a09610ee] {
    margin-right: 8px;
    font-weight: 500;
    color: var(--app--color--blue-grey-darker)
}

.fiat-deposit-details .deposit-detail .detail-number.large[data-v-a09610ee] {
    font-size: 26px;
    font-weight: 700
}

.fiat-deposit-details .deposit-detail .detail-number.normal[data-v-a09610ee] {
    margin-right: 0
}

.fiat-deposit-details .deposit-detail .field-title[data-v-a09610ee] {
    font-size: 14px;
    font-weight: 500
}

.fiat-deposit-details .qr-code-block[data-v-a09610ee] {
    font-size: 14px;
    color: var(--app--color--blue-grey-darker)
}

.fiat-deposit-details .qr-code-block[data-v-a09610ee]>*+* {
    margin-top: 8px
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr {
    border-top: 1px solid var(--app--color--blue-grey)
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr>td {
    height: auto;
    padding: var(--bank-info-table-body-padding-top) var(--bank-info-table-cell-horizontal-gap) var(--bank-info-table-body-padding-bottom) 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: var(--app--color--blue-grey-darker);
    word-break: break-word;
    white-space: pre-wrap
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr>td:first-child {
    padding-left: 0
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr>td:last-child {
    padding-right: 0
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr>td .cell-title {
    color: var(--app--color--blue-grey-dark);
    white-space: nowrap
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr>td .reference-number {
    color: var(--app--color--accent-red)
}

.fiat-deposit-details .bank-info-table[data-v-a09610ee] .tbody tr:first-child {
    border-top: none
}

.fiat-deposit-details .reference-number[data-v-a09610ee] {
    color: var(--app--color--accent-red)
}

.fiat-deposit-details .reference-number-tip[data-v-a09610ee] {
    font-size: 14px;
    color: var(--app--color--accent-red)
}

.fiat-deposit-details .reference-number-tip[data-v-a09610ee] strong {
    font-weight: 700
}

@media (max-width: 767px) {
    .fiat-deposit-details .reference-number-tip[data-v-a09610ee] strong {
        font-weight: 500
    }
}

.fiat-deposit-details .required-symbol[data-v-a09610ee] {
    font-weight: 700;
    color: var(--app--color--accent-red)
}

.fiat-deposit-details .upload-description[data-v-a09610ee] {
    margin: 4px 0 8px;
    font-size: 14px;
    color: var(--app--color--blue-grey-dark)
}

.fiat-deposit-details .upload-description[data-v-a09610ee] strong {
    font-weight: 700;
    color: var(--app--color--blue-grey-darker)
}

@media (max-width: 767px) {
    .fiat-deposit-details .upload-description[data-v-a09610ee] strong {
        font-weight: 500
    }
}

.fiat-deposit-details .description[data-v-a09610ee] {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 18px;
    color: var(--app--color--blue-grey-dark);
    text-align: center
}

.fiat-deposit-details .description p>a[data-v-a09610ee] {
    color: var(--app--color--primary)
}

.fiat-deposit-details .btn-block[data-v-a09610ee] {
    margin-top: 16px;
    text-align: center
}

.fiat-deposit-details .btn-block .btn-cancel[data-v-a09610ee] {
    color: var(--app--color--accent-red)
}

.fiat-deposit-details .divider[data-v-a09610ee] {
    height: 1px;
    margin: 16px calc(var(--dialog-boundary-col-gap) * -1);
    background-color: #e8edef
}

@media (max-width: 767px) {
    .fiat-deposit-details[data-v-a09610ee] {
        --dialog-boundary-col-gap: 16px;
        --deposit-detail-padding: 16px
    }
}

@media (max-width: 374px) {
    .fiat-deposit-details[data-v-a09610ee] {
        --dialog-boundary-col-gap: 12px
    }
}

.welcome-popup[data-v-f346da69] {
    color: var(--app--color--blue-grey-darker)
}

.welcome-popup .welcome-body[data-v-f346da69] {
    padding-top: 36px
}

.welcome-popup .title[data-v-f346da69] {
    margin: 8px 0;
    font-size: 24px;
    font-weight: 700
}

.welcome-popup .content[data-v-f346da69] {
    margin-bottom: 24px;
    font-size: 18px;
    text-align: center;
    white-space: pre-wrap
}

.welcome-popup .explore-button[data-v-f346da69] {
    min-width: 200px;
    margin-bottom: 24px
}

.welcome-popup .note-block[data-v-f346da69] {
    font-size: 14px
}

.welcome-popup .note-block[data-v-f346da69]>*+* {
    margin-left: 8px
}

.arabic .welcome-popup .note-block[data-v-f346da69]>*+* {
    margin: 0 8px 0 0
}

.welcome-popup .icon-big[data-v-f346da69] {
    width: 140px;
    height: 140px
}

.welcome-popup .icon-small[data-v-f346da69] {
    width: 24px;
    height: 24px
}

.welcome-popup .visa-icon[data-v-f346da69] {
    color: var(--app--color--denim-darker)
}

.activation-fails[data-v-41e45ff4] {
    padding: 40px;
    text-align: center
}

.activation-fails .-icon[data-v-41e45ff4] {
    height: 222px;
    background: url(/static/img/ee9e9a60.png) no-repeat center top / 50%
}

.activation-fails .-text[data-v-41e45ff4] {
    padding-bottom: 40px;
    text-align: justify
}

.activation-fails .-btns[data-v-41e45ff4] {
    padding-bottom: 80px
}

.activation-fails .-btns .brand-button[data-v-41e45ff4] {
    min-width: 220px
}

.act-success[data-v-2ad762fd] {
    padding-top: 30px
}

.act-success ._txt[data-v-2ad762fd] {
    padding-top: 210px;
    font-size: 24px;
    text-align: center;
    background: url(/static/img/01a8376a.png) no-repeat center top / auto 210px
}

.act-success ._msg[data-v-2ad762fd] {
    padding: 12px 40px 0;
    font-size: 16px
}

.act-success ._btn[data-v-2ad762fd] {
    padding: 54px 0 64px;
    text-align: center
}

.act-success ._btn .brand-button[data-v-2ad762fd] {
    min-width: 190px
}

.bonus-popup[data-v-191e6a83] {
    color: var(--app--color--blue-grey-darker)
}

.bonus-popup .bonus-body[data-v-191e6a83] {
    line-height: 1.5
}

.bonus-popup .video-gift[data-v-191e6a83] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.bonus-popup .title[data-v-191e6a83] {
    margin: 8px 0;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.bonus-popup .content[data-v-191e6a83] {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.bonus-popup .content .bonus[data-v-191e6a83] {
    color: var(--app--color--primary)
}

.bonus-popup[data-v-191e6a83] .brand-dialog-footer {
    padding: 16px 24px 46px
}

.bonus-popup[data-v-191e6a83] .brand-dialog-header.scrolling {
    box-shadow: none
}

.common-toast[data-v-b86b5632] {
    --normal-color: var(--app--color--primary);
    --success-color: var(--app--color--accent-green);
    --error-color: var(--app--color--accent-red);
    --time-color: var(--app--color--blue-grey-dark);
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    width: 400px;
    max-height: 200px;
    padding: 12px;
    overflow: hidden;
    color: var(--common-toast-color);
    background-color: var(--common-toast-background-color, var(--app--theme--section-bg));
    border-color: var(--common-toast-border-color, transparent);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--common-toast-border-radius, 2px);
    box-shadow: 0 0 10px #00000026;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, max-height .4s
}

.theme-night .common-toast[data-v-b86b5632] {
    --normal-color: var(--app--color--blue-grey-darker);
    --time-color: var(--app--color--blue-grey)
}

.common-toast .notification__group[data-v-b86b5632] {
    width: 100%;
    margin: 0
}

.common-toast .notification__content[data-v-b86b5632] {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    color: inherit;
    text-align: justify
}

.common-toast .notification__closeBtn[data-v-b86b5632] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 12px;
    height: 12px;
    color: inherit;
    cursor: pointer;
    opacity: .9
}

.common-toast[data-v-b86b5632] .notify-title {
    display: flex;
    padding-right: 30px;
    line-height: 16px;
    text-align: left
}

.common-toast[data-v-b86b5632] .notify-title ._icon {
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: var(--common-toast-icon-color, var(--app--color--white));
    text-align: center;
    border-radius: 50%
}

.common-toast[data-v-b86b5632] .notify-title .sub-title {
    padding: 0 10px;
    font-size: 14px
}

.common-toast[data-v-b86b5632] .notify-title ._title {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700
}

.common-toast[data-v-b86b5632] .notify-title ._orderType {
    margin-left: 8px;
    font-size: 12px;
    white-space: nowrap;
    opacity: .9
}

.common-toast[data-v-b86b5632] .notify-body {
    position: relative;
    font-size: 12px;
    line-height: 18px
}

.common-toast[data-v-b86b5632] .notify-body:not(:empty) {
    padding: 3px 0 0 26px
}

.common-toast[data-v-b86b5632] .notify-body .notify-custom-message {
    text-align: left
}

.common-toast[data-v-b86b5632] .notify-body .notify-row {
    overflow: hidden
}

.common-toast[data-v-b86b5632] .notify-body .notify-row li {
    float: left;
    width: 50%;
    height: 18px
}

.common-toast[data-v-b86b5632] .notify-body .notify-row li p {
    white-space: nowrap
}

.common-toast[data-v-b86b5632] .notify-body ._time {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--time-color)
}

.common-toast.notify-normal[data-v-b86b5632] {
    --common-toast-color: var(--normal-color);
    --common-toast-border-color: var(--normal-color)
}

.common-toast.notify-success[data-v-b86b5632],
.common-toast.notify-ok[data-v-b86b5632] {
    --common-toast-color: var(--success-color);
    --common-toast-border-color: var(--success-color)
}

.common-toast.notify-error[data-v-b86b5632] {
    --common-toast-color: var(--error-color);
    --common-toast-border-color: var(--error-color)
}

.toast-fade-enter-from.right[data-v-b86b5632] {
    transform: translate(30%)
}

.toast-fade-enter-from.left[data-v-b86b5632] {
    transform: translate(-30%)
}

.toast-fade-leave-active[data-v-b86b5632] {
    max-height: 0;
    opacity: 0
}

.trading-toast[data-v-b7ce3074] {
    position: absolute;
    top: 8px;
    right: 8px
}

.dark-toast[data-v-e5aa476a] {
    --common-toast-color: var(--common-toast-dark-color, var(--app--color--white-dark));
    --common-toast-background-color: var(--common-toast-dark-background-color, var(--app--color--blue-grey-darker));
    --common-toast-border-color: var(--common-toast-dark-border-color, var(--app--color--blue-grey-dark));
    --common-toast-border-radius: var(--common-toast-dark-border-radius, 4px);
    width: auto;
    max-width: 480px;
    text-align: left
}

@media (max-width: 767px) {
    .dark-toast[data-v-e5aa476a] {
        max-width: 300px
    }
}

.toast-container[data-v-138fe394] {
    --toast-container-base-top: 96px;
    --toast-container-base-horizontal: 16px;
    --toast-container-base-bottom: 50px;
    position: fixed;
    z-index: var(--toast-z-index);
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

@media (max-width: 767px) {
    .toast-container[data-v-138fe394] {
        width: 95%
    }
}

.toast-container.top-right[data-v-138fe394],
.toast-container.bottom-right[data-v-138fe394] {
    right: var(--toast-container-base-horizontal)
}

@media (max-width: 767px) {

    .toast-container.top-right[data-v-138fe394],
    .toast-container.bottom-right[data-v-138fe394] {
        right: auto;
        left: 50%;
        transform: translate(-50%)
    }
}

.toast-container.top-left[data-v-138fe394],
.toast-container.bottom-left[data-v-138fe394] {
    left: var(--toast-container-base-horizontal)
}

@media (max-width: 767px) {

    .toast-container.top-left[data-v-138fe394],
    .toast-container.bottom-left[data-v-138fe394] {
        left: 50%;
        transform: translate(-50%)
    }
}

.toast-container.top-right[data-v-138fe394],
.toast-container.top-left[data-v-138fe394],
.toast-container.top-center[data-v-138fe394] {
    top: var(--toast-container-base-top)
}

@media (max-width: 767px) {

    .toast-container.top-right[data-v-138fe394],
    .toast-container.top-left[data-v-138fe394],
    .toast-container.top-center[data-v-138fe394] {
        top: auto;
        bottom: var(--toast-container-base-bottom);
        flex-direction: column-reverse
    }
}

.toast-container.bottom-right[data-v-138fe394],
.toast-container.bottom-left[data-v-138fe394],
.toast-container.bottom-center[data-v-138fe394] {
    bottom: var(--toast-container-base-bottom);
    flex-direction: column-reverse
}

.toast-container.top-center[data-v-138fe394],
.toast-container.bottom-center[data-v-138fe394],
.toast-container.always-top-center[data-v-138fe394],
.toast-container.always-bottom-center[data-v-138fe394] {
    left: 50%;
    transform: translate(-50%)
}

.toast-container.center[data-v-138fe394] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-container.always-top-center[data-v-138fe394] {
    top: var(--toast-container-base-top)
}

.toast-container.always-bottom-center[data-v-138fe394] {
    bottom: var(--toast-container-base-bottom)
}

.cookie-consent-banner[data-v-32613838] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2147483645;
    box-sizing: border-box;
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 203px;
    background-color: var(--app--color--white);
    box-shadow: 0 -4px 8px #131b2926;
    transition: opacity .3s, transform .3s
}

@media (max-width: 1279px) {
    .cookie-consent-banner[data-v-32613838] {
        height: auto;
        padding: 32px
    }
}

@media (max-width: 1023px) {
    .cookie-consent-banner[data-v-32613838] {
        flex-direction: column
    }
}

.cookie-consent-banner .cookie-policy-agreement[data-v-32613838] {
    max-width: 796px;
    color: var(--app--color--denim-darker)
}

.cookie-consent-banner .cookie-policy-agreement .agreement-title[data-v-32613838] {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700
}

.cookie-consent-banner .cookie-policy-agreement .agreement-content[data-v-32613838] {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.cookie-consent-banner .cookie-policy-agreement[data-v-32613838] .ot-cookie-policy-link {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 700;
    color: var(--app--color--primary);
    text-decoration: underline
}

@media (max-width: 1279px) {
    .cookie-consent-banner .cookie-policy-agreement[data-v-32613838] {
        max-width: none
    }
}

.cookie-consent-banner .button-container[data-v-32613838] {
    display: flex;
    gap: 12px
}

@media (max-width: 1023px) {
    .cookie-consent-banner .button-container[data-v-32613838] {
        width: 100%
    }
}

@media (max-width: 767px) {
    .cookie-consent-banner .button-container[data-v-32613838] {
        flex-direction: column
    }
}

.cookie-consent-banner .cookie-consent-button[data-v-32613838] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: var(--app--color--white);
    cursor: pointer;
    background-color: var(--app--color--primary);
    border: 1px solid var(--app--color--primary);
    border-radius: 4px
}

.cookie-consent-banner .cookie-consent-button.outline[data-v-32613838] {
    color: var(--app--color--primary);
    background-color: transparent
}

@media (max-width: 1023px) {
    .cookie-consent-banner .cookie-consent-button[data-v-32613838] {
        width: auto;
        flex: 1
    }
}

@media (max-width: 767px) {
    .cookie-consent-banner .cookie-consent-button[data-v-32613838] {
        flex: initial
    }
}

.v-enter-from[data-v-32613838],
.v-leave-to[data-v-32613838] {
    opacity: 0
}

.v-enter-from[data-v-32613838] {
    transform: translateY(30%)
}

.unified-wallet-upgrade-dialog[data-v-d216bcf6] .brand-dialog-body {
    padding: 0;
    overflow: auto;
    border-radius: var(--brand-dialog-border-radius)
}

.unified-wallet-upgrade-dialog .dialog-body-wrap[data-v-d216bcf6] {
    padding: 0 24px 24px
}

.unified-wallet-upgrade-dialog .content-container[data-v-d216bcf6] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.unified-wallet-upgrade-dialog .content-container .unified-wallet-image[data-v-d216bcf6] {
    width: 240px;
    margin: 24px
}

@media (max-width: 767px) {
    .unified-wallet-upgrade-dialog .content-container .unified-wallet-image[data-v-d216bcf6] {
        width: 180px;
        margin: 16px
    }
}

.unified-wallet-upgrade-dialog .content-container .upgrade-in-progress-image[data-v-d216bcf6] {
    width: 162px;
    margin: 24px
}

@media (max-width: 767px) {
    .unified-wallet-upgrade-dialog .content-container .upgrade-in-progress-image[data-v-d216bcf6] {
        width: 145px;
        margin: 16px
    }
}

.unified-wallet-upgrade-dialog .content-container .upgrade-in-progress-title[data-v-d216bcf6] {
    font-size: 24px;
    font-weight: 700
}

@media (max-width: 767px) {
    .unified-wallet-upgrade-dialog .content-container .upgrade-in-progress-title[data-v-d216bcf6] {
        text-align: center
    }
}

.unified-wallet-upgrade-dialog .content-container .upgrade-description[data-v-d216bcf6] {
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--blue-grey-darker);
    text-align: center
}

.theme-night .unified-wallet-upgrade-dialog .content-container .upgrade-description[data-v-d216bcf6] {
    color: var(--app--color--blue-grey-dark)
}

.unified-wallet-upgrade-dialog .content-container .content-block[data-v-d216bcf6] {
    --border-color: var(--app--color--blue-grey-lighter);
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    padding: 24px;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    border-radius: 8px
}

.theme-night .unified-wallet-upgrade-dialog .content-container .content-block[data-v-d216bcf6] {
    --border-color: var(--app--color--denim-light);
    color: var(--app--color--blue-grey)
}

.unified-wallet-upgrade-dialog .content-container .content-block .condition-checklist-title[data-v-d216bcf6] {
    font-weight: 700;
    color: var(--app--color--blue-grey-darker)
}

.theme-night .unified-wallet-upgrade-dialog .content-container .content-block .condition-checklist-title[data-v-d216bcf6] {
    color: var(--app--color--blue-grey)
}

.unified-wallet-upgrade-dialog .content-container .content-block .condition-checklist-item[data-v-d216bcf6] {
    display: flex
}

.unified-wallet-upgrade-dialog .content-container .content-block .condition-checklist-item .checklist-item-icon[data-v-d216bcf6] {
    flex-shrink: 0;
    width: 16px;
    height: 21px;
    margin-right: 8px;
    color: var(--app--color--accent-green)
}

.unified-wallet-upgrade-dialog .content-container .content-block .condition-checklist-item .checklist-item-icon.error[data-v-d216bcf6] {
    color: var(--app--color--accent-red)
}

.theme-night .unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-title[data-v-d216bcf6] {
    color: var(--app--color--blue-grey-dark)
}

.unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-list[data-v-d216bcf6] {
    padding-left: 1em;
    margin-top: 8px
}

.theme-night .unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-list[data-v-d216bcf6] {
    color: var(--app--color--blue-grey-dark)
}

.unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-list .upgrade-notes-list-item[data-v-d216bcf6] {
    list-style: disc
}

.unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-list .upgrade-notes-list-item+.upgrade-notes-list-item[data-v-d216bcf6] {
    margin-top: 8px
}

.unified-wallet-upgrade-dialog .content-container .content-block .upgrade-notes-list .upgrade-notes-list-item .api-doc-link[data-v-d216bcf6] {
    color: var(--app--color--primary)
}

.unified-wallet-upgrade-dialog .content-container .user-guide-block[data-v-d216bcf6] {
    padding: 24px 0;
    font-size: 16px;
    color: var(--app--color--blue-grey-dark)
}

.unified-wallet-upgrade-dialog .content-container .user-guide-block .user-guide-link[data-v-d216bcf6] {
    font-weight: 500;
    color: var(--app--color--primary)
}

.theme-night .unified-wallet-upgrade-dialog .content-container .user-guide-block .user-guide-link[data-v-d216bcf6] {
    color: var(--app--color--primary-light)
}

.unified-wallet-upgrade-dialog .content-container .terms-and-conditions-check-wrap[data-v-d216bcf6] {
    align-self: flex-start;
    margin: 24px 0
}

.unified-wallet-upgrade-dialog .content-container .terms-and-conditions-check-wrap .check-box[data-v-d216bcf6] .checkbox__label {
    display: flex;
    align-items: center
}

.unified-wallet-upgrade-dialog .content-container .terms-and-conditions-check-wrap .check-box[data-v-d216bcf6] .checkbox__square {
    width: 16px;
    height: 16px
}

.unified-wallet-upgrade-dialog .content-container .terms-and-conditions-check-wrap .check-box[data-v-d216bcf6] .checkbox__content {
    padding-left: 8px
}

.arabic .unified-wallet-upgrade-dialog .content-container .terms-and-conditions-check-wrap .check-box[data-v-d216bcf6] .checkbox__content {
    padding-right: 8px
}

.unified-wallet-upgrade-result-dialog[data-v-aa50a734] .brand-dialog-body {
    padding: 0;
    overflow: auto;
    border-radius: var(--brand-dialog-border-radius)
}

.unified-wallet-upgrade-result-dialog .dialog-body-wrap[data-v-aa50a734] {
    padding: 0 24px 24px
}

.unified-wallet-upgrade-result-dialog .content-container[data-v-aa50a734] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center
}

.unified-wallet-upgrade-result-dialog .content-container .unified-wallet-image[data-v-aa50a734] {
    width: 240px;
    margin: 24px
}

@media (max-width: 767px) {
    .unified-wallet-upgrade-result-dialog .content-container .unified-wallet-image[data-v-aa50a734] {
        width: 180px;
        margin: 16px
    }
}

.unified-wallet-upgrade-result-dialog .content-container .upfrade-failed-image[data-v-aa50a734] {
    margin: 24px
}

.unified-wallet-upgrade-result-dialog .content-container .upgrade-result-title[data-v-aa50a734] {
    font-size: 24px;
    font-weight: 700
}

.unified-wallet-upgrade-result-dialog .content-container .upgrade-result-description[data-v-aa50a734] {
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.unified-wallet-upgrade-result-dialog .content-container .contact-us-link[data-v-aa50a734] {
    font-size: 16px;
    font-weight: 500;
    color: var(--app--color--primary)
}

.unified-wallet-upgrade-result-dialog .user-guide-block[data-v-aa50a734] {
    margin-top: 24px;
    font-size: 16px;
    color: var(--app--color--blue-grey-dark);
    text-align: center
}

.unified-wallet-upgrade-result-dialog .user-guide-block .user-guide-link[data-v-aa50a734] {
    font-weight: 500;
    color: var(--app--color--primary)
}

.unified-wallet-upgrade-result-dialog .action-button[data-v-aa50a734] {
    margin-top: 24px
}

.wallet-selector[data-v-5cc3d4ce] {
    --dropdown-list-display: none;
    --dropdown-icon-rotate-deg: 0deg;
    --selector-target-label-color: var(--app--color--blue-grey-darker);
    --selector-dropdown-text-color: var(--app--color--denim-darker);
    --selector-dropdown-background-color: var(--app--color--white-dark);
    --selector-dropdown-list-background-color: var(--app--color--white);
    --wallet-row-background-color-hover: var(--app--color--white-dark--o-4);
    position: relative
}

.wallet-selector.active[data-v-5cc3d4ce] {
    --dropdown-list-display: block;
    --dropdown-icon-rotate-deg: 180deg
}

.wallet-selector.disabled[data-v-5cc3d4ce] {
    --selector-dropdown-text-color: var(--app--color--blue-grey)
}

.wallet-selector+.wallet-selector[data-v-5cc3d4ce] {
    margin-top: 4px
}

.wallet-selector .selector-target-label[data-v-5cc3d4ce] {
    font-size: 14px;
    font-weight: 500;
    color: var(--selector-target-label-color)
}

.wallet-selector .selector-dropdown[data-v-5cc3d4ce] {
    --selector-dropdown-border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    color: var(--selector-dropdown-text-color);
    cursor: pointer;
    background-color: var(--selector-dropdown-background-color);
    border: 1px solid var(--selector-dropdown-border-color);
    border-radius: 4px
}

.wallet-selector .selector-dropdown.empty-wallet[data-v-5cc3d4ce] {
    --selector-dropdown-border-color: var(--app--color--accent-red)
}

.wallet-selector .selector-dropdown.no-option[data-v-5cc3d4ce] {
    cursor: auto
}

.wallet-selector .selector-dropdown .selector-dropdown-icon[data-v-5cc3d4ce] {
    color: var(--app--color--blue-grey-dark);
    transition: transform .3s;
    transform: rotate(var(--dropdown-icon-rotate-deg))
}

.wallet-selector .selector-dropdown-list[data-v-5cc3d4ce] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: var(--dropdown-list-display);
    width: 100%;
    max-height: 170px;
    padding: 8px 0;
    overflow-y: auto;
    background-color: var(--selector-dropdown-list-background-color);
    border-radius: 4px;
    box-shadow: 0 2px 16px #0a1e810d, 0 1px 8px #0a1e811a;
    transform: translateY(3px)
}

.wallet-selector .selector-dropdown-list .wallet-row[data-v-5cc3d4ce] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 16px;
    cursor: pointer;
    background-color: transparent
}

.wallet-selector .selector-dropdown-list .wallet-row[data-v-5cc3d4ce]:hover {
    background-color: var(--wallet-row-background-color-hover)
}

.wallet-selector .selector-dropdown-list .wallet-row+.wallet-row[data-v-5cc3d4ce] {
    margin-top: 3px
}

.wallet-selector .selector-dropdown-list .wallet-row .wallet-balance[data-v-5cc3d4ce] {
    font-size: 12px;
    font-weight: 400;
    color: var(--app--color--blue-grey-dark)
}

.wallet-selector .selector-dropdown-list .wallet-row .wallet-balance .wallet-balance-label[data-v-5cc3d4ce] {
    text-transform: capitalize
}

.wallet-selector .error-message[data-v-5cc3d4ce] {
    font-size: 12px;
    font-weight: 400;
    color: var(--app--color--accent-red)
}

.theme-night .wallet-selector[data-v-5cc3d4ce] {
    --selector-target-label-color: var(--app--color--blue-grey-lighter);
    --selector-dropdown-background-color: var(--app--color--denim);
    --selector-dropdown-text-color: var(--app--color--white);
    --selector-dropdown-list-background-color: var(--app--color--denim-dark);
    --wallet-row-background-color-hover: var(--app--color--denim--o-4)
}

.theme-night .wallet-selector.disabled[data-v-5cc3d4ce] {
    --selector-dropdown-text-color: var(--app--color--blue-grey-darker)
}

.transfer-result-container[data-v-5a48a16b] {
    --transfer-result-detail-border-color: var(--app--color--blue-grey);
    --transfer-result-detail-text-color: var(--app--color--blue-grey-darker);
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 24px
}

.transfer-result-container .transfer-result[data-v-5a48a16b] {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 700
}

.transfer-result-container .transfer-result-detail[data-v-5a48a16b] {
    align-self: stretch;
    padding: 24px;
    margin-top: 16px;
    border: 1px solid var(--transfer-result-detail-border-color);
    border-radius: 8px
}

.transfer-result-container .transfer-result-detail .transfer-wallet-detail[data-v-5a48a16b] {
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--app--color--blue-grey-dark);
    border-bottom: 1px solid var(--transfer-result-detail-border-color)
}

.transfer-result-container .transfer-result-detail .transfer-wallet-detail .wallet-label[data-v-5a48a16b] {
    margin: 0 4px;
    color: var(--transfer-result-detail-text-color)
}

.transfer-result-container .transfer-result-detail .transfer-wallet-detail .wallet-label.is-mobile[data-v-5a48a16b] {
    margin-left: 0
}

.transfer-result-container .transfer-result-detail .transfer-wallet-detail .text-lowercase[data-v-5a48a16b] {
    text-transform: lowercase
}

.transfer-result-container .transfer-result-detail .transfer-asset-row[data-v-5a48a16b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--transfer-result-detail-text-color)
}

.transfer-result-container .transfer-result-detail .transfer-asset-row+.transfer-asset-row[data-v-5a48a16b] {
    margin-top: 8px
}

.transfer-result-container .error-message[data-v-5a48a16b] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.theme-night .transfer-result-container[data-v-5a48a16b] {
    --transfer-result-detail-border-color: var(--app--color--denim-light);
    --transfer-result-detail-text-color: var(--app--color--blue-grey-lighter)
}

.futures-wallet-transfer-dialog[data-v-e2ef2090] {
    --switch-button-border-color: var(--app--color--blue-grey);
    --minor-action-button-color: var(--app--color--primary);
    --wallet-selector-block-border-bottom-color: var(--app--color--blue-grey-lighter);
    --transfer-amount-label-color: var(--app--color--blue-grey-darker);
    --wallet-deposit-link-color: var(--app--color--primary)
}

.futures-wallet-transfer-dialog[data-v-e2ef2090] .brand-dialog-body {
    padding: 0
}

.futures-wallet-transfer-dialog.is-mobile[data-v-e2ef2090] .brand-dialog-header {
    z-index: 1;
    flex-shrink: 0
}

.futures-wallet-transfer-dialog.is-mobile.top-shadow[data-v-e2ef2090] .brand-dialog-header {
    box-shadow: 0 4px 16px #0a1e810d, 0 2px 8px #0a1e8126
}

.futures-wallet-transfer-dialog.is-mobile[data-v-e2ef2090] .brand-dialog-close {
    z-index: 1
}

.futures-wallet-transfer-dialog.is-mobile[data-v-e2ef2090] .brand-dialog-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.futures-wallet-transfer-dialog.is-mobile .section-container[data-v-e2ef2090] {
    flex: 1;
    padding-bottom: 16px;
    overflow: auto
}

.futures-wallet-transfer-dialog.is-mobile .action-button-container[data-v-e2ef2090] {
    z-index: 1;
    flex-shrink: 0;
    padding: 16px 24px;
    background-color: var(--app--theme--dialog-bg)
}

.futures-wallet-transfer-dialog.is-mobile .action-button-container.bottom-shadow[data-v-e2ef2090] {
    box-shadow: 0 -3px 12px #0000001a
}

.futures-wallet-transfer-dialog .section-container[data-v-e2ef2090] {
    flex: 1;
    padding: 24px 24px 0
}

.futures-wallet-transfer-dialog .action-button-container[data-v-e2ef2090] {
    padding: 24px
}

.futures-wallet-transfer-dialog .need-deposit-notification[data-v-e2ef2090] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 16px;
    background-color: var(--app--color--accent-yellow--o-2);
    border: 1px solid var(--app--color--accent-yellow);
    border-radius: 4px
}

.futures-wallet-transfer-dialog .need-deposit-notification .icon-notification[data-v-e2ef2090] {
    color: var(--app--color--accent-yellow)
}

.futures-wallet-transfer-dialog .need-deposit-notification .notification-text[data-v-e2ef2090] {
    flex: 1;
    margin: 0 8px
}

.futures-wallet-transfer-dialog .need-deposit-notification .wallet-deposit-link[data-v-e2ef2090] {
    color: var(--wallet-deposit-link-color);
    cursor: pointer
}

.futures-wallet-transfer-dialog .wallet-selector-block[data-v-e2ef2090] {
    display: flex;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--wallet-selector-block-border-bottom-color)
}

.futures-wallet-transfer-dialog .wallet-selector-block .main-panel[data-v-e2ef2090] {
    display: flex;
    flex: 1;
    flex-direction: column
}

.futures-wallet-transfer-dialog .wallet-selector-block .side-column[data-v-e2ef2090] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 16px
}

.futures-wallet-transfer-dialog .wallet-selector-block .icon-switch-button[data-v-e2ef2090] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--minor-action-button-color);
    cursor: pointer;
    border: 1px solid var(--switch-button-border-color);
    border-radius: 50%;
    transform: rotate(90deg)
}

.futures-wallet-transfer-dialog .wallet-selector-block .icon-switch-button.disabled[data-v-e2ef2090] {
    cursor: not-allowed
}

.futures-wallet-transfer-dialog .wallet-selector-block .icon-switch-button .icon-switch[data-v-e2ef2090] {
    width: 24px;
    height: 24px
}

.futures-wallet-transfer-dialog .asset-selector-block[data-v-e2ef2090] {
    padding: 24px 0 0
}

.futures-wallet-transfer-dialog .asset-selector-block .title-container[data-v-e2ef2090] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--transfer-amount-label-color)
}

.futures-wallet-transfer-dialog .asset-selector-block .add-all-assets-button[data-v-e2ef2090] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--minor-action-button-color);
    text-transform: capitalize;
    cursor: pointer
}

.futures-wallet-transfer-dialog .asset-selector-block .add-all-assets-button .icon-plus[data-v-e2ef2090] {
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.futures-wallet-transfer-dialog .asset-selector-block .add-asset-button-container[data-v-e2ef2090] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px
}

.futures-wallet-transfer-dialog .asset-selector-block .asset-selector[data-v-e2ef2090] {
    margin: 24px 0 16px
}

.futures-wallet-transfer-dialog .asset-selector-block .add-asset-button[data-v-e2ef2090] {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--minor-action-button-color);
    cursor: pointer
}

.futures-wallet-transfer-dialog .asset-selector-block .add-asset-button .icon-plus[data-v-e2ef2090] {
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.theme-night .futures-wallet-transfer-dialog[data-v-e2ef2090] {
    --switch-button-border-color: var(--app--color--denim-light);
    --minor-action-button-color: var(--app--color--primary-light);
    --wallet-selector-block-border-bottom-color: var(--app--color--denim);
    --transfer-amount-label-color: var(--app--color--blue-grey-lighter);
    --wallet-deposit-link-color: var(--app--color--primary-light)
}

.theme-night .futures-wallet-transfer-dialog[data-v-e2ef2090] .brand-dialog-header {
    --brand-dialog-header-font-color: var(--app--color--blue-grey-lighter)
}

.theme-night .futures-wallet-transfer-dialog[data-v-e2ef2090] .brand-dialog-close {
    color: var(--app--color--blue-grey-dark)
}

.app[data-v-64a730db] {
    --brand-scroll-bar-color: var(--app--color--blue-grey-darker--o-2);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: var(--app--theme--main-content);
    background-color: var(--app--theme--main-bg)
}

.app:not(.has-custom-header-theme).theme-transparent-light.is-not-desktop:not(.is-chart-mode):not(.is-hide-header) .view-container[data-v-64a730db],
.app:not(.has-custom-header-theme).theme-transparent.is-not-desktop:not(.is-chart-mode):not(.is-hide-header) .view-container[data-v-64a730db],
.app:not(.has-custom-header-theme).theme-simple.is-not-desktop:not(.is-chart-mode):not(.is-hide-header) .view-container[data-v-64a730db] {
    margin-top: -48px
}

.app.theme-night[data-v-64a730db] {
    --brand-scroll-bar-color: var(--app--color--white-dark--o-2)
}

.app.is-chart-page[data-v-64a730db] {
    margin-top: 0 !important
}

.header-view[data-v-64a730db] {
    position: sticky;
    top: 0;
    z-index: var(--header-z-index)
}

.view-container[data-v-64a730db] {
    flex: 1
}

@font-face {
    font-family: iconfont;
    src: url(/static/2db4ee9b.eot?t=1577779032622);
    src: url(/static/2db4ee9b.eot?t=1577779032622#iefix) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAB8wAAsAAAAANmQAAB7iAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCJVArSWMFLATYCJAOBUAtqAAQgBYRtB4U2G6MsZQRsHADybN/CiEpRJPv/bwmcDLHgDFY/dyWp1V29dbUeObIqelpSxKzRdaSr7caG+jmmaeVI/Ms4irwFPNO+eepiwX7YoP1VLteliEnFwTQZ6O3+M2abPUAx2VBKImLM3ADxA5Au6RpFTlWLGn+ZHyLdaja72ZLdJJsQSioJtSWUJiGFAIFQExQsoFLsFCkWJOrRrKjYuIboH3dBTiwNLNjqYevYOld5vJL/zWnpB5pdyU7St0k7SCBomw4XBjkX+2pfJTkwwy3vcmGAwHHefQOAALjc/X8bNMFAy7KiPXBiiUYP2KCnyMLtadzKVWlCqVIQbxvSeX6QIQcR+VtCbaqaS83XMmlYJLct+zv7tzUHQaAEhyR4IOg2qTPl1Z56Jwg8IC5bCkTTA9mrtZritByQpUcIPEHLAQhy226/UBAfInZHyLREy/RAwpnyCOCB52w8wBNw9k32ZhjtuClO0yhP/bqwCAKOFPtr6hu1nN5ZNBnNBDaEwti+lWPveq3Ml1JX/q3pK0WbUjsKC2B/ApDW/pmRUrWpVqr9U9q1ym6OHT127AA+ANDBvxuxvXkCQYCbf5KVcR1jarnTjG5nMSUaCOKa6O7/fk8BTVs3CuUf1TpcmXGpgMLq77QP983KgrCg3lU5L1Mo1Aai6mErowP+kd8XfuApwIGiSgSMj37+qoyoAz51sexWfckGdnpLnF5Rwg3KFHvcVaEBvpY3pG7yvgUJgrhzoKz7hIyZ5kLGQ7BIcXRSWay1Xa+hV+GpO7+2JU73BwQ2aT6RbOCXxtIWdNm5K2N/wZ0HH74wsZhBYTrV9HyJsr/iATsHDt06cmyo6dyFS1c6btwZuDcx9+DUo4Ynz8raumamTixU9NSVjPTVjK2c2di6tla11FJQpJABsNmG4lpbPxNgY0cgHBAYhwTBLWHiiKA4JhiGhESTUDgnbFwQDi4JF1eErsg1fMANccAdEWBAHHFPnCr3jTNk5gQPRIRTIsYjkaBBpHgiskU7NR6AMvFDm/ijSwIwI4GYkqBK/CYYsCCRqJBY9Egc6kSLEtFhRFLRJxbUyFqMSVelns12wBnZWYGmFyrQDAGu2bOwZq9Glf18LNnb0OIzcVQgjQ62FMGL++QP4D/QKeonRgAthRh4pqlXlNR4UfmDFs5UGAEKv+Ezti30iqUwD8fAIOLEFPQtd4dNTCgTyhhSC2GWYJRHsBCEGKExOAunWCwZ5eJEmYo0QAIjLJRwQfkSimILFBSH08/hODuysQkqlCggCF+OAEWb8HB2owSU0AnFia+KFCeGEgr5fB4vgDACPiwWn0biShwEauRw2FTtRC4mYrEcKJaAL2FTCgchRTnygoLZNLEhfn4e7j4o5o2iEqEf5Z/bhggaQWhsd6MEfAg7/wMzi0tnTXe4+HXF/m4Kd8qWwEJ+0HhAHi5L0Oyd/Lr4qxhxJRm6nVubeKvRV01kAEE405NUUzSjpR96gQmN+ZMGPbi2ZMcAgEyKTI63paXYBNOzNUs2KpJpeAxPBMuQHewghTqHmaK2iy/j0G/hJGCGcJi4f61PeBtxhcZlzPxqP58j1rNPmCPiHgwHex8fwChUHMKIZI2WJADYYT7shSBWqjrRngkC0S5S1E6/Iq6ZkYAdS7OfYyYOLHWbkLxXTdpFkCgTTLIMiKOFdA0u5HU7sG3FdE1QaDiGaqJSnxKiI3CWdEwYjptQqMm1JihiCikYCEUqda6ROriR7jF6kkWR66lusz9TZllcNyCyOmTD4SWgIo9dPQCUookJo5mtyMkL01AuWUotPayZWrNe8EO8gTVzHYVL2HIvcikOmUYB1/44P+yf7nfRtf/jy6QH6zAfrUJL3CTqfbryuBnD/bEKF2NVUkFWp0KythS+cZwytCUNKuxHkb5q6cjts+rK/u/4QNeDDorA/bh6Bg9wIGB9qqq3PjPiy5lYeiqQKC/ux9BbZdRHNbr+ejxvO5/UpbWKm6V2YfrLMitN+neW5ZJVhhPHff8AMp6o6L/a6tA5rtVuJIF6B71Y2IHvsv6lpZ+Vnwi8ZwenuwTfzcROms374+zxkwdLlA8rgV57ADbXGQwxRYWGM5WukGys8UEdjzpOGLF4C1O9sWTFAGtaoQNqQ3zCPNGuSrtPwFWtMxVdiSUZh8tS9SjJeknd4qFjSWHbpiZgWEZIVbDSnDxerpMvt0u6Y4xRxqngIlOzn9UcOlAnDmbzS/5IjlUlO7YxsaKoTbhnYyki2sJcW2NR3MYlMCoyiNSSjEc8iSB8KRDAiFAJU1jjQXW4ZgiuhssJqAOoDYDXXxgerU90ZbxtwNy61rTK0fUSIbyNB4BRo6aOYk6UtpDh0JNv8Oj9AWWDoVpec1u+Guogubk/T8s9f4ZYqIG7kPLHyGUTXs2JwLyyUOVL/dv/roObmmR31KicB9olza3jwQY5xhUhOkjqD1bagqmEHcEng5Epm+20e9Z4w1F3C+vNqaDFrdDw3HVv797Q0K3smrgoVfhmYb5HTvXnpjJeOB+z/0DPH+v7XBP2O1xTmk6VTST7w1Eqz2cTomwirxLto4N77Ra1nmbpsIFrwzARk1ALqTzn5YqBAAYsDQAwIrbc9EvANT2nA/wSc/u5ZafRjKhFV+8ppx27u/0i29Sl1zV0qCnaKCIuLDRB1kkbu7WJpA1sSmeegJ4ECO8qrtY34rBkkxIiRRJUmgpxSaY4fzMuPEvGDqzJzVVXegT0NNjRys2k4jMUbrttVLwgDLqEe7tqAtpTh7rLxI2ZYdVxoGRM8pxfIaJxIehFBJnVtvirxF6+5izJzd/Tdwdyj25d8bwVXYN7xWvY7UrLpk+hFJ1jcs6ANM0E6UwMGSpRqH1H274uDbm9fRytvOq1OUco2TEibGEAyW8FxJ1gtLA9YjLXRyxDNmZb77YZNc7eTwJoJrbwmBkzREINMHA4jmbdDe9xiNTZpaO9cXjQmJWlGreAHFHO3k9yswF+jFM+9b6v+HJz2ttS1JbAtpRnU//arvNpGmsI3Sulf5USVwSLAV0jbuZ/BBg72W/+UNbCfLk5hVxvvr5Uj3RKwim0Z3dIQhuLQab8iXa6mHstt7baa8ReRKWTT0ytyAOglE3gxv7ZQr64CFLsWBFbIe1CAo8wVz1c5kMblMcLK5mL+wpnj//xUawtDOsjcwaTawKwou3imo4hY9DpyKHlK/Aa3MLKwROnsgeA6orMloFPZ58pMK/2bMuCYzjcp4NojKGaZHF6KgXnSin7IBh7U/OoHncFE6kYTURqu4LlOkivUlNXtZ56hPRfTP6rtBiAQqDrHOMaIgRjd3froy9XJ2HLWix5KOGtoY7sHEyr1D6CCC9LboS/VJgPecQLFrGWMSXezVF80GuHtohIwiGZRL3c1Lz/vm3lJ7/TUlXFznFfglGzwC2SWjnWmhtheYpLni4xW5T/F8FXM1NOQ6a3MoRplnQ8TCs6s1FtoZPqMCVV1Ngg1Yet97R7PHdWNfA2vcKlB/l5vr/jUXbEeiZIdmF3WYVIvbGzHmyx4fmZclgUc4d/FsrYtmf3c6Ss3U8LDzIUIqFMhZ38pq6GNFhslQe4jogEYq3eByaPa3377cUOF5YOwRfKp64TXwagExMlAbAev2xNAYaV1NNS2M7cJNh+tMXeFrelA1DMPJRxzG3Js/cigksOBaSVz5Q6VRjSbhSI8BQXFWW3I+z8tHOSbUlFWzXwRsx2zufmIo9n99uhnerDKl7W0Ng8iXqJ2Oq9D8Sau4LsElqN0uCPERQtbW5q2GfLVVU4ldXUsJdIWnP971ziigiXsbakMFMxEcEn0sMm1eWo5PIopJkb/+Zhuf4oEddEIa7jzEEUQ8BRQNJrhQdVQQDbx4MBQa8xEuGqQroHpXMlFPu07ptnoJv1Z6TiDb0kyg4du10z7uh7xxqEYXXpqiIon4YNN3WhFvU//b49323+wevOgPDGEKhCJ7Cm2fiIQT4O/C8e8KBJ0cKGqzLiVnbC71knmNa1CD/AYsh2fq2jHaTjFOMWOEE53/dszJvjDQgvgf4rELc7TVrr06L75HiKMuFpmHch/daro6qnXG1pSguqdmeMHdwnO9kpKVbd3UvcwQYZ/J4ysLbvbmYns224SCe6o9LzuIP15KRKv4BOUWAXS4K2gLbtR47i7rllDg/YgoBtTyQXLVoxQ9DK1WHoWIGHUBwqoonIRTz34ZmmTEDvb7Efvx0CedHJNwEvlofIHoJ5EcZlIVKHIJ6wrFSxotwbQk3hYo4p842KesPeGHTQJXfy2Y6q0x35Ly/gAQ6+lseeuZ+bkuKei89qPepsP4PWnvNI9blW+wcyXsILw/Myyl1yyjn921o6I/3/h9+4aa9XNi3shWCQmjzbajc4sDc4Hti1wb4dIuzBwcD29mc9NHkSlNScwcmT9dDPSdDK+SImJUGLe2LKIYZOq9ivEGE81+V3e3q7Tr5f7rdnhGdOMweal/QE9oD1Q/QjnXmFVHCtK4haf2XLgCHx4A//NOa24+Rj8tWrLfbcP9KvKNl6pfOR0yPydYOTwZC5T/n6/N6Tj0hUASmmv9/0Q/GkJsFnpCTsBL9kL9hbAlQzxmaHuc8LXZbboDwULz4UMiAad33M3eK9m+vD9eWc8JGPXVf4rOPQwUt9Ji2pXqR0P+zbZKkG4RsSlne6iUi1w4uiOm+I9SK3Tq82NyLM9L6HuPwUbuPZcDdN2xW8h/AiBvD1RL+1LvtlyKmQl1PrrDZilSIQZ4ok3NoWFN0U5JP4ALE8zDpwtcz/IL/fWlbezx/Aam9mDNTuy+6rCagUEwrZI0L74FJSWlxo5+bZc6wlW6XSrSXWfddmZ55zi2BRETQA/gUD0CsiK2JzhXbKxDPzbtnWIDTARNmFXOCrVPyy1JiK5+FGozXPmmp0Oa/RNFJ6aZ7UDGG5g6tGoQtRa9c+PW5j42Ofx7pvwvj+kf6etWtsA1ygtlqPJ6AJhxo6cXO2qWK5hp50CyjM39U2Ql+GCqHL9DDGlxNfvi941NXR4UfcCMZasGHUCus8MszhcYZB7LBK9to/eJ7blJG3UOe2ryN4dM5aQVt0phJ/3u8O7JH9yOgo0u+owCnQnci9Ad/DN2/CkO8bQEH7nZzHS3nZGKsaamy8NHPmhw+XwZgnyOMsV6QkNM8WnaEHmdP65wmeRU3w1LXzbvwg/7Zw26brEO9K6jJlVjczwCX/4rENiWXQQ26XPudwOz0TzGApO/M5IdvObAgpa9KxeWIeR83BGth85NTN/LRrUTn7a8/VHvgWyB2sdxG5nHkvEGjTe2dwAEKwb8f37LDtKPupKxKU2rb3bM/7sQvIYfVR5J9/kKOGCrSClmB7hqZdVLEppl1TKYrdpNkgqrQv1hC16J2wpTir4Xc2X8yn2BcubBG6iVrB1BtxDnV8x39UWtXdTUUp153aN11tO0A3e7aohnvj6Gb28ITffesZn3X/l7YD8lrPWhAzyAehe8UDXs1el0K3i456t3ghe72DTZe83uQIocKH3s1ewH62S8T+yfhuEz4b6kARO4EN6CWEw0FELnWAAt2JOrX2EPzXXzDkUAMoaF8M/HOt8umYfPeegNHhike13mMHe8e8Zo1rEqpCnt0JUfHbnVZHKR8+DPcB0YzukVxsPfqpEDjbnUkClySu0evOHe+Jbnv2uJ1la0tTbhLanT4dnBtrj/eZtKAgWRAnRVGGRBK4ScEZ7RO/M14VNRZEkgwmMzUrQpOJShgkOyBqTBUP/LYbzoIENdfG1ccBUSNqNTc6Kgqzlz9W+wCbi936RWJxbLVXyJrVUeV2bM3Zs8V3HwOzm4X3hGdxK6bPPl5MceMrSl70kdypFF3yxcGXWRWpKSiEO6ekVExB37I3sxaCqgW9RQpdbVIRruYhmNMkxeJeRtUCIXvzg5AWj1b+IH+rRwsN0O4FhN14qNouIBfpltTejYeR0bFhbo8d/sxjmGMNbtbrzdx+bi4RrZtMjMGmuoRxZm4PV2/JdSC2jT86OqWKK5pVNm+aCJ5TWjoLFU8rv+or4s2f/Ndok9qOlLF2TwGbi1N2ue9tatrrviu5eAuYwljW2wti+s5h17KzZNIpv4Z5QQP0IXoA6gBHSMQR4MObbWd1IElJWYey9EWQDjJUvUgR6rH7UbbbeGZl8MR74Yc2L2+43tZsbm7DzqEdLp+DPwX/F2wHUYx0QD4cH5PaVbHsNzAZdg4+gPz+G3IQOeDkgDqQ335HPslvn0DgeYQgEN/7PIs4zzyHsFjw005Ps9CX6GJd4qEd00eOuJpvHQGqaYVqyGKB1L/Renq6YkO4Ml8y95j2jfebismDJmjqO+93iSe9FwgMVIHrbrf/ZiQMJ47P27cGtXybl2CaEQbN2YtCaotFDa1KorTqrcYMPJG51DfZI1y72KgG5cz4hdUJmSDi18+JiXQE3SKg8LBw+tpQicQcY5aUvDxLYAkIFQ3Og8KhkkALl9JSDIqhDqKLvFOseAZBPPz5s2cMlsfKu+R8KxZ2up0cnsqWPk4B5KfqhphOIuRmgrTurPHKG+m9lf6pYIjpGESBKiHbYYUeWAONdRyvMr5b1Tik99krGwKCw70w/X7qNxed1XK1NH6tqlstlLJLP1UJa15uGdhouBBfYBRHT0ty0Zl9T4bdD37clkN4Ll/TKKsKr47LQavAi234YYfDdL9DfyKGHeZfoC/y+/uJi/QFPsM784S4yA38HLj9eGpfBkbl8yqWFkwqUZdWtU9IK6aLly4zc+6B4srKAlN1qKVy/YSCEkGJdcPp4b6M4IyS41g/UUb0Y2R7tHo5qkxqjxzeWEZ2eS5yWIMlSMrEGRgJA/OgVKIHNxIDhKEJsE6SqhhOmJ+Pp+FHOFOP4GnPC91IU7gpFn4TZB0gEn0DUH9fNTGw7by0SmqulFRJnB2i815KX6basyQvjVV6Knf67cTcg6TRpmCOkkRLesD0cshjJGbM+xQ8zSVEPz7FNy0+zXcK3v9R0lkKpYk++jq9z0RiJ+iOQ+tQGq2lmt2mlgOJVv3w13dwGq270dXgObtg7/rlok0fwmpm407vPJx/vcJnzVI5atFEiedWD71J1FHrTs7ht/Kcn7mQE2vC/tkk2rBsb8HsBk+/zUg7VsuuxdqZ63KS/mNm3rRn8h5f7NGHn9d7BGasoTtrzMm5yT/um0V0vcfzw9lJFx/zMok7r4lMJ441aJtTO37nDt6ObObGLBCjdew6FCLIJ4L3LCf5FoEJbcUuEfVL5vtEW2ET1lIIk/MCvetLZVtd81Y7BxLOKGxBTYKtAi6+ZjWu9K2YCd4idyY/O3wgUYhZR9UxxTPKr9Nf5NfHaDaP82WVD9JQYt54DRQNHT8+7F8ACTWnzI5drgVQYNKe1cTk79EsnqwSHC79SSCcxrsztRtEdawGzQawKNnMnA3QPVWTgmwJ+6ykar0kXrVUC6lsue9xv0VJrjztWijDC10z3Z33Adfy+vpyV6s+LmidET80PXOs9tddWghyXM8qEd6d+HVR6EPJgrhBjbPzGfPM3OrqJSI13qvMFOIX6q6kuw6apY1xQ45PilY94jnTgNeX2pFdOshJf8sjR/swxPyumlQKLL7DUPctpkjEhNxqAAW6q/bJhdoraa5D5qj1Gmq27nThpacTvc7Fg3FDr9wMsuIdUUu192TOQA6zuhmPbUgDYm1o366txeKdGgtPEmcvuaiu4DCeJ/k0jF5DvsvJWp2s5LKqSF4dj735xszkeaeHuOTbUEevB/KCuEpZ2HDQcJhMGdd1nesudR++PuwqgNzEHi1bGxGpZKsiInRsnc0mrkMu11FgVRM32H7xICjmR+3q+vDRNVARCIHnP9VYnIYMoD4c/jm4AnewedocUmPXzYpXd+nzo+dJA/raOQ4dmT8yoOr0FOX8qcuR4zZot6AzoSSpyeIcaABLIu0RLfjRawsMUo6LbNMXxMyVSgZFwLdlbmEwjgtr52d/hchbqzv0JYDil5184j3BD3fTCZRkn45ikfo+ss8sYUlzgV1oVQrfi9xUbqKDJ1Cy+nJFU819rKkki/qu1Yztb5416TICo61s5RzjwWGianTYlHczvxq6CYs+MHczCvN3ZITXTPN1ynVkb6XCZo87x8GLMpxybiGi98w+lXhqD6jbKEs84c5N4+rm7TnBKWf2AZu0Iy3tJ+lPxvSOa6is4/PV7rKPeqHQRUQtttehcRO3MzjpHN1w+lCoP/M6zya1paVtlW2VGRq0PewFrZfazELjM4JOFQQ1dsHrGucsWUCEti2ISkRyUIfMejaf5cau7/xEWpTaBW2hxIKcD3T1Hsae+bOXtAoVba2RMlJ3df0QT8zn1JNPWIf/o9Y2hbD1/2cj4rVYjtGf1BCKi9U7aD1Xn6jC0gyjMRHRr00pkaQGD2ry+roomTYkRpDZqVo0fI9nozJsYfir9h/k5LR3wDsuPikxNpCIxFyCTzdkXjkQAHRxjWGBYTVJ42g8CvfPRpro+cJctjomKT7As949BLBrR0/LiA/4VTwlocoTZ8s5dzlyNu75lTClIHj2/0BJENa6dg/JUMBLrlIdoOS31vt3ZvqnL1Wk+45vBlmkK9fgdW6d739tvudmcQsng6xHzem+iqUg5unhHIPXWlt+Um6p7NeQ98p4Y0eeWcfOOX9en0xlNrc0n3xdFpXovyTr7EgSv2xm+FdvR4DB0PtzikHH1TU35Sr/13uQVzKlCGZSeSfay7dyWgs3TIr6uQ1dRhRTfKLNQav4K1o/NvFGghMU3x1ZKZm6Z/Ousk9NpfamNweaOxeCZPeQHEY2Y95cKBvKsZBshRbk50M6SGtEC4UogugYRp0H1oo5dl3WcVZwdHV0K7cVCznizBPdEuCtnFZcwBwMZ289ofuGxNhBx14mX/jSkZuCmL1WS/kY3AWPlZMkmdM7XnSoSl+Uiskq6guejn2hbOw7lL8jbYGdsHR8rK+q7y0MhXFjOAgBtsDe3jHPJ8NTkoBU8xeWzRsY65zfOcbEATO8RRIEpIwTKlHP/AvZG5iB/4HXhfiD+AIU28PTQMUkrpEyGqwGyWbZwFNGB1cv13MZ606cWCfC6DvD62i93EwzOv4n2SwzSAxWysg1lk9KT7EajUKXSa3k47oIjakgtiIB+9akH9KCLpHbanfhHg14Yko6JMsPKjCEmHrupCftcIrtolZjzfnp+ip9BBidbYJKSyFNM5WWEaibNLw0qeqbk8viV6IdX9+oXOqcx7LAG7E3AmTDnzicT/KbJqisDEqHTGXyxXQERNjphkeVuB+HRx65yh6DBrsxfkRch2AcSA/jzNjnz/4Wge/QdQDsVhs+gn7CFjhhwTF2wRr3FKwVTeCE/tFJ2EE/5zAcTV+CCfMUA7Y2DQqmlpl2Cab0s/rhGL2TYbiQ3kxDCyg3cFBWP8wa2OC30wLPxhGv6HHEafpfeABnlLF4Krtg7+Y+PAHK3/NcZsZRrJjgsmontXH+KsbgujjT/jDwV/MLXMNjqzS9lVG4tvID1+FMAABg3BiDBwdO2kawX/YZVsGCvXIXnD4yGeLIAgEAAEkzPtoPPGK80/T9bION/iEuwsltxV7UzX/kKBxRpvIdOLsuLXsY//9XsKFA3usmxhRu3J84+R9jvfdD5eMJdJ7boJjtvRrg//jQDAH/5sWREruxFmG+5WGVCnk5zva5BuILUUj3ELAmWh7gaCNRPQ5Bq2Qvr+/mQAVNAGJgeAwAsMw2AOzYxgeP28BylMYuxX25k8GAkRownIeGjAowmEgqA4VLMFj8gaEayQFUAhiUIv7ByGoEA0KDXQYDx3EDRoMrGjLqkcHkBD4aKBqCDRYL5JCQ5AW58YNWCYy6qr1VjBJdrrEHb/vf1BcPepsn8/+TZu6tds02uPGJImkaMfnc781c5VRCdTw8HnkvVVI5EVozmKXHzcbxUjQoYfSgVQKjrmpv7tKMEt217eHuz/9NffGggsO+Lv2fNHO52v3v32EltCcWpQ5bll3zud8bclfZ+6qE6oicvOlLlfjVToTWDDG89LjB0zlZ1uRvhTHIlO+IxgNAKglhiEAUKiAGv8Cv8GflH78BJsQhAUnDtGzH9fwgjHScpFlelFXdtF0/jNO8rNt+nNcdniAoWStmElZUapJmSen8CktmfJa6hfgyC6I0TZ1buHIfeLewwjiUGXVsrxx7SoxWlB4uFE8M9iJrHCj2vTzzmyzI4OtAZCXN0Uumuec88Po+FIgHtnixD/PAljeeZQNNMqa+iHa1zE7sy9LSgYxfc45FLmWRpeQia8b6At6TzQPFsn/IseJuAZ4T3B7yAHHAeabFlaFjehVAX8iSB6TXuaQkas/qffJ7phmgr1PmKPrQBaNsRPFdgLhMEqXgd4uucMGFWaSr/RD83aIYO0YwlvinIFLOrvif3M3/KsQM+HW6zy83/EtV9HsqcW1gM+reXQgHsDpnoXbs/UMox5Umd/KbkkqelRypgl8xH76VWPJHxiNrNuNAHSXJbO+kKiB4LB5MNIHNAVFKtJp2QeSQI30PLl2xyRyqq+6MAA==) format("woff2"), url(/static/font/cea65b66.woff?t=1577779032622) format("woff"), url(/static/8446d615.ttf?t=1577779032622) format("truetype"), url(/static/img/596118bd.svg?t=1577779032622#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-caretbottom:before {
    content: ""
}

.icon-carettop:before {
    content: ""
}

.icon-prev:before {
    content: ""
}

.icon-custom-bank:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-pdf:before {
    content: ""
}

.icon-fuzhi1:before {
    content: ""
}

.icon-tuichu:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-filepicture:before {
    content: ""
}

.icon-wenjianjia:before {
    content: ""
}

.icon-chenggong:before {
    content: ""
}

.icon-social-meetup:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-lishi:before {
    content: ""
}

.icon-zhuanhuan:before {
    content: ""
}

.icon-close3:before {
    content: ""
}

.icon-zhuyi:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-file-word-o:before {
    content: ""
}

.icon-jilu:before {
    content: ""
}

.icon-tongzhi:before {
    content: ""
}

.icon-cuowu:before {
    content: ""
}

.icon-sousuo:before {
    content: ""
}

.icon-ic-wallet:before {
    content: ""
}

.icon-menu2:before {
    content: ""
}

.icon-chenggong1:before {
    content: ""
}

.icon-alipay:before {
    content: ""
}

.icon-shangzhang:before {
    content: ""
}

.icon-xiadie:before {
    content: ""
}

.icon-marketplace:before {
    content: ""
}

.icon-support_icon:before {
    content: ""
}

.icon-marketplace_icon:before {
    content: ""
}

.icon-ic-corporate:before {
    content: ""
}

.icon-ic-oldman:before {
    content: ""
}

.icon-paypal1:before {
    content: ""
}

.icon-duihua:before {
    content: ""
}

.icon-next:before {
    content: ""
}

.icon-ic-notificationSuccessful:before {
    content: ""
}

.icon-ic-notificationTransaction:before {
    content: ""
}

.icon-ic-notificationError:before {
    content: ""
}

.icon-ic-notificationSubmitted:before {
    content: ""
}

.icon-wechat-pay-fill:before {
    content: ""
}

.icon-ic-futures:before {
    content: ""
}

.icon-icon_referral:before {
    content: ""
}

.icon-ic-bonus:before {
    content: ""
}

.icon-icFirsttimedeposit:before {
    content: ""
}

.icon-icon_calculator:before {
    content: ""
}

.icon-ic-account:before {
    content: ""
}

.icon-ic-animation:before {
    content: ""
}

.icon-ic-exchange-rate:before {
    content: ""
}

@font-face {
    font-family: element-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/static/font/ab40a589.woff) format("woff");
    font-display: "auto"
}

[class^=el-icon-],
[class*=" el-icon-"] {
    display: inline-block;
    font-family: element-icons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    vertical-align: baseline;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round:before {
    content: ""
}

.el-icon-ice-cream-square:before {
    content: ""
}

.el-icon-lollipop:before {
    content: ""
}

.el-icon-potato-strips:before {
    content: ""
}

.el-icon-milk-tea:before {
    content: ""
}

.el-icon-ice-drink:before {
    content: ""
}

.el-icon-ice-tea:before {
    content: ""
}

.el-icon-coffee:before {
    content: ""
}

.el-icon-orange:before {
    content: ""
}

.el-icon-pear:before {
    content: ""
}

.el-icon-apple:before {
    content: ""
}

.el-icon-cherry:before {
    content: ""
}

.el-icon-watermelon:before {
    content: ""
}

.el-icon-grape:before {
    content: ""
}

.el-icon-refrigerator:before {
    content: ""
}

.el-icon-goblet-square-full:before {
    content: ""
}

.el-icon-goblet-square:before {
    content: ""
}

.el-icon-goblet-full:before {
    content: ""
}

.el-icon-goblet:before {
    content: ""
}

.el-icon-cold-drink:before {
    content: ""
}

.el-icon-coffee-cup:before {
    content: ""
}

.el-icon-water-cup:before {
    content: ""
}

.el-icon-hot-water:before {
    content: ""
}

.el-icon-ice-cream:before {
    content: ""
}

.el-icon-dessert:before {
    content: ""
}

.el-icon-sugar:before {
    content: ""
}

.el-icon-tableware:before {
    content: ""
}

.el-icon-burger:before {
    content: ""
}

.el-icon-knife-fork:before {
    content: ""
}

.el-icon-fork-spoon:before {
    content: ""
}

.el-icon-chicken:before {
    content: ""
}

.el-icon-food:before {
    content: ""
}

.el-icon-dish-1:before {
    content: ""
}

.el-icon-dish:before {
    content: ""
}

.el-icon-moon-night:before {
    content: ""
}

.el-icon-moon:before {
    content: ""
}

.el-icon-cloudy-and-sunny:before {
    content: ""
}

.el-icon-partly-cloudy:before {
    content: ""
}

.el-icon-cloudy:before {
    content: ""
}

.el-icon-sunny:before {
    content: ""
}

.el-icon-sunset:before {
    content: ""
}

.el-icon-sunrise-1:before {
    content: ""
}

.el-icon-sunrise:before {
    content: ""
}

.el-icon-heavy-rain:before {
    content: ""
}

.el-icon-lightning:before {
    content: ""
}

.el-icon-light-rain:before {
    content: ""
}

.el-icon-wind-power:before {
    content: ""
}

.el-icon-baseball:before {
    content: ""
}

.el-icon-soccer:before {
    content: ""
}

.el-icon-football:before {
    content: ""
}

.el-icon-basketball:before {
    content: ""
}

.el-icon-ship:before {
    content: ""
}

.el-icon-truck:before {
    content: ""
}

.el-icon-bicycle:before {
    content: ""
}

.el-icon-mobile-phone:before {
    content: ""
}

.el-icon-service:before {
    content: ""
}

.el-icon-key:before {
    content: ""
}

.el-icon-unlock:before {
    content: ""
}

.el-icon-lock:before {
    content: ""
}

.el-icon-watch:before {
    content: ""
}

.el-icon-watch-1:before {
    content: ""
}

.el-icon-timer:before {
    content: ""
}

.el-icon-alarm-clock:before {
    content: ""
}

.el-icon-map-location:before {
    content: ""
}

.el-icon-delete-location:before {
    content: ""
}

.el-icon-add-location:before {
    content: ""
}

.el-icon-location-information:before {
    content: ""
}

.el-icon-location-outline:before {
    content: ""
}

.el-icon-location:before {
    content: ""
}

.el-icon-place:before {
    content: ""
}

.el-icon-discover:before {
    content: ""
}

.el-icon-first-aid-kit:before {
    content: ""
}

.el-icon-trophy-1:before {
    content: ""
}

.el-icon-trophy:before {
    content: ""
}

.el-icon-medal:before {
    content: ""
}

.el-icon-medal-1:before {
    content: ""
}

.el-icon-stopwatch:before {
    content: ""
}

.el-icon-mic:before {
    content: ""
}

.el-icon-copy-document:before {
    content: ""
}

.el-icon-full-screen:before {
    content: ""
}

.el-icon-switch-button:before {
    content: ""
}

.el-icon-aim:before {
    content: ""
}

.el-icon-crop:before {
    content: ""
}

.el-icon-odometer:before {
    content: ""
}

.el-icon-time:before {
    content: ""
}

.el-icon-bangzhu:before {
    content: ""
}

.el-icon-close-notification:before {
    content: ""
}

.el-icon-microphone:before {
    content: ""
}

.el-icon-turn-off-microphone:before {
    content: ""
}

.el-icon-position:before {
    content: ""
}

.el-icon-postcard:before {
    content: ""
}

.el-icon-message:before {
    content: ""
}

.el-icon-chat-line-square:before {
    content: ""
}

.el-icon-chat-dot-square:before {
    content: ""
}

.el-icon-chat-dot-round:before {
    content: ""
}

.el-icon-chat-square:before {
    content: ""
}

.el-icon-chat-line-round:before {
    content: ""
}

.el-icon-chat-round:before {
    content: ""
}

.el-icon-set-up:before {
    content: ""
}

.el-icon-turn-off:before {
    content: ""
}

.el-icon-open:before {
    content: ""
}

.el-icon-connection:before {
    content: ""
}

.el-icon-link:before {
    content: ""
}

.el-icon-cpu:before {
    content: ""
}

.el-icon-thumb:before {
    content: ""
}

.el-icon-female:before {
    content: ""
}

.el-icon-male:before {
    content: ""
}

.el-icon-guide:before {
    content: ""
}

.el-icon-news:before {
    content: ""
}

.el-icon-price-tag:before {
    content: ""
}

.el-icon-discount:before {
    content: ""
}

.el-icon-wallet:before {
    content: ""
}

.el-icon-coin:before {
    content: ""
}

.el-icon-money:before {
    content: ""
}

.el-icon-bank-card:before {
    content: ""
}

.el-icon-box:before {
    content: ""
}

.el-icon-present:before {
    content: ""
}

.el-icon-sell:before {
    content: ""
}

.el-icon-sold-out:before {
    content: ""
}

.el-icon-shopping-bag-2:before {
    content: ""
}

.el-icon-shopping-bag-1:before {
    content: ""
}

.el-icon-shopping-cart-2:before {
    content: ""
}

.el-icon-shopping-cart-1:before {
    content: ""
}

.el-icon-shopping-cart-full:before {
    content: ""
}

.el-icon-smoking:before {
    content: ""
}

.el-icon-no-smoking:before {
    content: ""
}

.el-icon-house:before {
    content: ""
}

.el-icon-table-lamp:before {
    content: ""
}

.el-icon-school:before {
    content: ""
}

.el-icon-office-building:before {
    content: ""
}

.el-icon-toilet-paper:before {
    content: ""
}

.el-icon-notebook-2:before {
    content: ""
}

.el-icon-notebook-1:before {
    content: ""
}

.el-icon-files:before {
    content: ""
}

.el-icon-collection:before {
    content: ""
}

.el-icon-receiving:before {
    content: ""
}

.el-icon-suitcase-1:before {
    content: ""
}

.el-icon-suitcase:before {
    content: ""
}

.el-icon-film:before {
    content: ""
}

.el-icon-collection-tag:before {
    content: ""
}

.el-icon-data-analysis:before {
    content: ""
}

.el-icon-pie-chart:before {
    content: ""
}

.el-icon-data-board:before {
    content: ""
}

.el-icon-data-line:before {
    content: ""
}

.el-icon-reading:before {
    content: ""
}

.el-icon-magic-stick:before {
    content: ""
}

.el-icon-coordinate:before {
    content: ""
}

.el-icon-mouse:before {
    content: ""
}

.el-icon-brush:before {
    content: ""
}

.el-icon-headset:before {
    content: ""
}

.el-icon-umbrella:before {
    content: ""
}

.el-icon-scissors:before {
    content: ""
}

.el-icon-mobile:before {
    content: ""
}

.el-icon-attract:before {
    content: ""
}

.el-icon-monitor:before {
    content: ""
}

.el-icon-search:before {
    content: ""
}

.el-icon-takeaway-box:before {
    content: ""
}

.el-icon-paperclip:before {
    content: ""
}

.el-icon-printer:before {
    content: ""
}

.el-icon-document-add:before {
    content: ""
}

.el-icon-document:before {
    content: ""
}

.el-icon-document-checked:before {
    content: ""
}

.el-icon-document-copy:before {
    content: ""
}

.el-icon-document-delete:before {
    content: ""
}

.el-icon-document-remove:before {
    content: ""
}

.el-icon-tickets:before {
    content: ""
}

.el-icon-folder-checked:before {
    content: ""
}

.el-icon-folder-delete:before {
    content: ""
}

.el-icon-folder-remove:before {
    content: ""
}

.el-icon-folder-add:before {
    content: ""
}

.el-icon-folder-opened:before {
    content: ""
}

.el-icon-folder:before {
    content: ""
}

.el-icon-edit-outline:before {
    content: ""
}

.el-icon-edit:before {
    content: ""
}

.el-icon-date:before {
    content: ""
}

.el-icon-c-scale-to-original:before {
    content: ""
}

.el-icon-view:before {
    content: ""
}

.el-icon-loading:before {
    content: ""
}

.el-icon-rank:before {
    content: ""
}

.el-icon-sort-down:before {
    content: ""
}

.el-icon-sort-up:before {
    content: ""
}

.el-icon-sort:before {
    content: ""
}

.el-icon-finished:before {
    content: ""
}

.el-icon-refresh-left:before {
    content: ""
}

.el-icon-refresh-right:before {
    content: ""
}

.el-icon-refresh:before {
    content: ""
}

.el-icon-video-play:before {
    content: ""
}

.el-icon-video-pause:before {
    content: ""
}

.el-icon-d-arrow-right:before {
    content: ""
}

.el-icon-d-arrow-left:before {
    content: ""
}

.el-icon-arrow-up:before {
    content: ""
}

.el-icon-arrow-down:before {
    content: ""
}

.el-icon-arrow-right:before {
    content: ""
}

.el-icon-arrow-left:before {
    content: ""
}

.el-icon-top-right:before {
    content: ""
}

.el-icon-top-left:before {
    content: ""
}

.el-icon-top:before {
    content: ""
}

.el-icon-bottom:before {
    content: ""
}

.el-icon-right:before {
    content: ""
}

.el-icon-back:before {
    content: ""
}

.el-icon-bottom-right:before {
    content: ""
}

.el-icon-bottom-left:before {
    content: ""
}

.el-icon-caret-top:before {
    content: ""
}

.el-icon-caret-bottom:before {
    content: ""
}

.el-icon-caret-right:before {
    content: ""
}

.el-icon-caret-left:before {
    content: ""
}

.el-icon-d-caret:before {
    content: ""
}

.el-icon-share:before {
    content: ""
}

.el-icon-menu:before {
    content: ""
}

.el-icon-s-grid:before {
    content: ""
}

.el-icon-s-check:before {
    content: ""
}

.el-icon-s-data:before {
    content: ""
}

.el-icon-s-opportunity:before {
    content: ""
}

.el-icon-s-custom:before {
    content: ""
}

.el-icon-s-claim:before {
    content: ""
}

.el-icon-s-finance:before {
    content: ""
}

.el-icon-s-comment:before {
    content: ""
}

.el-icon-s-flag:before {
    content: ""
}

.el-icon-s-marketing:before {
    content: ""
}

.el-icon-s-shop:before {
    content: ""
}

.el-icon-s-open:before {
    content: ""
}

.el-icon-s-management:before {
    content: ""
}

.el-icon-s-ticket:before {
    content: ""
}

.el-icon-s-release:before {
    content: ""
}

.el-icon-s-home:before {
    content: ""
}

.el-icon-s-promotion:before {
    content: ""
}

.el-icon-s-operation:before {
    content: ""
}

.el-icon-s-unfold:before {
    content: ""
}

.el-icon-s-fold:before {
    content: ""
}

.el-icon-s-platform:before {
    content: ""
}

.el-icon-s-order:before {
    content: ""
}

.el-icon-s-cooperation:before {
    content: ""
}

.el-icon-bell:before {
    content: ""
}

.el-icon-message-solid:before {
    content: ""
}

.el-icon-video-camera:before {
    content: ""
}

.el-icon-video-camera-solid:before {
    content: ""
}

.el-icon-camera:before {
    content: ""
}

.el-icon-camera-solid:before {
    content: ""
}

.el-icon-download:before {
    content: ""
}

.el-icon-upload2:before {
    content: ""
}

.el-icon-upload:before {
    content: ""
}

.el-icon-picture-outline-round:before {
    content: ""
}

.el-icon-picture-outline:before {
    content: ""
}

.el-icon-picture:before {
    content: ""
}

.el-icon-close:before {
    content: ""
}

.el-icon-check:before {
    content: ""
}

.el-icon-plus:before {
    content: ""
}

.el-icon-minus:before {
    content: ""
}

.el-icon-help:before {
    content: ""
}

.el-icon-s-help:before {
    content: ""
}

.el-icon-circle-close:before {
    content: ""
}

.el-icon-circle-check:before {
    content: ""
}

.el-icon-circle-plus-outline:before {
    content: ""
}

.el-icon-remove-outline:before {
    content: ""
}

.el-icon-zoom-out:before {
    content: ""
}

.el-icon-zoom-in:before {
    content: ""
}

.el-icon-error:before {
    content: ""
}

.el-icon-success:before {
    content: ""
}

.el-icon-circle-plus:before {
    content: ""
}

.el-icon-remove:before {
    content: ""
}

.el-icon-info:before {
    content: ""
}

.el-icon-question:before {
    content: ""
}

.el-icon-warning-outline:before {
    content: ""
}

.el-icon-warning:before {
    content: ""
}

.el-icon-goods:before {
    content: ""
}

.el-icon-s-goods:before {
    content: ""
}

.el-icon-star-off:before {
    content: ""
}

.el-icon-star-on:before {
    content: ""
}

.el-icon-more-outline:before {
    content: ""
}

.el-icon-more:before {
    content: ""
}

.el-icon-phone-outline:before {
    content: ""
}

.el-icon-phone:before {
    content: ""
}

.el-icon-user:before {
    content: ""
}

.el-icon-user-solid:before {
    content: ""
}

.el-icon-setting:before {
    content: ""
}

.el-icon-s-tools:before {
    content: ""
}

.el-icon-delete:before {
    content: ""
}

.el-icon-delete-solid:before {
    content: ""
}

.el-icon-eleme:before {
    content: ""
}

.el-icon-platform-eleme:before {
    content: ""
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

html {
    height: 100%
}

:root {
    --neutral-white: #ffffff;
    --neutral-white--o-1: rgba(255, 255, 255, .1);
    --neutral-white--o-2: rgba(255, 255, 255, .2);
    --neutral-white--o-3: rgba(255, 255, 255, .3);
    --neutral-white--o-4: rgba(255, 255, 255, .4);
    --neutral-white--o-5: rgba(255, 255, 255, .5);
    --neutral-white--o-6: rgba(255, 255, 255, .6);
    --neutral-white--o-7: rgba(255, 255, 255, .7);
    --neutral-white--o-8: rgba(255, 255, 255, .8);
    --neutral-white--o-9: rgba(255, 255, 255, .9);
    --neutral-white-dark: #f0f4f8;
    --neutral-white-dark--o-1: rgba(240, 244, 248, .1);
    --neutral-white-dark--o-2: rgba(240, 244, 248, .2);
    --neutral-white-dark--o-3: rgba(240, 244, 248, .3);
    --neutral-white-dark--o-4: rgba(240, 244, 248, .4);
    --neutral-white-dark--o-5: rgba(240, 244, 248, .5);
    --neutral-white-dark--o-6: rgba(240, 244, 248, .6);
    --neutral-white-dark--o-7: rgba(240, 244, 248, .7);
    --neutral-white-dark--o-8: rgba(240, 244, 248, .8);
    --neutral-white-dark--o-9: rgba(240, 244, 248, .9);
    --neutral-blue-grey-lighter: #e3eaf0;
    --neutral-blue-grey-lighter--o-1: rgba(227, 234, 240, .1);
    --neutral-blue-grey-lighter--o-2: rgba(227, 234, 240, .2);
    --neutral-blue-grey-lighter--o-3: rgba(227, 234, 240, .3);
    --neutral-blue-grey-lighter--o-4: rgba(227, 234, 240, .4);
    --neutral-blue-grey-lighter--o-5: rgba(227, 234, 240, .5);
    --neutral-blue-grey-lighter--o-6: rgba(227, 234, 240, .6);
    --neutral-blue-grey-lighter--o-7: rgba(227, 234, 240, .7);
    --neutral-blue-grey-lighter--o-8: rgba(227, 234, 240, .8);
    --neutral-blue-grey-lighter--o-9: rgba(227, 234, 240, .9);
    --neutral-blue-grey: #cbd6e1;
    --neutral-blue-grey--o-1: rgba(203, 214, 225, .1);
    --neutral-blue-grey--o-2: rgba(203, 214, 225, .2);
    --neutral-blue-grey--o-3: rgba(203, 214, 225, .3);
    --neutral-blue-grey--o-4: rgba(203, 214, 225, .4);
    --neutral-blue-grey--o-5: rgba(203, 214, 225, .5);
    --neutral-blue-grey--o-6: rgba(203, 214, 225, .6);
    --neutral-blue-grey--o-7: rgba(203, 214, 225, .7);
    --neutral-blue-grey--o-8: rgba(203, 214, 225, .8);
    --neutral-blue-grey--o-9: rgba(203, 214, 225, .9);
    --neutral-blue-grey-medium: #b1bbc5;
    --neutral-blue-grey-medium--o-1: rgba(177, 187, 197, .1);
    --neutral-blue-grey-medium--o-2: rgba(177, 187, 197, .2);
    --neutral-blue-grey-medium--o-3: rgba(177, 187, 197, .3);
    --neutral-blue-grey-medium--o-4: rgba(177, 187, 197, .4);
    --neutral-blue-grey-medium--o-5: rgba(177, 187, 197, .5);
    --neutral-blue-grey-medium--o-6: rgba(177, 187, 197, .6);
    --neutral-blue-grey-medium--o-7: rgba(177, 187, 197, .7);
    --neutral-blue-grey-medium--o-8: rgba(177, 187, 197, .8);
    --neutral-blue-grey-medium--o-9: rgba(177, 187, 197, .9);
    --neutral-blue-grey-dark: #7e8f9f;
    --neutral-blue-grey-dark--o-1: rgba(126, 143, 159, .1);
    --neutral-blue-grey-dark--o-2: rgba(126, 143, 159, .2);
    --neutral-blue-grey-dark--o-3: rgba(126, 143, 159, .3);
    --neutral-blue-grey-dark--o-4: rgba(126, 143, 159, .4);
    --neutral-blue-grey-dark--o-5: rgba(126, 143, 159, .5);
    --neutral-blue-grey-dark--o-6: rgba(126, 143, 159, .6);
    --neutral-blue-grey-dark--o-7: rgba(126, 143, 159, .7);
    --neutral-blue-grey-dark--o-8: rgba(126, 143, 159, .8);
    --neutral-blue-grey-dark--o-9: rgba(126, 143, 159, .9);
    --neutral-denim-light: #334573;
    --neutral-denim-light--o-1: rgba(51, 69, 115, .1);
    --neutral-denim-light--o-2: rgba(51, 69, 115, .2);
    --neutral-denim-light--o-3: rgba(51, 69, 115, .3);
    --neutral-denim-light--o-4: rgba(51, 69, 115, .4);
    --neutral-denim-light--o-5: rgba(51, 69, 115, .5);
    --neutral-denim-light--o-6: rgba(51, 69, 115, .6);
    --neutral-denim-light--o-7: rgba(51, 69, 115, .7);
    --neutral-denim-light--o-8: rgba(51, 69, 115, .8);
    --neutral-denim-light--o-9: rgba(51, 69, 115, .9);
    --neutral-denim: #1e3059;
    --neutral-denim--o-1: rgba(30, 48, 89, .1);
    --neutral-denim--o-2: rgba(30, 48, 89, .2);
    --neutral-denim--o-3: rgba(30, 48, 89, .3);
    --neutral-denim--o-4: rgba(30, 48, 89, .4);
    --neutral-denim--o-5: rgba(30, 48, 89, .5);
    --neutral-denim--o-6: rgba(30, 48, 89, .6);
    --neutral-denim--o-7: rgba(30, 48, 89, .7);
    --neutral-denim--o-8: rgba(30, 48, 89, .8);
    --neutral-denim--o-9: rgba(30, 48, 89, .9);
    --neutral-denim-dark: #1b2338;
    --neutral-denim-dark--o-1: rgba(27, 35, 56, .1);
    --neutral-denim-dark--o-2: rgba(27, 35, 56, .2);
    --neutral-denim-dark--o-3: rgba(27, 35, 56, .3);
    --neutral-denim-dark--o-4: rgba(27, 35, 56, .4);
    --neutral-denim-dark--o-5: rgba(27, 35, 56, .5);
    --neutral-denim-dark--o-6: rgba(27, 35, 56, .6);
    --neutral-denim-dark--o-7: rgba(27, 35, 56, .7);
    --neutral-denim-dark--o-8: rgba(27, 35, 56, .8);
    --neutral-denim-dark--o-9: rgba(27, 35, 56, .9);
    --neutral-denim-darker: #131b29;
    --neutral-denim-darker--o-1: rgba(19, 27, 41, .1);
    --neutral-denim-darker--o-2: rgba(19, 27, 41, .2);
    --neutral-denim-darker--o-3: rgba(19, 27, 41, .3);
    --neutral-denim-darker--o-4: rgba(19, 27, 41, .4);
    --neutral-denim-darker--o-5: rgba(19, 27, 41, .5);
    --neutral-denim-darker--o-6: rgba(19, 27, 41, .6);
    --neutral-denim-darker--o-7: rgba(19, 27, 41, .7);
    --neutral-denim-darker--o-8: rgba(19, 27, 41, .8);
    --neutral-denim-darker--o-9: rgba(19, 27, 41, .9);
    --neutral-overlay: #000000;
    --neutral-overlay--o-1: rgba(0, 0, 0, .1);
    --neutral-overlay--o-2: rgba(0, 0, 0, .2);
    --neutral-overlay--o-3: rgba(0, 0, 0, .3);
    --neutral-overlay--o-4: rgba(0, 0, 0, .4);
    --neutral-overlay--o-5: rgba(0, 0, 0, .5);
    --neutral-overlay--o-6: rgba(0, 0, 0, .6);
    --neutral-overlay--o-7: rgba(0, 0, 0, .7);
    --neutral-overlay--o-8: rgba(0, 0, 0, .8);
    --neutral-overlay--o-9: rgba(0, 0, 0, .9);
    --accent-red: #ff5b5a;
    --accent-red--o-1: rgba(255, 91, 90, .1);
    --accent-red--o-2: rgba(255, 91, 90, .2);
    --accent-red--o-3: rgba(255, 91, 90, .3);
    --accent-red--o-4: rgba(255, 91, 90, .4);
    --accent-red--o-5: rgba(255, 91, 90, .5);
    --accent-red--o-6: rgba(255, 91, 90, .6);
    --accent-red--o-7: rgba(255, 91, 90, .7);
    --accent-red--o-8: rgba(255, 91, 90, .8);
    --accent-red--o-9: rgba(255, 91, 90, .9);
    --accent-red-dark: #df4848;
    --accent-red-dark--o-1: rgba(223, 72, 72, .1);
    --accent-red-dark--o-2: rgba(223, 72, 72, .2);
    --accent-red-dark--o-3: rgba(223, 72, 72, .3);
    --accent-red-dark--o-4: rgba(223, 72, 72, .4);
    --accent-red-dark--o-5: rgba(223, 72, 72, .5);
    --accent-red-dark--o-6: rgba(223, 72, 72, .6);
    --accent-red-dark--o-7: rgba(223, 72, 72, .7);
    --accent-red-dark--o-8: rgba(223, 72, 72, .8);
    --accent-red-dark--o-9: rgba(223, 72, 72, .9);
    --accent-green-light: #02cb6b;
    --accent-green-light--o-1: rgba(2, 203, 107, .1);
    --accent-green-light--o-2: rgba(2, 203, 107, .2);
    --accent-green-light--o-3: rgba(2, 203, 107, .3);
    --accent-green-light--o-4: rgba(2, 203, 107, .4);
    --accent-green-light--o-5: rgba(2, 203, 107, .5);
    --accent-green-light--o-6: rgba(2, 203, 107, .6);
    --accent-green-light--o-7: rgba(2, 203, 107, .7);
    --accent-green-light--o-8: rgba(2, 203, 107, .8);
    --accent-green-light--o-9: rgba(2, 203, 107, .9);
    --accent-green: #00b15d;
    --accent-green--o-1: rgba(0, 177, 93, .1);
    --accent-green--o-2: rgba(0, 177, 93, .2);
    --accent-green--o-3: rgba(0, 177, 93, .3);
    --accent-green--o-4: rgba(0, 177, 93, .4);
    --accent-green--o-5: rgba(0, 177, 93, .5);
    --accent-green--o-6: rgba(0, 177, 93, .6);
    --accent-green--o-7: rgba(0, 177, 93, .7);
    --accent-green--o-8: rgba(0, 177, 93, .8);
    --accent-green--o-9: rgba(0, 177, 93, .9);
    --accent-green-dark: #00964f;
    --accent-green-dark--o-1: rgba(0, 150, 79, .1);
    --accent-green-dark--o-2: rgba(0, 150, 79, .2);
    --accent-green-dark--o-3: rgba(0, 150, 79, .3);
    --accent-green-dark--o-4: rgba(0, 150, 79, .4);
    --accent-green-dark--o-5: rgba(0, 150, 79, .5);
    --accent-green-dark--o-6: rgba(0, 150, 79, .6);
    --accent-green-dark--o-7: rgba(0, 150, 79, .7);
    --accent-green-dark--o-8: rgba(0, 150, 79, .8);
    --accent-green-dark--o-9: rgba(0, 150, 79, .9);
    --accent-yellow: #e6b230;
    --accent-yellow--o-1: rgba(230, 178, 48, .1);
    --accent-yellow--o-2: rgba(230, 178, 48, .2);
    --accent-yellow--o-3: rgba(230, 178, 48, .3);
    --accent-yellow--o-4: rgba(230, 178, 48, .4);
    --accent-yellow--o-5: rgba(230, 178, 48, .5);
    --accent-yellow--o-6: rgba(230, 178, 48, .6);
    --accent-yellow--o-7: rgba(230, 178, 48, .7);
    --accent-yellow--o-8: rgba(230, 178, 48, .8);
    --accent-yellow--o-9: rgba(230, 178, 48, .9);
    --accent-teal-light: #00d9b2;
    --accent-teal-light--o-1: rgba(0, 217, 178, .1);
    --accent-teal-light--o-2: rgba(0, 217, 178, .2);
    --accent-teal-light--o-3: rgba(0, 217, 178, .3);
    --accent-teal-light--o-4: rgba(0, 217, 178, .4);
    --accent-teal-light--o-5: rgba(0, 217, 178, .5);
    --accent-teal-light--o-6: rgba(0, 217, 178, .6);
    --accent-teal-light--o-7: rgba(0, 217, 178, .7);
    --accent-teal-light--o-8: rgba(0, 217, 178, .8);
    --accent-teal-light--o-9: rgba(0, 217, 178, .9);
    --neutral-blue-grey-darker: #465566;
    --neutral-blue-grey-darker--o-1: rgba(70, 85, 102, .1);
    --neutral-blue-grey-darker--o-2: rgba(70, 85, 102, .2);
    --neutral-blue-grey-darker--o-3: rgba(70, 85, 102, .3);
    --neutral-blue-grey-darker--o-4: rgba(70, 85, 102, .4);
    --neutral-blue-grey-darker--o-5: rgba(70, 85, 102, .5);
    --neutral-blue-grey-darker--o-6: rgba(70, 85, 102, .6);
    --neutral-blue-grey-darker--o-7: rgba(70, 85, 102, .7);
    --neutral-blue-grey-darker--o-8: rgba(70, 85, 102, .8);
    --neutral-blue-grey-darker--o-9: rgba(70, 85, 102, .9);
    --neutral-denim-darkest: #070e18;
    --neutral-denim-darkest--o-1: rgba(7, 14, 24, .1);
    --neutral-denim-darkest--o-2: rgba(7, 14, 24, .2);
    --neutral-denim-darkest--o-3: rgba(7, 14, 24, .3);
    --neutral-denim-darkest--o-4: rgba(7, 14, 24, .4);
    --neutral-denim-darkest--o-5: rgba(7, 14, 24, .5);
    --neutral-denim-darkest--o-6: rgba(7, 14, 24, .6);
    --neutral-denim-darkest--o-7: rgba(7, 14, 24, .7);
    --neutral-denim-darkest--o-8: rgba(7, 14, 24, .8);
    --neutral-denim-darkest--o-9: rgba(7, 14, 24, .9);
    --brand-primary-lighter: #98daff;
    --brand-primary-lighter--o-1: rgba(152, 218, 255, .1);
    --brand-primary-lighter--o-2: rgba(152, 218, 255, .2);
    --brand-primary-lighter--o-3: rgba(152, 218, 255, .3);
    --brand-primary-lighter--o-4: rgba(152, 218, 255, .4);
    --brand-primary-lighter--o-5: rgba(152, 218, 255, .5);
    --brand-primary-lighter--o-6: rgba(152, 218, 255, .6);
    --brand-primary-lighter--o-7: rgba(152, 218, 255, .7);
    --brand-primary-lighter--o-8: rgba(152, 218, 255, .8);
    --brand-primary-lighter--o-9: rgba(152, 218, 255, .9);
    --brand-primary: #015fe5;
    --brand-primary--o-1: rgba(1, 95, 229, .1);
    --brand-primary--o-2: rgba(1, 95, 229, .2);
    --brand-primary--o-3: rgba(1, 95, 229, .3);
    --brand-primary--o-4: rgba(1, 95, 229, .4);
    --brand-primary--o-5: rgba(1, 95, 229, .5);
    --brand-primary--o-6: rgba(1, 95, 229, .6);
    --brand-primary--o-7: rgba(1, 95, 229, .7);
    --brand-primary--o-8: rgba(1, 95, 229, .8);
    --brand-primary--o-9: rgba(1, 95, 229, .9);
    --brand-primary-dark: #0a51b6;
    --brand-primary-dark--o-1: rgba(10, 81, 182, .1);
    --brand-primary-dark--o-2: rgba(10, 81, 182, .2);
    --brand-primary-dark--o-3: rgba(10, 81, 182, .3);
    --brand-primary-dark--o-4: rgba(10, 81, 182, .4);
    --brand-primary-dark--o-5: rgba(10, 81, 182, .5);
    --brand-primary-dark--o-6: rgba(10, 81, 182, .6);
    --brand-primary-dark--o-7: rgba(10, 81, 182, .7);
    --brand-primary-dark--o-8: rgba(10, 81, 182, .8);
    --brand-primary-dark--o-9: rgba(10, 81, 182, .9);
    --brand-primary-darker: #033d90;
    --brand-primary-darker--o-1: rgba(3, 61, 144, .1);
    --brand-primary-darker--o-2: rgba(3, 61, 144, .2);
    --brand-primary-darker--o-3: rgba(3, 61, 144, .3);
    --brand-primary-darker--o-4: rgba(3, 61, 144, .4);
    --brand-primary-darker--o-5: rgba(3, 61, 144, .5);
    --brand-primary-darker--o-6: rgba(3, 61, 144, .6);
    --brand-primary-darker--o-7: rgba(3, 61, 144, .7);
    --brand-primary-darker--o-8: rgba(3, 61, 144, .8);
    --brand-primary-darker--o-9: rgba(3, 61, 144, .9);
    --brand-primary-darkest: #0a1e81;
    --brand-primary-darkest--o-1: rgba(10, 30, 129, .1);
    --brand-primary-darkest--o-2: rgba(10, 30, 129, .2);
    --brand-primary-darkest--o-3: rgba(10, 30, 129, .3);
    --brand-primary-darkest--o-4: rgba(10, 30, 129, .4);
    --brand-primary-darkest--o-5: rgba(10, 30, 129, .5);
    --brand-primary-darkest--o-6: rgba(10, 30, 129, .6);
    --brand-primary-darkest--o-7: rgba(10, 30, 129, .7);
    --brand-primary-darkest--o-8: rgba(10, 30, 129, .8);
    --brand-primary-darkest--o-9: rgba(10, 30, 129, .9);
    --brand-primary-light: #31b5ff;
    --brand-primary-light--o-1: rgba(49, 181, 255, .1);
    --brand-primary-light--o-2: rgba(49, 181, 255, .2);
    --brand-primary-light--o-3: rgba(49, 181, 255, .3);
    --brand-primary-light--o-4: rgba(49, 181, 255, .4);
    --brand-primary-light--o-5: rgba(49, 181, 255, .5);
    --brand-primary-light--o-6: rgba(49, 181, 255, .6);
    --brand-primary-light--o-7: rgba(49, 181, 255, .7);
    --brand-primary-light--o-8: rgba(49, 181, 255, .8);
    --brand-primary-light--o-9: rgba(49, 181, 255, .9);
    --content-primary-400: var(--brand-primary);
    --content-primary-500: var(--brand-primary-dark);
    --content-primary-600: var(--brand-primary-dark);
    --content-secondary-400: var(--brand-primary-light);
    --content-neutral-200: var(--neutral-blue-grey);
    --content-neutral-250: var(--neutral-blue-grey-medium);
    --content-neutral-300: var(--neutral-blue-grey-dark);
    --content-neutral-400: var(--neutral-blue-grey-darker);
    --content-neutral-600: var(--neutral-denim-dark);
    --content-neutral-on-color-100: var(--neutral-blue-grey-darker);
    --content-neutral-on-color-200: var(--neutral-blue-grey-dark);
    --content-neutral-on-color-300: var(--neutral-white--o-4);
    --content-neutral-on-color-400: var(--neutral-white);
    --content-positive-400: var(--accent-green-dark);
    --content-positive-500: var(--accent-green);
    --content-negative-400: var(--accent-red);
    --content-negative-500: var(--accent-red-dark);
    --content-warning-400: var(--accent-yellow);
    --border-primary-400: var(--brand-primary);
    --border-secondary-400: var(--brand-primary-light);
    --border-neutral-200: var(--neutral-white-dark);
    --border-neutral-300: var(--neutral-blue-grey-lighter);
    --border-neutral-400: var(--neutral-blue-grey);
    --border-neutral-500: var(--neutral-blue-grey-dark);
    --border-positive-400: var(--accent-green);
    --border-positive-500: var(--accent-green-dark);
    --border-negative-400: var(--accent-red);
    --border-negative-500: var(--accent-red-dark);
    --border-warning-400: var(--accent-yellow);
    --comp-background-primary-400: var(--brand-primary);
    --comp-background-primary-500: var(--brand-primary-darker);
    --comp-background-primary-600: var(--brand-primary-dark);
    --comp-background-secondary-400: var(--brand-primary-light);
    --comp-background-neutral-300: var(--neutral-white);
    --comp-background-neutral-400: var(--neutral-white-dark);
    --comp-background-neutral-500: var(--neutral-blue-grey-lighter);
    --comp-background-neutral-600: var(--neutral-blue-grey);
    --comp-background-neutral-700: var(--neutral-blue-grey-darker);
    --comp-background-positive-200: var(--accent-green--o-2);
    --comp-background-positive-300: var(--accent-green-light);
    --comp-background-positive-400: var(--accent-green);
    --comp-background-positive-500: var(--accent-green-dark);
    --comp-background-negative-300: var(--accent-red--o-2);
    --comp-background-negative-400: var(--accent-red);
    --comp-background-negative-500: var(--accent-red-dark);
    --comp-background-warning-300: var(--accent-yellow--o-2);
    --comp-background-hover-400: var(--neutral-white-dark--o-4);
    --comp-background-hover-on-color-400: var(--neutral-white-dark--o-2);
    --comp-background-selected-400: var(--brand-primary-lighter--o-1);
    --sys-background-primary-400: var(--brand-primary-dark);
    --sys-background-primary-500: var(--brand-primary-darker);
    --sys-background-neutral-300: var(--neutral-white--o-4);
    --sys-background-neutral-400: var(--neutral-white);
    --sys-background-neutral-200: var(--neutral-white-dark);
    --sys-background-neutral-500: var(--neutral-white);
    --sys-background-neutral-600: var(--neutral-white-dark--o-4);
    --sys-background-overlay: var(--neutral-overlay--o-8);
    --market-page-change-gain-color: var(--accent-green);
    --market-page-card-background: var(--neutral-white-dark--o-4);
    --market-page-card-border: none;
    --market-page-card-backdrop-filter: none;
    --market-page-switcher-item-button-color: var(--neutral-blue-grey-dark);
    --market-page-switcher-item-button-selected-color: var(--neutral-blue-grey-darker);
    --market-page-switcher-bottom-bar-background: var(--brand-primary);
    --market-page-switcher-item-border-left-color: var(--neutral-blue-grey);
    --market-page-background: unset;
    --market-page-title-color: var(--neutral-denim-dark);
    --market-page-overview-list-title-color: var(--neutral-denim);
    --market-page-overview-list-icon-color: var(--brand-primary-light);
    --market-page-overview-list-item-name-color: var(--neutral-blue-grey-darker);
    --market-page-overview-list-item-price-color: var(--neutral-blue-grey-darker);
    --market-page-overview-list-item-hover-background: var(--neutral-white);
    --market-page-chain-selector-item-color: var(--neutral-blue-grey-darker);
    --market-page-chain-selector-item-border-color: var(--neutral-blue-grey);
    --market-page-chain-selector-item-active-color: var(--brand-primary);
    --market-page-currency-dropdown-background-color: unset;
    --market-page-currency-dropdown-toggle-color: unset;
    --market-page-currency-dropdown-list-background-color: unset;
    --market-page-currency-dropdown-item-color: unset;
    --market-page-currency-dropdown-item-hover-background-color: unset;
    --market-page-search-input-container-color: unset;
    --market-page-search-input-background: var(--neutral-white-dark);
    --market-page-search-input-color: unset;
    --market-page-table-head-color: unset;
    --market-page-table-row-border-top-color: unset;
    --market-page-table-cell-color: unset;
    --market-symbol-cell-short-name-color: var(--neutral-blue-grey-darker);
    --market-symbol-cell-base-currency-color: var(--neutral-blue-grey-dark);
    --market-symbol-cell-currency-name-color: var(--neutral-blue-grey-dark);
    --market-page-table-row-hover-background: unset;
    --market-page-table-action-link-color: var(--brand-primary);
    --market-page-table-empty-color: var(--neutral-blue-grey-darker);
    --market-page-pagination-background-color: unset;
    --market-page-pagination-pager-color: unset;
    --market-page-pagination-pager-active-color: var(--brand-primary);
    --market-page-pagination-button-color: unset;
    --market-page-pagination-button-disabled-opacity: unset;
    --market-page-pagination-jump-goto-color: unset;
    --market-page-pagination-jump-input-container-background: unset;
    --market-page-pagination-jump-input-background: unset;
    --market-page-pagination-jump-input-color: unset
}

:root .theme-night {
    --content-primary-400: var(--brand-primary-light);
    --content-primary-500: var(--brand-primary-lighter);
    --content-primary-600: var(--neutral-white);
    --content-secondary-400: var(--brand-primary-light);
    --content-neutral-200: var(--neutral-blue-grey-darker);
    --content-neutral-250: var(--neutral-blue-grey-darker);
    --content-neutral-300: var(--neutral-blue-grey-dark);
    --content-neutral-400: var(--neutral-blue-grey-lighter);
    --content-neutral-600: var(--neutral-white);
    --content-neutral-on-color-100: var(--neutral-blue-grey-darker);
    --content-neutral-on-color-200: var(--neutral-blue-grey-dark);
    --content-neutral-on-color-300: var(--neutral-white--o-4);
    --content-neutral-on-color-400: var(--neutral-white);
    --content-positive-400: var(--accent-green-light);
    --content-positive-500: var(--accent-green);
    --content-negative-400: var(--accent-red);
    --content-negative-500: var(--accent-red-dark);
    --content-warning-400: var(--accent-yellow);
    --border-primary-400: var(--brand-primary);
    --border-secondary-400: var(--brand-primary-light);
    --border-neutral-200: var(--neutral-denim-dark);
    --border-neutral-300: var(--neutral-denim);
    --border-neutral-400: var(--neutral-denim-light);
    --border-neutral-500: var(--neutral-denim-light);
    --border-positive-400: var(--accent-green);
    --border-positive-500: var(--accent-green-dark);
    --border-negative-400: var(--accent-red);
    --border-negative-500: var(--accent-red-dark);
    --border-warning-400: var(--accent-yellow);
    --comp-background-primary-400: var(--brand-primary);
    --comp-background-primary-500: var(--brand-primary-light);
    --comp-background-primary-600: var(--brand-primary);
    --comp-background-secondary-400: var(--brand-primary-light);
    --comp-background-neutral-300: var(--neutral-denim-dark);
    --comp-background-neutral-400: var(--neutral-denim);
    --comp-background-neutral-500: var(--neutral-denim-light);
    --comp-background-neutral-600: var(--neutral-blue-grey-darker);
    --comp-background-neutral-700: var(--neutral-blue-grey-dark);
    --comp-background-positive-200: var(--accent-green--o-2);
    --comp-background-positive-300: var(--accent-green-light);
    --comp-background-positive-400: var(--accent-green);
    --comp-background-positive-500: var(--accent-green-dark);
    --comp-background-negative-300: var(--accent-red--o-2);
    --comp-background-negative-400: var(--accent-red);
    --comp-background-negative-500: var(--accent-red-dark);
    --comp-background-warning-300: var(--accent-yellow--o-2);
    --comp-background-hover-400: var(--neutral-denim--o-4);
    --comp-background-hover-on-color-400: var(--neutral-white-dark--o-2);
    --comp-background-selected-400: var(--brand-primary-lighter--o-1);
    --sys-background-primary-400: var(--neutral-denim-darker);
    --sys-background-primary-500: var(--neutral-denim-darkest);
    --sys-background-neutral-200: var(--neutral-denim-darkest);
    --sys-background-neutral-300: var(--neutral-denim--o-4);
    --sys-background-neutral-400: var(--neutral-denim-darker);
    --sys-background-neutral-500: var(--neutral-denim-dark);
    --sys-background-neutral-600: var(--neutral-denim-darkest--o-4);
    --sys-background-overlay: var(--neutral-overlay--o-8)
}

body {
    --brand-scroll-bar-color: var(--app--color--blue-grey-darker--o-2);
    --brand-default-font-family: var(--app--main--font-family);
    --brand-orderbook-animation-iteration-count: 1;
    --loading-animation-background: linear-gradient(45deg, rgba(255, 255, 255, 0) 33%, rgba(220, 228, 236, .4) 50%, rgba(255, 255, 255, 0) 66%);
    --header-z-index: 50;
    --dialog-z-index: 150;
    --reconnect-dialog-z-index: 200;
    --toast-z-index: 500;
    display: flex;
    min-height: 100%;
    padding: 0;
    margin: 0;
    font-family: var(--brand-default-font-family);
    font-size: 12px;
    color: var(--app--theme--main-content);
    background-color: var(--app--theme--main-bg)
}

body #app {
    width: 100%
}

body.theme-night {
    --brand-scroll-bar-color: var(--app--color--white-dark--o-2)
}

body.no-scroll {
    padding-right: 5px;
    overflow: hidden
}

body.no-scroll-without-padding {
    overflow: hidden
}

body.disable-order-book-animation {
    --brand-orderbook-animation-iteration-count: 0
}

ul,
li,
ol {
    padding-left: 0;
    list-style: none;
    list-style-position: outside
}

.arabic ul,
.arabic li,
.arabic ol {
    padding-right: 0;
    padding-left: initial
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
form,
p,
ul,
ol {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

input,
button,
textarea {
    font-family: var(--brand-default-font-family)
}

a {
    color: var(--app--color--primary-light);
    text-decoration: none
}

a.day-mode {
    color: var(--app--color--primary)
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    min-height: 35px;
    background-color: var(--brand-scroll-bar-color);
    border-radius: 5px
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-corner {
    background-color: #0003;
    border-color: #0003
}

[v-cloak] {
    display: none
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.container-fixed-width {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.flex-fill {
    flex: 1
}

.br {
    word-break: break-all;
    word-wrap: break-word
}

.pre-line {
    white-space: pre-line
}

.ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-uppercase {
    text-transform: uppercase
}

.brand-color-positive {
    color: var(--app--color--accent-green)
}

.brand-color-negative {
    color: var(--app--color--accent-red)
}

.brand-card {
    position: relative;
    background-color: var(--app--theme--trading-page-bg);
    border-radius: 3px
}

.brand-card .brand-card-header {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    height: auto;
    min-height: 33px;
    padding: 2px 0
}

.brand-card .brand-card-header.divider {
    border-bottom: 1px solid var(--app--theme--divider)
}

.brand-card .brand-card-title {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--app--theme--section-title)
}

.brand-card .brand-card-title+.brand-card-title {
    margin-left: 30px
}

.arabic .brand-card .brand-card-title+.brand-card-title {
    margin-right: 30px;
    margin-left: 0
}

.brand-card .brand-card-title.tab-mode {
    cursor: pointer;
    opacity: .45
}

.brand-card .brand-card-title.tab-mode.active {
    cursor: auto;
    opacity: 1
}

.arabic .brand-card .brand-card-title {
    margin-right: 10px;
    margin-left: 0
}

.brand-button {
    --brand-button-text-color: var(--app--color--primary);
    --brand-button-border-color: var(--app--color--primary);
    --brand-button-background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-button-text-color);
    cursor: pointer;
    background-color: var(--brand-button-background-color);
    border: solid 1px var(--brand-button-border-color);
    border-radius: 2px
}

.brand-button:hover {
    opacity: .9
}

.brand-button.disabled {
    cursor: default;
    opacity: .5
}

.brand-button.primary {
    --brand-button-text-color: var(--app--theme--button-title);
    --brand-button-border-color: var(--app--color--primary);
    --brand-button-background-color: var(--app--color--primary)
}

.brand-button.primary-buy {
    --brand-button-text-color: var(--app--theme--button-title);
    --brand-button-border-color: var(--app--color--accent-green);
    --brand-button-background-color: var(--app--color--accent-green)
}

.brand-button.primary-sell,
.brand-button.primary-cancel {
    --brand-button-text-color: var(--app--theme--button-title);
    --brand-button-border-color: var(--app--color--accent-red);
    --brand-button-background-color: var(--app--color--accent-red)
}

.brand-button.secondary {
    --brand-button-text-color: var(--app--theme--secondary-button-title);
    --brand-button-border-color: var(--app--theme--secondary-button-border);
    --brand-button-background-color: var(--app--theme--secondary-button-bg)
}

.brand-button.tertiary {
    --brand-button-text-color: var(--app--theme--tertiary-button-title);
    --brand-button-border-color: var(--app--theme--tertiary-button-border);
    --brand-button-background-color: var(--app--theme--tertiary-button-bg)
}

.brand-switch {
    --brand-swtich-track-opacity: 1;
    --brand-switch-active-button-offset-x: calc(-50% + 4px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 2px
}

.brand-switch:before {
    width: 24px;
    height: 10px;
    content: "";
    background-color: var(--app--theme--toggle-track);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px #0000004d;
    opacity: var(--brand-swtich-track-opacity);
    transition: background-color .2s
}

.brand-switch:after {
    position: absolute;
    width: 14px;
    height: 14px;
    content: "";
    background-color: var(--app--theme--toggle-icon);
    border-radius: 50%;
    box-shadow: 0 1px 4px #00000059;
    transition: transform .2s, background-color .2s;
    transform: translate3d(var(--brand-switch-active-button-offset-x), 0, 0)
}

.brand-switch.active {
    --brand-swtich-track-opacity: .4;
    --app--theme--toggle-icon: var(--app--color--primary);
    --brand-switch-active-button-offset-x: calc(50% - 4px);
    justify-content: flex-end
}

.brand-switch.active:before {
    background-color: var(--app--theme--toggle-track-active)
}

.brand-switch.active:after {
    background-color: var(--app--theme--toggle-icon-active)
}

.brand-popup-overlay {
    --brand-popup-overlay-background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--dialog-z-index);
    background-color: var(--brand-popup-overlay-background-color)
}

.brand-popup-overlay .brand-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    background-color: var(--app--theme--section-bg);
    box-shadow: 0 4px 5px #0000004d;
    transform: translate3d(-50%, -50%, 0)
}

.brand-popup-overlay .brand-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    font-size: 15px;
    color: var(--app--theme--popup-title);
    letter-spacing: .2px
}

.brand-popup-overlay .brand-popup-header.divider {
    border-bottom: 1px solid var(--app--theme--divider)
}

.brand-popup-overlay .brand-popup-header .icon-close {
    width: 20px;
    height: 20px;
    color: var(--app--color--blue-grey);
    cursor: pointer;
    transform: rotate(45deg)
}

.brand-popup-overlay .brand-popup-header .icon-close:hover {
    color: var(--app--color--blue-grey-dark)
}

.brand-popup-overlay .brand-popup-content {
    padding: 15px
}

.brand-popup-overlay .brand-popup-button-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 86px;
    background-color: var(--app--theme--popup-button-group-bg)
}

.loading-animation {
    position: relative;
    overflow: hidden
}

.loading-animation:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-color: var(--app--theme--section-bg)
}

.loading-animation:after {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 300%;
    height: 300%;
    content: "";
    background: var(--loading-animation-background);
    transform: translate3d(-66%, 0, 0);
    animation: loadingAnimation 1s infinite;
    will-change: transform
}

.theme-night {
    --loading-animation-background: linear-gradient(45deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 66%)
}

.theme-night .brand-card {
    box-shadow: 0 1px 2px #00000026
}

.theme-night .brand-popup-overlay {
    --brand-popup-overlay-background-color: rgba(0, 0, 0, .5)
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

@keyframes loadingAnimation {
    0% {
        transform: translate3d(-66%, 0, 0)
    }

    to {
        transform: translate3d(0, -66%, 0)
    }
}

@keyframes flashGreenBackground {
    0% {
        background-color: var(--app--color--accent-green--o-5)
    }

    to {
        background-color: transparent
    }
}

@keyframes flashRedBackground {
    0% {
        background-color: var(--app--color--accent-red--o-5)
    }

    to {
        background-color: transparent
    }
}

.flex-box {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-0 {
    flex: 0
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}

.flex-6 {
    flex: 6
}

.flex-none {
    flex: none
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.border-box {
    box-sizing: border-box
}

.w-100 {
    width: 100%
}

.w-80 {
    width: 80%
}

.w-70 {
    width: 70%
}

.w-30 {
    width: 30%
}

.w-20 {
    width: 20%
}

.h-100 {
    height: 100%
}

.border-none {
    border: none
}

.outline-none {
    outline: none
}

.tx-align--left {
    text-align: left
}

.arabic .tx-align--left,
.tx-align--right {
    text-align: right
}

.arabic .tx-align--right {
    text-align: left
}

.tx-align--center {
    text-align: center
}

.margin-auto {
    margin: auto
}

.inner-ml-2>*+* {
    margin-left: 2px
}

.arabic .inner-ml-2>*+* {
    margin-right: 2px;
    margin-left: 0
}

.inner-ml-3>*+* {
    margin-left: 3px
}

.arabic .inner-ml-3>*+* {
    margin-right: 3px;
    margin-left: 0
}

.inner-ml-4>*+* {
    margin-left: 4px
}

.arabic .inner-ml-4>*+* {
    margin-right: 4px;
    margin-left: 0
}

.inner-ml-8>*+* {
    margin-left: 8px
}

.arabic .inner-ml-8>*+* {
    margin-right: 8px;
    margin-left: 0
}

.inner-ml-10>*+* {
    margin-left: 10px
}

.arabic .inner-ml-10>*+* {
    margin-right: 10px;
    margin-left: 0
}

.inner-ml-12>*+* {
    margin-left: 12px
}

.arabic .inner-ml-12>*+* {
    margin-right: 12px;
    margin-left: 0
}

.inner-ml-18>*+* {
    margin-left: 18px
}

.arabic .inner-ml-18>*+* {
    margin-right: 18px;
    margin-left: 0
}

.inner-ml-24>*+* {
    margin-left: 24px
}

.arabic .inner-ml-24>*+* {
    margin-right: 24px;
    margin-left: 0
}

.inner-ml-32>*+* {
    margin-left: 32px
}

.arabic .inner-ml-32>*+* {
    margin-right: 32px;
    margin-left: 0
}

.margin-top-4 {
    margin-top: 4px
}

.margin-top-6 {
    margin-top: 6px
}

.margin-top-8 {
    margin-top: 8px
}

.margin-top-12 {
    margin-top: 12px
}

.margin-top-16 {
    margin-top: 16px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-24 {
    margin-top: 24px
}

.margin-top-32 {
    margin-top: 32px
}

.padding-top-4 {
    padding-top: 4px
}

.padding-top-6 {
    padding-top: 6px
}

.padding-top-8 {
    padding-top: 8px
}

.padding-top-12 {
    padding-top: 12px
}

.padding-top-16 {
    padding-top: 16px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-24 {
    padding-top: 24px
}

.padding-top-32 {
    padding-top: 32px
}

.padding-bottom-4 {
    padding-bottom: 4px
}

.padding-bottom-6 {
    padding-bottom: 6px
}

.padding-bottom-8 {
    padding-bottom: 8px
}

.padding-bottom-12 {
    padding-bottom: 12px
}

.padding-bottom-16 {
    padding-bottom: 16px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-24 {
    padding-bottom: 24px
}

.padding-bottom-32 {
    padding-bottom: 32px
}

.cursor-pointer {
    cursor: pointer
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.weight-300 {
    font-weight: 300
}

.weight-400 {
    font-weight: 400
}

.weight-500 {
    font-weight: 500
}

.weight-700 {
    font-weight: 700
}

.rwd-container {
    margin-right: auto;
    margin-left: auto
}

.xl .rwd-container,
.lg .rwd-container {
    width: 1200px
}

.lg .rwd-container {
    width: 1000px
}

.md .rwd-container {
    width: 740px
}

.sm .rwd-container,
.xs .rwd-container {
    width: auto
}

.b-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.b-scrollbar::-webkit-scrollbar-thumb {
    min-height: 35px;
    border-radius: 4px;
    background: #ccc
}

.b-scrollbar::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 4px
}

.b-scrollbar::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, .2);
    border-color: #0003
}

.olay-table {
    overflow: auto
}

.olay-table table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid var(--app--theme--divider);
    border-bottom: 1px solid var(--app--theme--divider);
    background: white
}

.olay-table th {
    background-color: var(--app--color--white-dark);
    color: #9b9b9b;
    font-weight: initial
}

.olay-table th,
.olay-table td {
    line-height: 1.4;
    border-bottom: 1px solid var(--app--theme--divider);
    white-space: nowrap;
    padding: 5px 10px
}

.olay-table th.no-data,
.olay-table td.no-data {
    text-align: center;
    color: #cfcfcf
}

.olay-table tbody tr:nth-child(2n) td {
    background: #f9f9fb
}

.color-success {
    color: var(--app--color--accent-green)
}

.color-danger {
    color: var(--app--color--accent-red)
}

.alert-success {
    color: var(--app--color--denim);
    background-color: var(--app--color--accent-green)
}

.alert-yellow {
    color: var(--app--color--denim);
    background-color: var(--app--color--tertiary-accent)
}

.alert-danger {
    color: var(--app--color--denim);
    background-color: var(--app--color--accent-red)
}

.alert-gold {
    padding-right: 6px;
    padding-left: 6px;
    color: #988166;
    background-color: #98816633;
    border: solid 1px #988166
}

.theme-night .olay-table table {
    border-top: 1px solid var(--app--color--denim-darker);
    border-bottom: 1px solid var(--app--color--denim-darker);
    background: var(--app--color--denim-darker)
}

.theme-night .olay-table th {
    background-color: var(--app--color--denim-darker);
    color: #7b818f
}

.theme-night .olay-table th,
.theme-night .olay-table td {
    border-bottom: 1px solid var(--app--color--denim-darker)
}

.theme-night .olay-table th.no-data,
.theme-night .olay-table td.no-data {
    color: #6b768d
}

.theme-night .olay-table tbody tr:nth-child(2n) td {
    background: var(--app--theme--table-row)
}

.theme-night .alert-success {
    border: solid 1px var(--app--color--accent-green)
}

.theme-night .alert-yellow {
    border: solid 1px var(--app--color--tertiary-accent)
}

.theme-night .alert-danger {
    border: solid 1px var(--app--color--accent-red)
}

.loading-parent--relative {
    position: relative !important
}

.loading-parent--hidden {
    overflow: hidden !important
}

.table[data-v-4e2c0d93] {
    --sort-button-active-color: var(--app--color--primary-dark);
    width: 100%;
    padding-bottom: 2px;
    border-collapse: collapse
}

.theme-night .table[data-v-4e2c0d93] {
    --sort-button-active-color: white
}

.table.is-empty[data-v-4e2c0d93] {
    right: 0;
    left: 0;
    overflow: hidden
}

.header[data-v-4e2c0d93] {
    padding-top: 3px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    color: var(--app--theme--secondary-content)
}

.empty-panel[data-v-4e2c0d93] {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 13px;
    color: var(--app--theme--table-empty);
    transform: translate(-50%, -50%)
}

.empty-panel[data-v-4e2c0d93] :after {
    opacity: 0
}

.fix-header .header[data-v-4e2c0d93] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--app--theme--section-bg)
}

.fix-first-column[data-v-4e2c0d93] td:first-child,
.fix-first-column[data-v-4e2c0d93] th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--app--color--white)
}

.arabic .fix-first-column[data-v-4e2c0d93] td:first-child,
.arabic .fix-first-column[data-v-4e2c0d93] th:first-child {
    right: 0;
    left: initial
}

.fix-first-column[data-v-4e2c0d93] th:first-child {
    z-index: 2
}

.fix-last-column[data-v-4e2c0d93] th:last-child,
.fix-last-column[data-v-4e2c0d93] td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    padding: 0
}

.fixed-layout[data-v-4e2c0d93] {
    word-break: break-word;
    table-layout: fixed
}

.header-row[data-v-1f36ea11] {
    height: 30px;
    text-align: right
}

.arabic .header-row[data-v-1f36ea11] {
    text-align: left
}

.header-row[data-v-1f36ea11] th {
    padding-left: 20px;
    font-weight: 400;
    white-space: nowrap
}

.arabic .header-row[data-v-1f36ea11] th {
    padding-right: 20px;
    padding-left: initial
}

.header-row.no-boundary[data-v-1f36ea11] th:first-child {
    padding-right: 0;
    padding-left: 0
}

.header-row.sticky[data-v-1f36ea11] {
    position: sticky;
    top: 0;
    z-index: 5
}

.right[data-v-1f36ea11] {
    text-align: right
}

.arabic .right[data-v-1f36ea11],
.left[data-v-1f36ea11] {
    text-align: left
}

.arabic .left[data-v-1f36ea11] {
    text-align: right
}

.center[data-v-1f36ea11] {
    text-align: center
}

.row[data-v-1a6f8070]:not(.disable-hover):hover {
    background: var(--data-table-row-hover-background, var(--app--theme--table-row-hover))
}

.odd[data-v-1a6f8070] {
    background-color: var(--app--theme--table-row)
}

.cell[data-v-b0e630e7] {
    position: relative;
    height: 30px;
    padding: 0 0 0 20px;
    font-size: var(--table-cell-font-size, 13px);
    font-weight: var(--table-cell-font-weight, normal);
    line-height: 30px;
    color: var(--app--theme--primary-content-variant);
    white-space: nowrap
}

.arabic .cell[data-v-b0e630e7] {
    padding: 0 20px 0 0
}

.left[data-v-b0e630e7] {
    text-align: left
}

.arabic .left[data-v-b0e630e7],
.right[data-v-b0e630e7] {
    text-align: right
}

.arabic .right[data-v-b0e630e7] {
    text-align: left
}

.center[data-v-b0e630e7] {
    text-align: center
}

.button-group[data-v-a19fe0ef] {
    --button-group--margin: 3px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: calc(var(--button-group--margin) * -1)
}

.filter-button[data-v-a19fe0ef] {
    padding: var(--filter-button--padding);
    margin: var(--button-group--margin);
    font-weight: 500;
    color: var(--filter-button--font-color);
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--filter-button--background-color);
    border: unset;
    border-radius: 4px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    will-change: background-color, color;
    --filter-button--font-color: var(--app--color--blue-grey-darker);
    --filter-button--background-color: var(--app--color--blue-grey-lighter);
    --filter-button--padding: 7px 8px
}

.filter-button.outlined[data-v-a19fe0ef],
.filter-button.outlined2[data-v-a19fe0ef] {
    --filter-button--background-color: var(--app--color--white);
    --filter-button--font-color: var(--app--color--blue-grey-darker);
    border: solid 1px var(--app--color--blue-grey);
    border-radius: 4px
}

.filter-button.outlined2[data-v-a19fe0ef] {
    --filter-button--padding: 9px 12px
}

.filter-button.have-hover[data-v-a19fe0ef]:hover {
    --filter-button--background-color: var(--app--color--blue-grey-lighter)
}

.filter-button.is-checked[data-v-a19fe0ef] {
    --filter-button--font-color: var(--app--color--white);
    --filter-button--background-color: var(--app--theme--wallet-filter-check-bg)
}

.filter-button.is-checked.outlined[data-v-a19fe0ef],
.filter-button.is-checked.outlined2[data-v-a19fe0ef] {
    --filter-button--background-color: var(--app--color--white);
    --filter-button--font-color: var(--app--color--primary)
}

.filter-button.is-checked.outlined2[data-v-a19fe0ef] {
    border: solid 1px var(--app--color--primary)
}

.filter-button.is-disabled[data-v-a19fe0ef] {
    cursor: not-allowed;
    opacity: .5
}

.filter-button .disabled-icon[data-v-a19fe0ef] {
    width: 16px;
    height: 16px
}

.theme-night .filter-button[data-v-a19fe0ef] {
    --filter-button--font-color: var(--app--color--white);
    --filter-button--background-color: var(--app--color--denim-darker)
}

.theme-night .filter-button.outlined[data-v-a19fe0ef],
.theme-night .filter-button.outlined2[data-v-a19fe0ef] {
    --filter-button--font-color: var(--app--color--white)
}

.theme-night .filter-button.have-hover[data-v-a19fe0ef]:hover,
.theme-night .filter-button.is-checked[data-v-a19fe0ef] {
    --filter-button--background-color: var(--app--theme--wallet-filter-check-bg)
}

@media (max-width: 767px) {
    .filter-button[data-v-a19fe0ef] {
        --filter-button--padding: 4px
    }
}

.driver-active .driver-overlay,
.driver-active * {
    pointer-events: none
}

.driver-active .driver-active-element,
.driver-active .driver-active-element *,
.driver-popover,
.driver-popover * {
    pointer-events: auto
}

@keyframes animate-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.driver-fade .driver-overlay {
    animation: animate-fade-in .2s ease-in-out
}

.driver-fade .driver-popover {
    animation: animate-fade-in .2s
}

.driver-popover {
    all: unset;
    box-sizing: border-box;
    color: #2d2d2d;
    margin: 0;
    padding: 15px;
    border-radius: 5px;
    min-width: 250px;
    max-width: 300px;
    box-shadow: 0 1px 10px #0006;
    z-index: 1000000000;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff
}

.driver-popover * {
    font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif
}

.driver-popover-title {
    font: 19px/normal sans-serif;
    font-weight: 700;
    display: block;
    position: relative;
    line-height: 1.5;
    zoom: 1;
    margin: 0
}

.driver-popover-close-btn {
    all: unset;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 28px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #d2d2d2;
    z-index: 1;
    text-align: center;
    transition: color;
    transition-duration: .2s
}

.driver-popover-close-btn:hover,
.driver-popover-close-btn:focus {
    color: #2d2d2d
}

.driver-popover-title[style*=block]+.driver-popover-description {
    margin-top: 5px
}

.driver-popover-description {
    margin-bottom: 0;
    font: 14px/normal sans-serif;
    line-height: 1.5;
    font-weight: 400;
    zoom: 1
}

.driver-popover-footer {
    margin-top: 15px;
    text-align: right;
    zoom: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.driver-popover-progress-text {
    font-size: 13px;
    font-weight: 400;
    color: #727272;
    zoom: 1
}

.driver-popover-footer button {
    all: unset;
    display: inline-block;
    box-sizing: border-box;
    padding: 3px 7px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    background-color: #fff;
    color: #2d2d2d;
    font: 12px/normal sans-serif;
    cursor: pointer;
    outline: 0;
    zoom: 1;
    line-height: 1.3;
    border: 1px solid #ccc;
    border-radius: 3px
}

.driver-popover-footer .driver-popover-btn-disabled {
    opacity: .5;
    pointer-events: none
}

:not(body):has(>.driver-active-element) {
    overflow: hidden !important
}

.driver-no-interaction,
.driver-no-interaction * {
    pointer-events: none !important
}

.driver-popover-footer button:hover,
.driver-popover-footer button:focus {
    background-color: #f7f7f7
}

.driver-popover-navigation-btns {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.driver-popover-navigation-btns button+button {
    margin-left: 4px
}

.driver-popover-arrow {
    content: "";
    position: absolute;
    border: 5px solid #fff
}

.driver-popover-arrow-side-over {
    display: none
}

.driver-popover-arrow-side-left {
    left: 100%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent
}

.driver-popover-arrow-side-right {
    right: 100%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent
}

.driver-popover-arrow-side-top {
    top: 100%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.driver-popover-arrow-side-bottom {
    bottom: 100%;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent
}

.driver-popover-arrow-side-center {
    display: none
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-start,
.driver-popover-arrow-side-right.driver-popover-arrow-align-start {
    top: 15px
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-start,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start {
    left: 15px
}

.driver-popover-arrow-align-end.driver-popover-arrow-side-left,
.driver-popover-arrow-align-end.driver-popover-arrow-side-right {
    bottom: 15px
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-end,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
    right: 15px
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-center,
.driver-popover-arrow-side-right.driver-popover-arrow-align-center {
    top: 50%;
    margin-top: -5px
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-center,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
    left: 50%;
    margin-left: -5px
}

.driver-popover-arrow-none {
    display: none
}

.loading-fade-enter[data-v-1c47f4f3],
.loading-fade-leave-active[data-v-1c47f4f3] {
    opacity: 0
}

.loading-mask[data-v-1c47f4f3] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: 0;
    background-color: var(--app--theme--loading-mask-bg, rgba(255, 255, 255, .9));
    transition: opacity .3s
}

.theme-night .loading-mask[data-v-1c47f4f3] {
    background-color: var(--app--color--blue-grey-darker)
}

.loading-spinner[data-v-1c47f4f3] {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -21px;
    text-align: center
}

.loading-spinner .circular[data-v-1c47f4f3] {
    width: 42px;
    height: 42px;
    animation: loading-rotate-1c47f4f3 2s linear infinite
}

.loading-spinner .path[data-v-1c47f4f3] {
    stroke: var(--app--color--primary-light);
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2;
    animation: loading-dash-1c47f4f3 1.5s ease-in-out infinite
}

.loading-spinner i[data-v-1c47f4f3] {
    color: var(--app--color--primary-light)
}

@keyframes loading-rotate-1c47f4f3 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes loading-dash-1c47f4f3 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}