* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif
}

html {
    height: 100%
}

body {
    min-height: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-transition: .2s;
    transition: .2s
}

body * {
    -webkit-transition: background .2s;
    transition: background .2s
}

body.mount {
    -webkit-transition: background 0!important;
    transition: background 0!important
}

body.mount * {
    -webkit-transition: background 0!important;
    transition: background 0!important
}

body.mount ::before,body.mount ::after {
    -webkit-transition: 0!important;
    transition: 0!important
}

a,button,textarea,input {
    outline: none;
    text-decoration: none
}

:root {
    --color-dark-a: #1F2128;
    --color-dark-b: #FFF;
    --color-dark-c: #777E90;
    --color-dark-d: #3772FF;
    --color-dark-e: #191B21;
    --color-dark-f: #242731;
    --color-dark-g: #4FBF67;
    --color-dark-h: #E32D2D;
    --color-dark-i: #EA5050;
    --color-dark-j: #195AF5;
    --color-dark-k: #FF9F38;
    --color-dark-m: #303441;
    --color-dark-n: #B6B6B6;
    --color-dark-o: #D54C4C;
    --color-dark-p: #FF7A68;
    --color-dark-q: #3DBAA2;
    --color-dark-tr-a: rgba(228,228,228,0.08);
    --color-dark-tr-b: rgba(31,33,40,0.92);
    --color-dark-tr-c: rgba(25,27,33,0.64);
    --color-dark-tr-d: rgba(31,31,31,0.74);
    --color-dark-tr-e: rgba(31,33,40,0.72);
    --color-dark-tr-h: rgba(79,191,103,0.16);
    --color-dark-tr-g: rgba(255,159,56,0.16);
    --color-dark-tr-k: rgba(79,191,103,0.24);
    --color-dark-tr-l: rgba(135,135,135,0.24);
    --color-dark-tr-m: rgba(227,45,45,0.24);
    --color-dark-tr-n: rgba(25,27,33,0.74);
    --color-dark-tr-p: rgba(255,122,104,0.16);
    --color-dark-tr-q: rgba(61,186,162,0.16);
    --color-dark-gd-a: linear-gradient(180deg,rgba(31,33,40,0) 0%,#1F2128 100%)
}

.dark .vis {
    background: var(--color-dark-a)
}

.dark body {
    background: var(--color-dark-a)
}

.dark .responsive-wrapper {
    background: var(--color-dark-a)
}

.dark .responsive-navigation {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .top-content-slide>h3 {
    color: var(--color-dark-b)
}

.dark .top-content-slide>h1 {
    color: var(--color-dark-b)
}

.dark .top-content-slide>p {
    color: var(--color-dark-b)
}

.dark .button-a {
    background: var(--color-dark-a)
}

.dark .button-a>p {
    color: var(--color-dark-b)
}

.dark .button-b {
    background: var(--color-dark-d)
}

.dark .button-b>p {
    color: var(--color-dark-b)
}

.dark .button-b:hover {
    background: var(--color-dark-j)
}

.dark .button-b:active {
    background: var(--color-dark-d)
}

.dark .button-c>p {
    color: var(--color-dark-c)
}

.dark .button-c:hover>p {
    color: var(--color-dark-b)
}

.dark .button-d {
    border: 2px solid var(--color-dark-f)
}

.dark .button-d>p {
    color: var(--color-dark-b)
}

.dark .button-d:hover {
    background: var(--color-dark-f)
}

.dark .button-g {
    background: var(--color-dark-tr-a)
}

.dark .button-g>p {
    color: var(--color-dark-b)
}

.dark .tns-nav>button {
    background: var(--color-dark-b)
}

.dark .navigation-header>.item>p {
    color: var(--color-dark-c)
}

.dark .navigation-header>.item:hover>p {
    color: var(--color-dark-b)
}

.dark .assets-filter>.item>p {
    color: var(--color-dark-c)
}

.dark .assets-filter>.item:hover {
    background: var(--color-dark-f)
}

.dark .assets-filter>.item:hover>p {
    color: var(--color-dark-b)
}

.dark .assets-filter>.item.active {
    background: var(--color-dark-e)
}

.dark .assets-filter>.item.active>p {
    color: var(--color-dark-d)
}

.dark .top-asset-info>h1 {
    color: var(--color-dark-b)
}

.dark .top-asset-info>p {
    background: var(--color-dark-a);
    color: var(--color-dark-c)
}

.dark .asset-info>p {
    color: var(--color-dark-c)
}

.dark .asset-items>.item {
    background: var(--color-dark-f)
}

.dark .asset-items>.item.gain-up>.body-asset>.price-info>.gain-asset>p {
    color: var(--color-dark-g)
}

.dark .asset-items>.item.gain-down>.body-asset>.price-info>.gain-asset>p {
    color: var(--color-dark-h)
}

.dark .price-asset>h1,.dark .price-asset p {
    color: var(--color-dark-b)
}

.dark .view-asset {
    background: var(--color-dark-gd-a)
}

.dark .chart-load::before {
    background: var(--color-dark-f)
}

.dark .chart-load::after {
    background: transparent;
    border-top: 2px solid var(--color-dark-c);
    border-right: 2px solid transparent
}

.dark .primary-benefits>h1 {
    color: var(--color-dark-b)
}

.dark .primary-benefits>p {
    color: var(--color-dark-c)
}

.dark .benefit-info>h1 {
    color: var(--color-dark-b)
}

.dark .benefit-info>p {
    color: var(--color-dark-c)
}

.dark .portfolio-info>h3 {
    color: var(--color-dark-c)
}

.dark .portfolio-info>h1 {
    color: var(--color-dark-b)
}

.dark .portfolio-info>p {
    color: var(--color-dark-c)
}

.dark .primary-reward>h3 {
    color: var(--color-dark-b)
}

.dark .primary-reward>h1 {
    color: var(--color-dark-b)
}

.dark .form-started {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .form-started>input {
    color: var(--color-dark-b)
}

.dark .form-started>input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .form-started>input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .form-started>input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .form-started>input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .form-started>input::placeholder {
    color: var(--color-dark-c)
}

.dark .form-started.error-form {
    border: 1px solid var(--color-dark-i)
}

.dark .footer-nav-items>.item {
    color: var(--color-dark-c)
}

.dark .footer-nav-items>.item:hover {
    color: var(--color-dark-b)
}

.dark .footer-navigation>.item>h1 {
    color: var(--color-dark-b)
}

.dark .updates-sub {
    background: var(--color-dark-e)
}

.dark .updates-sub>h1 {
    color: var(--color-dark-b)
}

.dark .updates-sub>p {
    color: var(--color-dark-c)
}

.dark .message-footer>p {
    color: var(--color-dark-c)
}

.dark .primary-footer {
    border-top: 1px solid var(--color-dark-tr-a)
}

.dark .primary-header {
    background: var(--color-dark-tr-b)
}

.dark .nav-navigate>.item>p {
    color: var(--color-dark-c)
}

.dark .nav-navigate>.item:hover,.dark .nav-navigate>.item.active {
    background: var(--color-dark-f)
}

.dark .nav-navigate>.item:hover>p,.dark .nav-navigate>.item.active>p {
    color: var(--color-dark-b)
}

.dark .theme-status {
    background: var(--color-dark-f)
}

.dark .modal-body {
    background: var(--color-dark-tr-c)
}

.dark .hide-modal {
    background-color: var(--color-dark-e)
}

.dark .head-modal>h1 {
    color: var(--color-dark-b)
}

.dark .modal-content {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-modal-navigate>.item {
    color: var(--color-dark-c);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-modal-navigate>.item:hover {
    border: 1px solid var(--color-dark-f);
    background: var(--color-dark-f)
}

.dark .head-modal-navigate>.item.active {
    border: 1px solid var(--color-dark-e);
    background: var(--color-dark-e);
    color: var(--color-dark-d)
}

.dark .button-f {
    border: 2px solid var(--color-dark-d)
}

.dark .button-f>p {
    color: var(--color-dark-b)
}

.dark .button-e {
    background: var(--color-dark-f)
}

.dark .button-e>p {
    color: var(--color-dark-c)
}

.dark .avatar-account {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .fill-account>.item>p {
    color: var(--color-dark-c)
}

.dark .default-input {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a);
    color: var(--color-dark-b)
}

.dark .default-input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .default-input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-input::placeholder {
    color: var(--color-dark-c)
}

.dark .default-input:focus {
    border: 1px solid var(--color-dark-d)
}

.dark .default-input.error-input {
    border: 1px solid var(--color-dark-i)
}

.dark .default-textarea {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a);
    color: var(--color-dark-b)
}

.dark .default-textarea::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-textarea::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .default-textarea:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-textarea::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .default-textarea::placeholder {
    color: var(--color-dark-c)
}

.dark .default-textarea:focus {
    border: 1px solid var(--color-dark-d)
}

.dark .default-textarea.error-input {
    border: 1px solid var(--color-dark-i)
}

.dark .error-messages>p {
    color: var(--color-dark-i)
}

.dark .input-type-fill {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .input-type-fill>p {
    color: var(--color-dark-b)
}

.dark .input-type-fill.not_verified>p {
    color: var(--color-dark-i)
}

.dark .head-select {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-select>p {
    color: var(--color-dark-b)
}

.dark .content-select>.item>p {
    color: var(--color-dark-c)
}

.dark .content-select>.item:hover {
    background: var(--color-dark-f)
}

.dark .content-select>.item:hover>p {
    color: var(--color-dark-b)
}

.dark .body-select {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-d)
}

.dark .search-select {
    background: var(--color-dark-e)
}

.dark .search-select>input {
    color: var(--color-dark-b)
}

.dark .search-select>input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-select>input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .search-select>input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-select>input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-select>input::placeholder {
    color: var(--color-dark-c)
}

.dark .default-select.active>.head-select {
    border: 1px solid var(--color-dark-d)
}

.dark .content-invite>h1 {
    color: var(--color-dark-b)
}

.dark .content-invite>p {
    color: var(--color-dark-b)
}

.dark .referal-link {
    border: 1px solid var(--color-dark-b)
}

.dark .referal-link>p {
    color: var(--color-dark-b)
}

.dark .reward-value>p {
    color: var(--color-dark-b)
}

.dark .reward-data>h1 {
    color: var(--color-dark-b)
}

.dark .top-inviter>h1 {
    color: var(--color-dark-b)
}

.dark .inviter-reward>p {
    color: var(--color-dark-c)
}

.dark .total-invited>h1 {
    color: var(--color-dark-b)
}

.dark .total-invited>p {
    color: var(--color-dark-b)
}

.dark .ref-setting>* {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .fill-password>.item>p {
    color: var(--color-dark-c)
}

.dark .password-setting>h1 {
    color: var(--color-dark-b)
}

.dark .qr-scan>h1 {
    color: var(--color-dark-b)
}

.dark .qr-data>.item>h1 {
    color: var(--color-dark-b)
}

.dark .qr-data>.item>p {
    color: var(--color-dark-c)
}

.dark .qr-data>.item>p>a {
    color: var(--color-dark-d)
}

.dark .app-items-qr>.item {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .code-qr>h1 {
    color: var(--color-dark-b)
}

.dark .code-qr-content>input.active {
    border: 1px solid var(--color-dark-g)
}

.dark .code-qr-content>input {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a);
    color: var(--color-dark-b)
}

.dark .code-qr-content>input:focus {
    border: 1px solid var(--color-dark-d)
}

.dark .upload-file>h1 {
    color: var(--color-dark-c)
}

.dark .upload-file>h1>span {
    color: var(--color-dark-d)
}

.dark .upload-content {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .data-upload {
    background: var(--color-dark-a);
    border: 1px dashed var(--color-dark-c)
}

.dark .data-upload>.item>p {
    color: var(--color-dark-b)
}

.dark .data-upload>.item.error-upload>p {
    color: var(--color-dark-i)
}

.dark .session-details>.item>h1 {
    color: var(--color-dark-b)
}

.dark .table-type-a>table>thead>tr {
    background-color: var(--color-dark-f)
}

.dark .table-type-a>table>thead>tr>td {
    color: var(--color-dark-c)
}

.dark .table-type-a>table>tbody>tr {
    background-color: var(--color-dark-e)
}

.dark .table-type-a>table>tbody>tr:hover {
    background-color: var(--color-dark-f)
}

.dark .table-type-a>table>tbody>tr>td {
    color: var(--color-dark-b)
}

.dark .table-type-a.table-b>table>tbody>tr {
    background-color: var(--color-dark-d)
}

.dark .head-asset {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .nav-main {
    background: var(--color-dark-a);
    border-right: 1px solid var(--color-dark-tr-a);
    border-right-width: 0
}

.dark .nav-theme-content::before {
    background: var(--color-dark-tr-c)
}

@media screen and (max-width: 1144px) {
    .dark .nav-header {
        background:var(--color-dark-tr-e)
    }
}

.dark .modal-header {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-d)
}

.dark .lang-data {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .lang-data>.item>p {
    color: var(--color-dark-c)
}

.dark .lang-data>.item:hover>p,.dark .lang-data>.item.active>p {
    color: var(--color-dark-d)
}

.dark .currency-data>.item {
    color: var(--color-dark-c)
}

.dark .currency-data>.item:hover,.dark .currency-data>.item.active {
    color: var(--color-dark-d)
}

.dark .download-modal>.modal-main-content>.item:first-child {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .download-modal>.modal-main-content>.item>h1 {
    color: var(--color-dark-c)
}

.dark .profile-nav-content>h1 {
    color: var(--color-dark-c)
}

.dark .profile-nav-content>p {
    color: var(--color-dark-c)
}

.dark .profile-navigation>.item {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .profile-navigation>.item:hover {
    background: var(--color-dark-f)
}

.dark .profile-navigation>.item:hover>.profile-nav-content>h1 {
    color: var(--color-dark-d)
}

.dark .profile-navigation>.item:hover>.profile-nav-content>p {
    color: var(--color-dark-d)
}

.dark .time-status>p {
    color: var(--color-dark-c)
}

.dark .time-status>span {
    background: var(--color-dark-d)
}

.dark .content-notif>h1 {
    color: var(--color-dark-b)
}

.dark .notif-withdraw>.content-notif>h1>span {
    color: var(--color-dark-g)
}

.dark .notif-exchange>.content-notif>h1>span {
    color: var(--color-dark-h)
}

.dark .notif-verification>.content-notif>h1>span {
    color: var(--color-dark-h)
}

.dark .notif-items>.item {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .balance-value-visual>.item>p {
    color: var(--color-dark-c)
}

.dark .item-balance-data>h3 {
    color: var(--color-dark-c)
}

.dark .item-balance-data>h1 {
    color: var(--color-dark-b)
}

.dark .item-balance-data>h1.high-h-type {
    color: var(--color-dark-d)
}

.dark .item-balance-data>h1.high-h-type>a {
    color: var(--color-dark-d)
}

.dark .item-balance-data>p {
    color: var(--color-dark-g)
}

.dark .balance-info>h1 {
    color: var(--color-dark-b)
}

.dark .balance-info>p {
    color: var(--color-dark-c)
}

.dark .balance-currency>h1 {
    color: var(--color-dark-b)
}

.dark .balance-currency>p {
    color: var(--color-dark-b)
}

.dark .balance-value-items>.item {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .primary-balance {
    background: var(--color-dark-f)
}

.dark .primary-table>table>tbody>tr:nth-child(even) {
    background-color: var(--color-dark-f)
}

.dark .primary-table>table>tbody>tr>td {
    color: var(--color-dark-c)
}

.dark .primary-table>table>thead>tr {
    background-color: var(--color-dark-f)
}

.dark .primary-table>table>thead>tr>td {
    color: var(--color-dark-c)
}

.dark .asset-item-info>p {
    color: var(--color-dark-b)
}

.dark .multiple-asset-info>h1 {
    color: var(--color-dark-b)
}

.dark .multiple-asset-info>p {
    color: var(--color-dark-c)
}

.dark .status-order.up-order>p {
    color: var(--color-dark-g)
}

.dark .status-order.down-order>p {
    color: var(--color-dark-h)
}

.dark .asset-info-balance>h1 {
    color: var(--color-dark-b)
}

.dark .check>p {
    color: var(--color-dark-b)
}

.dark .auth-info-top>.default-check>.check>p {
    color: var(--color-dark-c)
}

.dark .auth-info-top>.default-check>.check>p>a {
    color: var(--color-dark-d)
}

.dark .empty-data-table>p {
    color: var(--color-dark-c)
}

.dark .empty-data-table>p>a {
    color: var(--color-dark-d)
}

.dark .empty-data-table {
    background: var(--color-dark-f)
}

.dark .visual-coin-chart {
    background: var(--color-dark-f)
}

.dark .coin-name-info-modal>h1 {
    color: var(--color-dark-b)
}

.dark .coin-name-info-modal>p {
    color: var(--color-dark-c)
}

.dark .coin-price-change-modal>h1 {
    color: var(--color-dark-b)
}

.dark .coin-modal-info>h1 {
    color: var(--color-dark-b)
}

.dark .coin-modal-info>p {
    color: var(--color-dark-c)
}

.dark .primary-input {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .primary-input>input {
    color: var(--color-dark-b)
}

.dark .primary-input>input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .primary-input>input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .primary-input>input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .primary-input>input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .primary-input>input::placeholder {
    color: var(--color-dark-c)
}

.dark .set-max-input {
    color: var(--color-dark-d)
}

.dark .min-content-modal>.item>p {
    color: var(--color-dark-c)
}

.dark .total-with-data {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .total-with-data>.item>h1 {
    color: var(--color-dark-b)
}

.dark .total-with-data>.item>p {
    color: var(--color-dark-c)
}

.dark .message-with-info.message-type-a {
    background: var(--color-dark-tr-h);
    border: 1px solid var(--color-dark-g)
}

.dark .message-with-info.message-type-a>p {
    color: var(--color-dark-g)
}

.dark .message-with-info.message-type-a>.message-with-details>h1 {
    color: var(--color-dark-b)
}

.dark .message-with-info.message-type-a>.message-with-details>p {
    color: var(--color-dark-b)
}

.dark .message-with-info.message-type-b {
    background: var(--color-dark-tr-g);
    border: 1px solid var(--color-dark-k)
}

.dark .message-with-info.message-type-b>p {
    color: var(--color-dark-k)
}

.dark .message-with-info.message-type-b>.message-with-details>h1 {
    color: var(--color-dark-b)
}

.dark .message-with-info.message-type-b>.message-with-details>p {
    color: var(--color-dark-b)
}

.dark .witdraw-content-modal>.item>p {
    color: var(--color-dark-c)
}

.dark .secondary-head-info>h1 {
    color: var(--color-dark-b)
}

.dark .secondary-head-info>p,.dark .secondary-head-info h3 {
    color: var(--color-dark-c)
}

.dark .secondary-select-head {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .secondary-select-body {
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-d);
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .secondary-body-info>h1 {
    color: var(--color-dark-b)
}

.dark .secondary-body-info>p {
    color: var(--color-dark-c)
}

.dark .secondary-body-content>.item:hover,.dark .secondary-body-content>.item.active {
    background: var(--color-dark-m)
}

.dark .secondary-search {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .secondary-search>input {
    color: var(--color-dark-b)
}

.dark .secondary-search>input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .secondary-search>input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .secondary-search>input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .secondary-search>input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .secondary-search>input::placeholder {
    color: var(--color-dark-c)
}

.dark .empty-option {
    background: var(--color-dark-m)
}

.dark .empty-option>p {
    color: var(--color-dark-c)
}

.dark .balance-deposit-data>h1 {
    color: var(--color-dark-b)
}

.dark .balance-deposit-data>p {
    color: var(--color-dark-c)
}

.dark .balance-deposit-info {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-f)
}

.dark .balance-deposit-info>h1 {
    color: var(--color-dark-b)
}

.dark .deposit-adress-info>h1 {
    color: var(--color-dark-b)
}

.dark .deposit-adress-info>p {
    color: var(--color-dark-c)
}

.dark .deposit-adress-info>p>span {
    color: var(--color-dark-b)
}

.dark .default-copy {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .default-copy>p {
    color: var(--color-dark-b)
}

.dark .deposit-adress-data {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .deposit-verif-status>p {
    color: var(--color-dark-c)
}

.dark .deposit-verif-status>p>span {
    color: var(--color-dark-d)
}

.dark .sort-asset-tab>.item>p {
    color: var(--color-dark-c)
}

.dark .sort-asset-tab>.item.active {
    background: var(--color-dark-e)
}

.dark .sort-asset-tab>.item.active>p {
    color: var(--color-dark-d)
}

.dark .item-head-copy>p {
    color: var(--color-dark-c)
}

.dark .complete-s {
    background: var(--color-dark-tr-k)
}

.dark .complete-s>p {
    color: var(--color-dark-g)
}

.dark .pending-s {
    background: var(--color-dark-tr-l)
}

.dark .pending-s>p {
    color: var(--color-dark-n)
}

.dark .canceled-s {
    background: var(--color-dark-tr-m)
}

.dark .canceled-s>p {
    color: var(--color-dark-o)
}

.dark .sort-asset-select>.default-select>.head-select>p,.dark .sort-asset-tab-select>.default-select>.head-select>p {
    color: var(--color-dark-c)
}

.dark .primary-trade-info {
    background: var(--color-dark-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-n);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-n);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .primary-trade-info>.item {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .primary-trade-info>.item:last-child {
    border-right: 0
}

.dark .primary-trade-info>.item>h1 {
    color: var(--color-dark-c)
}

.dark .primary-trade-info>.item>p {
    color: var(--color-dark-b)
}

.dark .primary-trade-info-coin {
    background: var(--color-dark-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-n);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-n);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .primary-trade-info-coin>.coin-trade-info {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .primary-trade-info>.item.gain-up>.gain-asset>p {
    color: #3dbaa2;
}

.dark .primary-trade-info>.item.gain-down>.gain-asset>p {
    color: var(--color-dark-p)
}

.dark .trade-live-info {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-trade-live-item::before {
    background: var(--color-dark-tr-a)
}

.dark .head-trade-live-item>.item>p {
    color: var(--color-dark-c)
}

.dark .head-trade-live-item>.item.active>p {
    color: var(--color-dark-b)
}

.dark .head-trade-live-item>.item.active::before {
    background: var(--color-dark-d);
    opacity: 1
}

.dark .thead-order {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .thead-order>.item>p {
    color: var(--color-dark-c)
}

.dark .row-tbody-order>.item>p {
    color: var(--color-dark-b)
}

.dark .row-tbody-order.order-sell>.item:first-child>p {
    color: var(--color-dark-p)
}

.dark .row-tbody-order.order-sell>.row-order-vis {
    background: var(--color-dark-tr-p)
}

.dark .row-tbody-order.order-sell>.row-order-vis+.item p {
    color: var(--color-dark-p)
}

.dark .row-tbody-order.order-buy>.item:first-child>p {
    color: var(--color-dark-q)
}

.dark .row-tbody-order.order-buy>.row-order-vis {
    background: var(--color-dark-tr-q)
}

.dark .row-tbody-order.order-buy>.row-order-vis+.item p {
    color: var(--color-dark-q)
}

.dark .tbody-order>.item.order-sell-type>.row-tbody-order>.item:first-child>p {
    color: var(--color-dark-p)
}

.dark .tbody-order>.item.order-sell-type>.row-tbody-order>.row-order-vis {
    background: var(--color-dark-tr-p)
}

.dark .tbody-order>.item.order-sell-type>.row-tbody-order>.row-order-vis+.item p {
    color: var(--color-dark-p)
}

.dark .tbody-order>.item.order-buy-type>.row-tbody-order>.item:first-child>p {
    color: var(--color-dark-q)
}

.dark .tbody-order>.item.order-buy-type>.row-tbody-order>.row-order-vis {
    background: var(--color-dark-tr-q)
}

.dark .tbody-order>.item.order-buy-type>.row-tbody-order>.row-order-vis+.item p {
    color: var(--color-dark-q)
}

.dark .item-tbody-info {
    border-top: 1px solid var(--color-dark-tr-a);
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .item-tbody-info>p {
    color: var(--color-dark-b)
}

.dark .trade-live {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .order-book-head {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .order-book-view>.item {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .order-book-view>.item.active {
    border: 1px solid var(--color-dark-e);
    background-color: var(--color-dark-e)
}

.dark .head-trade-table {
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .head-trade-table>.item>p {
    color: var(--color-dark-c)
}

.dark .head-trade-table>.item.active {
    background: var(--color-dark-e)
}

.dark .head-trade-table>.item.active>p {
    color: var(--color-dark-d)
}

.dark .body-trade-table>.item>table>thead>tr>td {
    color: var(--color-dark-c);
    border-bottom: 1px solid var(--color-dark-tr-a)
}

.dark .body-trade-table>.item>table>tbody>tr>td {
    border-bottom: 1px solid var(--color-dark-tr-a);
    color: var(--color-dark-b)
}

.dark .body-trade-table>.item>table>tbody>tr>td.fill-table-a {
    color: var(--color-dark-q)
}

.dark .body-trade-table>.item>table>tbody>tr>td.fill-table-b {
    color: var(--color-dark-c)
}

.dark .body-trade-table>.item>table>tbody>tr>td.fill-table-c {
    color: var(--color-dark-p)
}

.dark .body-trade-table>.item>table>tbody>tr>td.fill-table-d {
    color: var(--color-dark-p)
}

.dark .body-trade-table>.item>table>tbody>tr:last-child>td {
    border-bottom: none
}

.dark .trade-table {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .trade-action {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-trade-action {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .head-trade-action>.item>p {
    color: var(--color-dark-c)
}

.dark .head-trade-action>.item.active:first-child {
    background: var(--color-dark-q)
}

.dark .head-trade-action>.item.active:last-child {
    background: var(--color-dark-p)
}

.dark .head-trade-action>.item.active>p {
    color: var(--color-dark-b)
}

.dark .trade-limit-market>.item>p {
    color: var(--color-dark-c)
}

.dark .trade-limit-market>.item.active>p {
    color: var(--color-dark-b)
}

.dark .action-trade-fill>.item {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .action-trade-fill>.item>p {
    color: var(--color-dark-c)
}

.dark .item-set-fill>input {
    color: var(--color-dark-b)
}

.dark .item-set-fill>p {
    color: var(--color-dark-c)
}

.dark .move-content>.item>p {
    color: var(--color-dark-b)
}

.dark .move-content::before {
    background: var(--color-dark-tr-a)
}

.dark .action-trade-content.sell-content>.default-button {
    background: var(--color-dark-p)
}

.dark .action-trade-content.sell-content>.default-button>p {
    color: var(--color-dark-b)
}

.dark .action-trade-content.sell-content>.default-button.button-m {
    background: none;
    border: 1px solid var(--color-dark-p)
}

.dark .action-trade-content.sell-content>.default-button.button-m>p>a {
    color: var(--color-dark-p)
}

.dark .action-trade-content.sell-content>.default-button.button-m>p>span {
    color: var(--color-dark-b)
}

.dark .action-trade-content.buy-content>.default-button {
    background: var(--color-dark-q)
}

.dark .action-trade-content.buy-content>.default-button>p {
    color: var(--color-dark-b)
}

.dark .action-trade-content.buy-content>.default-button.button-m {
    background: none;
    border: 1px solid var(--color-dark-q)
}

.dark .action-trade-content.buy-content>.default-button.button-m>p>a {
    color: var(--color-dark-q)
}

.dark .action-trade-content.buy-content>.default-button.button-m>p>span {
    color: var(--color-dark-b)
}

.dark .action-trade-move>p {
    color: var(--color-dark-b)
}

.dark .trade-limit-market::before {
    background: var(--color-dark-tr-a)
}

.dark .trade-limit-market>.item.active::before {
    background: var(--color-dark-d)
}

.dark .tbody-sell>.item-tbody-info>p {
    color: var(--color-dark-p)
}

.dark .tbody-buy>.item-tbody-info>p {
    color: var(--color-dark-q)
}

.dark .secondaty-body-price>h1 {
    color: var(--color-dark-b)
}

.dark .secondaty-body-price>p {
    color: var(--color-dark-c)
}

.dark .primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>h1 {
    color: var(--color-dark-c)
}

.dark .primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>p {
    color: var(--color-dark-b)
}

.dark .secondary-filter-content::before {
    background: var(--color-dark-tr-a)
}

.dark .secondary-filter-content>.item>p {
    color: var(--color-dark-c)
}

.dark .secondary-filter-content>.item::after {
    background: var(--color-dark-d)
}

.dark .secondary-filter-content>.item.active>p {
    color: var(--color-dark-b)
}

.dark .secondary-filter-content>.item.active::after {
    opacity: 1
}

.dark .secondary-filter-content>.item:hover>p {
    color: var(--color-dark-b)
}

.dark .secondary-thead-content::before {
    background: var(--color-dark-tr-a)
}

.dark .secondary-thead-content>.item>p {
    color: var(--color-dark-c)
}

.dark .primary-promotions>h2 {
    color: var(--color-dark-b)
}

.dark .primary-promotions>h1 {
    color: var(--color-dark-b)
}

.dark .tag-new>.item.tag-type-b {
    background: var(--color-dark-tr-a)
}

.dark .tag-new>.item.tag-type-b>p {
    color: var(--color-dark-b)
}

.dark .tag-new>.item.tag-type-a {
    background: var(--color-dark-tr-k)
}

.dark .tag-new>.item.tag-type-a>p {
    color: var(--color-dark-g)
}

.dark .tag-new>.item.tag-type-c {
    background: var(--color-dark-tr-p)
}

.dark .tag-new>.item.tag-type-c>p {
    color: var(--color-dark-p)
}

.dark .bottom-new>p {
    color: var(--color-dark-b)
}

.dark .news-items>.item {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-f)
}

.dark .news-items>.item>.bottom-new>.default-button {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .pagination>.item {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .pagination>.item>p {
    color: var(--color-dark-b)
}

.dark .pagination>.item.disabled.prev-item>p {
    color: var(--color-dark-c)
}

.dark .pagination>.item.disabled.next-item>p {
    color: var(--color-dark-c)
}

.dark .page-info {
    border: 1px solid var(--color-dark-tr-a)
}

.dark .page-info>p {
    color: var(--color-dark-c)
}

.dark .page-info>p.active {
    color: var(--color-dark-b)
}

.dark .new-item {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-f)
}

.dark .new-item-text>* {
    color: var(--color-dark-c)
}

.dark .new-item-content>h1 {
    color: var(--color-dark-b)
}

.dark .space-content {
    background: var(--color-dark-d)
}

.dark .content-featured>.item {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-a)
}

.dark .feature-info>p {
    color: var(--color-dark-c)
}

.dark .feature-info>h1 {
    color: var(--color-dark-b)
}

.dark .new-featured>h1 {
    color: var(--color-dark-b)
}

.dark .search-type-b {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-b)
}

.dark .search-type-b>input {
    color: var(--color-dark-a)
}

.dark .search-type-b>input::-webkit-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-type-b>input::-moz-placeholder {
    color: var(--color-dark-c)
}

.dark .search-type-b>input:-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-type-b>input::-ms-input-placeholder {
    color: var(--color-dark-c)
}

.dark .search-type-b>input::placeholder {
    color: var(--color-dark-c)
}

.dark .top-data-search>h1 {
    color: var(--color-dark-b)
}

.dark .top-data-search>p {
    color: var(--color-dark-b)
}

.dark .prices-cryptocurrency>.primary-table>table>tbody>tr>td>p {
    color: var(--color-dark-b)
}

.dark .prices-category-items>.item {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .prices-category-items>.item>p {
    color: var(--color-dark-b)
}

.dark .prices-category-items>.item:hover,.dark .prices-category-items>.item.active {
    border: 1px solid var(--color-dark-d)
}

.dark .prices-category-items>.item:hover>p,.dark .prices-category-items>.item.active>p {
    color: var(--color-dark-d)
}

.dark .prices-category>h1,.dark .prices-cryptocurrency>h1 {
    color: var(--color-dark-b)
}

.dark .primary-trade-navigation {
    background: var(--color-dark-a);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .item-alert {
    -webkit-box-shadow: 0 16px 32px -8px var(--color-dark-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-dark-tr-d)
}

.dark .confirm-info>h1 {
    color: var(--color-dark-b)
}

.dark .confirm-info>p {
    color: var(--color-dark-c)
}

.dark .confirm-action {
    border-top: 1px solid var(--color-dark-tr-a)
}

.dark .confirm-action>.item {
    border-right: 1px solid var(--color-dark-tr-a)
}

.dark .confirm-action>.item:last-child {
    border-right: none
}

.dark .confirm-action>.item>p {
    color: var(--color-dark-b)
}

.dark .confirm-content {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-f)
}

.dark .message-auth>p {
    color: var(--color-dark-c)
}

.dark .message-auth>p>a {
    color: var(--color-dark-d)
}

.dark .auth-fill>.item>p {
    color: var(--color-dark-c)
}

.dark .pass-recover>* {
    color: var(--color-dark-d)
}

.dark .head-auth-content>h1 {
    color: var(--color-dark-b)
}

.dark .head-auth-content>p {
    color: var(--color-dark-c)
}

.dark .body-auth-info>h1 {
    color: var(--color-dark-b)
}

.dark .body-auth-info>p {
    color: var(--color-dark-b)
}

.dark .footer-head-info>h1 {
    color: var(--color-dark-b)
}

.dark .footer-time-info>h1 {
    color: var(--color-dark-b)
}

.dark .time-info>.item {
    background: var(--color-dark-e);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .time-info>.item>p {
    color: var(--color-dark-c)
}

.dark .time-info>.item>h1 {
    color: var(--color-dark-b)
}

.dark .auth-info {
    background: var(--color-dark-d)
}

.dark .auth-verify {
    border: 2px solid var(--color-dark-tr-a)
}

.dark .auth-verify>p {
    color: var(--color-dark-b)
}

.dark .verify-toggle {
    border: 1px solid var(--color-dark-d)
}

.dark .verify-toggle::before {
    background: var(--color-dark-b)
}

.dark .benefit-items>.item>.benefit-icon.has-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .auth-info-top>p {
    color: var(--color-dark-c)
}

.dark .auth-info-top>p>a {
    color: var(--color-dark-d)
}

.dark .item-alert {
    border: 1px solid var(--color-dark-tr-a);
    background: var(--color-dark-m)
}

.dark .item-alert>p {
    color: var(--color-dark-c)
}

.dark .no-notif>p {
    color: var(--color-dark-c)
}

.dark .primary-input.error-input {
    border: 1px solid var(--color-dark-i)
}

.dark .primary-load {
    background: var(--color-dark-a)
}

.dark .refer-info>h1 {
    color: var(--color-dark-b)
}

.dark .refer-info>p {
    color: var(--color-dark-c)
}

.dark .refer-items>.item {
    background: var(--color-dark-f)
}

.dark .refer-items>.item>p {
    background: var(--color-dark-b);
    color: var(--color-dark-e)
}

.dark .primary-refer>h1 {
    color: var(--color-dark-b)
}

.dark .primary-started>h1 {
    color: var(--color-dark-b)
}

.dark .primary-started>h3 {
    color: var(--color-dark-c)
}

.dark .banner-top-info>h1 {
    color: var(--color-dark-b)
}

.dark .banner-top-info>p {
    color: var(--color-dark-b)
}

.dark .banner-action>.button-f {
    border: 2px solid var(--color-dark-b)
}

.dark .primary-affilate>.item {
    background: var(--color-dark-f)
}

.dark .primary-affilate>.item>h1 {
    color: var(--color-dark-b)
}

.dark .primary-affilate>.item>p {
    color: var(--color-dark-c)
}

.dark .benef-item-data>h1 {
    color: var(--color-dark-b)
}

.dark .benef-item-data>p {
    color: var(--color-dark-c)
}

.dark .benef-item-data>p>a {
    color: var(--color-dark-d)
}

.dark .benefit-details>h3 {
    color: var(--color-dark-c)
}

.dark .benefit-details>h1 {
    color: var(--color-dark-b)
}

.dark .benefit-details>p {
    color: var(--color-dark-c)
}

.dark .step-num {
    background: var(--color-dark-f)
}

.dark .step-num>p {
    border: 2px solid var(--color-dark-d);
    color: var(--color-dark-b)
}

.dark .primary-affilate-steps>.item>h1 {
    color: var(--color-dark-b)
}

.dark .primary-affilate-steps>.item>p {
    color: var(--color-dark-c)
}

.dark .primary-affilate-info>.item {
    background: var(--color-dark-f)
}

.dark .primary-affilate-info>.item>h1 {
    color: var(--color-dark-b)
}

.dark .primary-affilate-info>.item>p {
    color: var(--color-dark-c)
}

.dark .listing {
    background: var(--color-dark-f)
}

.dark .listing>h1 {
    color: var(--color-dark-b)
}

.dark .listing-fills>.item>p {
    color: var(--color-dark-c)
}

.dark .listing-comment>p {
    color: var(--color-dark-c)
}

.dark .fees-items>.item {
    background: var(--color-dark-f)
}

.dark .fees-items>.item>h3 {
    color: var(--color-dark-c)
}

.dark .fees-items>.item>h1 {
    color: var(--color-dark-b)
}

.dark .fees-items>.item>p {
    color: var(--color-dark-c)
}

.dark .primary-fees>h1 {
    color: var(--color-dark-b)
}

.dark .primary-table.table-type-b>table>tbody>tr>td>p {
    color: var(--color-dark-b)
}

.dark .primary-table.table-type-b>table>tbody>tr>td>p.high-b {
    color: var(--color-dark-d)
}

.dark .couple-data>.item {
    color: var(--color-dark-b)
}

.dark .vip-details>h1 {
    color: var(--color-dark-b)
}

.dark .vip-details>ol>li {
    color: var(--color-dark-c)
}

.dark .primary-vip>h1 {
    color: var(--color-dark-b)
}

.dark .upload-program>h1 {
    color: var(--color-dark-c)
}

.dark .upload-program>p {
    color: var(--color-dark-c)
}

.dark .top-fill-program>.item>p {
    color: var(--color-dark-c)
}

.dark .program-vip-info>h1 {
    color: var(--color-dark-b)
}

.dark .content-program {
    background: var(--color-dark-f)
}

.dark .primary-vip-program>h1 {
    color: var(--color-dark-b)
}

.dark .primary-vip-program>p {
    color: var(--color-dark-c)
}

.dark .vip-app-info>h1 {
    color: var(--color-dark-b)
}

.dark .vip-app-info>p {
    color: var(--color-dark-b)
}

.dark .primary-vip-details>.item>h1 {
    color: var(--color-dark-b)
}

.dark .primary-vip-details>.item>p {
    color: var(--color-dark-c)
}

.dark .app-items-qr>.item>.app-qr-light {
    display: none
}

.dark .app-items-qr>.item>.app-qr-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .primary-buy-crypto>h1 {
    color: var(--color-dark-b)
}

.dark .primary-buy-crypto>h4 {
    color: var(--color-dark-b)
}

.dark .methods-buy>.item {
    background: var(--color-dark-b)
}

.dark .method-info>h1 {
    color: var(--color-dark-b)
}

.dark .method-info>p {
    color: var(--color-dark-c)
}

.dark .method-buy-action>.item {
    background: var(--color-dark-f)
}

.dark .primary-squad-info>.item>h1 {
    color: var(--color-dark-b)
}

.dark .primary-squad-info>.item>p {
    color: var(--color-dark-c)
}

.dark .squad-team-info>h1 {
    color: var(--color-dark-b)
}

.dark .squad-team-info>p {
    color: var(--color-dark-c)
}

.dark .squad-team-peolpe>.item {
    background: var(--color-dark-f)
}

.dark .squad-team-peolpe>.item>h1 {
    color: var(--color-dark-b)
}

.dark .squad-team-peolpe>.item>h2 {
    color: var(--color-dark-c)
}

.dark .squad-team-peolpe>.item>p {
    color: var(--color-dark-c)
}

.dark .logo-download>.item {
    border: 1px solid var(--color-dark-f)
}

.dark .logo-download>.item>.logo-download-light {
    display: none
}

.dark .logo-download>.item>a {
    color: var(--color-dark-b)
}

.dark .primary-logo-download>h1 {
    color: var(--color-dark-b)
}

.dark .primary-banner.banner-type-b>.item>.banner-info>.banner-top-info>h1 {
    color: var(--color-dark-b)
}

.dark .primary-banner.banner-type-b>.item>.banner-info>.banner-top-info>p {
    color: var(--color-dark-b)
}

.dark .primary-table>table>tbody>tr:hover>td {
    border-top: 2px solid var(--color-dark-d);
    border-bottom: 2px solid var(--color-dark-d)
}

.dark .primary-table>table>tbody>tr:hover>td:first-child {
    border-left: 2px solid var(--color-dark-d)
}

.dark .primary-table>table>tbody>tr:hover>td:last-child {
    border-right: 2px solid var(--color-dark-d)
}

@media screen and (max-width: 768px) {
    .dark .data-table::before {
        background:-webkit-gradient(linear,right top,left top,from(#1F2128),to(rgba(31,33,40,0)));
        background: linear-gradient(270deg,#1F2128 0%,rgba(31,33,40,0) 100%)
    }

    .dark .nav-header {
        background: var(--color-dark-tr-e)
    }
}

:root {
    --color-light-a: #F7F9FD;
    --color-light-b: #FFF;
    --color-light-c: #777E90;
    --color-light-d: #3772FF;
    --color-light-e: #E0E9FD;
    --color-light-f: var(--color-light-b);
    --color-light-g: #4FBF67;
    --color-light-x: #E32D2D;
    --color-light-j: #191B21;
    --color-light-h: #195AF5;
    --color-light-i: #EA5050;
    --color-light-k: #FF9F38;
    --color-light-m: #303441;
    --color-light-n: #B6B6B6;
    --color-light-o: #D54C4C;
    --color-light-p: #FF7A68;
    --color-light-q: #3DBAA2;
    --color-light-tr-a: rgba(31,33,40,0.08);
    --color-light-tr-b: rgba(247,249,253,0.92);
    --color-light-tr-c: rgba(25,27,33,0.64);
    --color-light-tr-d: rgba(31,31,31,0.24);
    --color-light-tr-e: rgba(247,249,253,0.72);
    --color-light-tr-h: rgba(79,191,103,0.16);
    --color-light-tr-g: rgba(255,159,56,0.16);
    --color-light-tr-k: rgba(79,191,103,0.24);
    --color-light-tr-l: rgba(135,135,135,0.24);
    --color-light-tr-m: rgba(227,45,45,0.24);
    --color-light-tr-n: rgba(31,31,31,0.08);
    --color-light-tr-p: rgba(255,122,104,0.16);
    --color-light-tr-q: rgba(61,186,162,0.16);
    --color-light-gd-a: linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFF 100%)
}

.light .vis {
    background: var(--color-light-a)
}

.light body {
    background: var(--color-light-a)
}

.light .responsive-wrapper {
    background: var(--color-light-a)
}

.light .responsive-navigation {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .top-content-slide>h3 {
    color: var(--color-light-b)
}

.light .top-content-slide>h1 {
    color: var(--color-light-b)
}

.light .top-content-slide>p {
    color: var(--color-light-b)
}

.light .button-a {
    background: var(--color-light-a)
}

.light .button-a>p {
    color: var(--color-light-j)
}

.light .button-b {
    background: var(--color-light-d)
}

.light .button-b>p {
    color: var(--color-light-b)
}

.light .button-b:hover {
    background: var(--color-light-h)
}

.light .button-b:active {
    background: var(--color-light-d)
}

.light .button-c>p {
    color: var(--color-light-c)
}

.light .button-c:hover>p {
    color: var(--color-light-j)
}

.light .button-d {
    border: 2px solid var(--color-light-f)
}

.light .button-d>p {
    color: var(--color-light-j)
}

.light .button-d:hover {
    background: var(--color-light-b)
}

.light .button-g {
    background: var(--color-light-tr-a)
}

.light .button-g>p {
    color: var(--color-light-j)
}

.light .tns-nav>button {
    background: var(--color-light-c)
}

.light .primary-slides-line > .tns-outer > .tns-controls > button {
    background-color: rgba(119, 126, 144, 0.2);
}

.light .tns-controls > button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%23777E90' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.light .navigation-header>.item>p {
    color: var(--color-light-c)
}

.light .navigation-header>.item:hover>p {
    color: var(--color-light-j)
}

.light .assets-filter>.item>p {
    color: var(--color-light-c)
}

.light .assets-filter>.item:hover {
    background: var(--color-light-f)
}

.light .assets-filter>.item:hover>p {
    color: var(--color-light-j)
}

.light .assets-filter>.item.active {
    background: var(--color-light-e)
}

.light .assets-filter>.item.active>p {
    color: var(--color-light-d)
}

.light .top-asset-info>h1 {
    color: var(--color-light-j)
}

.light .top-asset-info>p {
    background: var(--color-light-a);
    color: var(--color-light-c)
}

.light .asset-info>p {
    color: var(--color-light-c)
}

.light .asset-items>.item {
    background: var(--color-light-f)
}

.light .asset-items>.item.gain-up>.body-asset>.price-info>.gain-asset>p {
    color: var(--color-light-g)
}

.light .asset-items>.item.gain-down>.body-asset>.price-info>.gain-asset>p {
    color: var(--color-light-x)
}

.light .price-asset>h1,.light .price-asset p {
    color: var(--color-light-j)
}

.light .view-asset {
    background: var(--color-light-gd-a)
}

.light .chart-load::before {
    background: var(--color-light-f)
}

.light .chart-load::after {
    background: transparent;
    border-top: 2px solid var(--color-light-c);
    border-right: 2px solid transparent
}

.light .primary-benefits>h1 {
    color: var(--color-light-j)
}

.light .primary-benefits>p {
    color: var(--color-light-c)
}

.light .benefit-info>h1 {
    color: var(--color-light-j)
}

.light .benefit-info>p {
    color: var(--color-light-c)
}

.light .portfolio-info>h3 {
    color: var(--color-light-c)
}

.light .portfolio-info>h1 {
    color: var(--color-light-j)
}

.light .portfolio-info>p {
    color: var(--color-light-c)
}

.light .primary-reward>h3 {
    color: var(--color-light-j)
}

.light .primary-reward>h1 {
    color: var(--color-light-j)
}

.light .form-started {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .form-started>input {
    color: var(--color-light-j)
}

.light .form-started>input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .form-started>input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .form-started>input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .form-started>input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .form-started>input::placeholder {
    color: var(--color-light-c)
}

.light .form-started.error-form {
    border: 1px solid var(--color-light-i)
}

.light .footer-nav-items>.item {
    color: var(--color-light-c)
}

.light .footer-nav-items>.item:hover {
    color: var(--color-light-j)
}

.light .footer-navigation>.item>h1 {
    color: var(--color-light-j)
}

.light .updates-sub {
    background: var(--color-light-e)
}

.light .updates-sub>h1 {
    color: var(--color-light-j)
}

.light .updates-sub>p {
    color: var(--color-light-c)
}

.light .message-footer>p {
    color: var(--color-light-c)
}

.light .primary-footer {
    border-top: 1px solid var(--color-light-tr-a)
}

.light .primary-header {
    background: var(--color-light-tr-b)
}

.light .nav-navigate>.item>p {
    color: var(--color-light-c)
}

.light .nav-navigate>.item:hover,.light .nav-navigate>.item.active {
    background: var(--color-light-f)
}

.light .nav-navigate>.item:hover>p,.light .nav-navigate>.item.active>p {
    color: var(--color-light-d)
}

.light .nav-navigate>.item.active {
    background: var(--color-light-e)
}

.light .theme-status {
    background: var(--color-light-f)
}

.light .head-asset {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .modal-body {
    background: var(--color-light-tr-c)
}

.light .hide-modal {
    background-color: var(--color-light-e)
}

.light .head-modal>h1 {
    color: var(--color-light-j)
}

.light .modal-content {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a)
}

.light .head-modal-navigate>.item {
    color: var(--color-light-c);
    border: 1px solid var(--color-light-tr-a)
}

.light .head-modal-navigate>.item:hover {
    border: 1px solid var(--color-light-f);
    background: var(--color-light-f);
    color: var(--color-light-j)
}

.light .head-modal-navigate>.item.active {
    border: 1px solid var(--color-light-e);
    background: var(--color-light-e);
    color: var(--color-light-d)
}

.light .button-f {
    border: 2px solid var(--color-light-d)
}

.light .button-f>p {
    color: var(--color-light-d)
}

.light .button-e {
    background: var(--color-light-f)
}

.light .button-e>p {
    color: var(--color-light-c)
}

.light .avatar-account {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .fill-account>.item>p {
    color: var(--color-light-c)
}

.light .default-input {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a);
    color: var(--color-light-j)
}

.light .default-input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .default-input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .default-input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .default-input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .default-input::placeholder {
    color: var(--color-light-c)
}

.light .default-input:focus {
    border: 1px solid var(--color-light-d)
}

.light .default-input.error-input {
    border: 1px solid var(--color-light-i)
}

.light .default-textarea {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a);
    color: var(--color-light-j)
}

.light .default-textarea::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .default-textarea::-moz-placeholder {
    color: var(--color-light-c)
}

.light .default-textarea:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .default-textarea::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .default-textarea::placeholder {
    color: var(--color-light-c)
}

.light .default-textarea:focus {
    border: 1px solid var(--color-light-d)
}

.light .default-textarea.error-input {
    border: 1px solid var(--color-light-i)
}

.light .error-messages>p {
    color: var(--color-dark-i)
}

.light .input-type-fill {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .input-type-fill>p {
    color: var(--color-light-j)
}

.light .input-type-fill.not_verified>p {
    color: var(--color-light-i)
}

.light .head-select {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .head-select>p {
    color: var(--color-light-j)
}

.light .content-select {
    background: var(--color-light-b)
}

.light .content-select>.item>p {
    color: var(--color-light-j)
}

.light .content-select>.item:hover {
    background: var(--color-light-e)
}

.light .content-select>.item:hover>p {
    color: var(--color-light-j)
}

.light .body-select {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-d)
}

.light .search-select {
    background: var(--color-light-b)
}

.light .search-select>input {
    color: var(--color-light-j)
}

.light .search-select>input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .search-select>input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .search-select>input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .search-select>input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .search-select>input::placeholder {
    color: var(--color-light-c)
}

.light .default-select.active>.head-select {
    border: 1px solid var(--color-light-d)
}

.light .content-invite>h1 {
    color: var(--color-light-b)
}

.light .content-invite>p {
    color: var(--color-light-b)
}

.light .referal-link {
    border: 1px solid var(--color-light-b)
}

.light .referal-link>p {
    color: var(--color-light-b)
}

.light .reward-value>p {
    color: var(--color-light-j)
}

.light .reward-data>h1 {
    color: var(--color-light-j)
}

.light .top-inviter>h1 {
    color: var(--color-light-j)
}

.light .inviter-reward>p {
    color: var(--color-light-c)
}

.light .total-invited>h1 {
    color: var(--color-light-j)
}

.light .total-invited>p {
    color: var(--color-light-j)
}

.light .ref-setting>* {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .fill-password>.item>p {
    color: var(--color-light-c)
}

.light .password-setting>h1 {
    color: var(--color-light-j)
}

.light .qr-scan>h1 {
    color: var(--color-light-j)
}

.light .qr-data>.item>h1 {
    color: var(--color-light-j)
}

.light .qr-data>.item>p {
    color: var(--color-light-c)
}

.light .qr-data>.item>p>a {
    color: var(--color-light-d)
}

.light .app-items-qr>.item {
    border: 1px solid var(--color-light-tr-a)
}

.light .code-qr>h1 {
    color: var(--color-light-j)
}

.light .code-qr-content>input.active {
    border: 1px solid var(--color-light-g)
}

.light .code-qr-content>input {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a);
    color: var(--color-light-j)
}

.light .code-qr-content>input:focus {
    border: 1px solid var(--color-light-d)
}

.light .upload-file>h1 {
    color: var(--color-light-c)
}

.light .upload-file>h1>span {
    color: var(--color-light-d)
}

.light .upload-content {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .data-upload {
    background: var(--color-light-a);
    border: 1px dashed var(--color-light-c)
}

.light .data-upload>.item>p {
    color: var(--color-light-j)
}

.light .data-upload>.item.error-upload>p {
    color: var(--color-light-i)
}

.light .session-details>.item>h1 {
    color: var(--color-light-j)
}

.light .table-type-a>table>thead>tr {
    background-color: var(--color-light-f)
}

.light .table-type-a>table>thead>tr>td {
    color: var(--color-light-c)
}

.light .table-type-a>table>tbody>tr {
    background-color: var(--color-light-e)
}

.light .table-type-a>table>tbody>tr:hover {
    background-color: var(--color-light-f)
}

.light .table-type-a>table>tbody>tr>td {
    color: var(--color-light-j)
}

.light .table-type-a.table-b>table>tbody>tr {
    background-color: var(--color-light-d)
}

.light .table-type-a.table-b>table>tbody>tr>td {
    color: var(--color-light-b)
}

.light .head-asset {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .nav-main {
    background: var(--color-light-a);
    border-right: 0 solid var(--color-light-tr-a);
    border-right-width: 0
}

.light .nav-theme-content::before {
    background: var(--color-light-tr-c)
}

@media screen and (max-width: 1144px) {
    .light .nav-header {
        background:var(--color-light-tr-e)
    }
}

.light .modal-header {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-d)
}

.light .lang-data {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .lang-data>.item>p {
    color: var(--color-light-c)
}

.light .lang-data>.item:hover>p,.light .lang-data>.item.active>p {
    color: var(--color-light-d)
}

.light .currency-data>.item {
    color: var(--color-light-c)
}

.light .currency-data>.item:hover,.light .currency-data>.item.active {
    color: var(--color-light-d)
}

.light .download-modal>.modal-main-content>.item:first-child {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .download-modal>.modal-main-content>.item>h1 {
    color: var(--color-light-c)
}

.light .profile-nav-content>h1 {
    color: var(--color-light-c)
}

.light .profile-nav-content>p {
    color: var(--color-light-c)
}

.light .profile-navigation>.item {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .profile-navigation>.item:hover {
    background: var(--color-light-f)
}

.light .profile-navigation>.item:hover>.profile-nav-content>h1 {
    color: var(--color-light-d)
}

.light .profile-navigation>.item:hover>.profile-nav-content>p {
    color: var(--color-light-d)
}

.light .time-status>p {
    color: var(--color-light-c)
}

.light .time-status>span {
    background: var(--color-light-d)
}

.light .content-notif>h1 {
    color: var(--color-light-j)
}

.light .notif-withdraw>.content-notif>h1>span {
    color: var(--color-light-g)
}

.light .notif-exchange>.content-notif>h1>span {
    color: var(--color-light-x)
}

.light .notif-verification>.content-notif>h1>span {
    color: var(--color-light-x)
}

.light .notif-items>.item {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .balance-value-visual>.item>p {
    color: var(--color-light-c)
}

.light .item-balance-data>h3 {
    color: var(--color-light-c)
}

.light .item-balance-data>h1 {
    color: var(--color-light-j)
}

.light .item-balance-data>h1.high-h-type {
    color: var(--color-dark-d)
}

.light .item-balance-data>h1.high-h-type>a {
    color: var(--color-dark-d)
}

.light .item-balance-data>p {
    color: var(--color-light-g)
}

.light .balance-info>h1 {
    color: var(--color-light-j)
}

.light .balance-info>p {
    color: var(--color-light-c)
}

.light .balance-currency>h1 {
    color: var(--color-light-j)
}

.light .balance-currency>p {
    color: var(--color-light-b)
}

.light .balance-value-items>.item {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .primary-balance {
    background: var(--color-light-f)
}

.light .primary-table>table>tbody>tr:nth-child(even) {
    background-color: var(--color-light-f)
}

.light .primary-table>table>tbody>tr>td {
    color: var(--color-light-c)
}

.light .primary-table>table>thead>tr {
    background-color: var(--color-light-f)
}

.light .primary-table>table>thead>tr>td {
    color: var(--color-light-c)
}

.light .asset-item-info>p {
    color: var(--color-light-j)
}

.light .multiple-asset-info>h1 {
    color: var(--color-light-j)
}

.light .multiple-asset-info>p {
    color: var(--color-light-c)
}

.light .status-order.up-order>p {
    color: var(--color-light-g)
}

.light .status-order.down-order>p {
    color: var(--color-light-x)
}

.light .asset-info-balance>h1 {
    color: var(--color-light-j)
}

.light .check>p {
    color: var(--color-light-j)
}

.light .auth-info-top>.default-check>.check>p {
    color: var(--color-light-c)
}

.light .auth-info-top>.default-check>.check>p>a {
    color: var(--color-light-d)
}

.light .empty-data-table>p {
    color: var(--color-light-c)
}

.light .empty-data-table>p>a {
    color: var(--color-light-d)
}

.light .empty-data-table {
    background: var(--color-light-f);
    background: var(--color-light-f)
}

.light .visual-coin-chart {
    background: var(--color-light-f)
}

.light .coin-name-info-modal>h1 {
    color: var(--color-light-j)
}

.light .coin-name-info-modal>p {
    color: var(--color-light-c)
}

.light .coin-price-change-modal>h1 {
    color: var(--color-light-j)
}

.light .coin-modal-info>h1 {
    color: var(--color-light-j)
}

.light .coin-modal-info>p {
    color: var(--color-light-c)
}

.light .primary-input {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .primary-input>input {
    color: var(--color-light-j)
}

.light .primary-input>input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .primary-input>input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .primary-input>input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .primary-input>input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .primary-input>input::placeholder {
    color: var(--color-light-c)
}

.light .set-max-input {
    color: var(--color-light-d)
}

.light .min-content-modal>.item>p {
    color: var(--color-light-c)
}

.light .total-with-data {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .total-with-data>.item>h1 {
    color: var(--color-light-j)
}

.light .total-with-data>.item>p {
    color: var(--color-light-c)
}

.light .message-with-info.message-type-a {
    background: var(--color-light-tr-h);
    border: 1px solid var(--color-light-g)
}

.light .message-with-info.message-type-a>p {
    color: var(--color-light-g)
}

.light .message-with-info.message-type-a>.message-with-details>h1 {
    color: var(--color-light-j)
}

.light .message-with-info.message-type-a>.message-with-details>p {
    color: var(--color-light-j)
}

.light .message-with-info.message-type-b {
    background: var(--color-light-tr-g);
    border: 1px solid var(--color-light-k)
}

.light .message-with-info.message-type-b>p {
    color: var(--color-light-k)
}

.light .message-with-info.message-type-b>.message-with-details>h1 {
    color: var(--color-light-j)
}

.light .message-with-info.message-type-b>.message-with-details>p {
    color: var(--color-light-j)
}

.light .witdraw-content-modal>.item>p {
    color: var(--color-light-c)
}

.light .secondary-head-info>h1 {
    color: var(--color-light-j)
}

.light .secondary-head-info>p,.light .secondary-head-info h3 {
    color: var(--color-light-c)
}

.light .secondary-select-head {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .secondary-select-body {
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-d);
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .secondary-body-info>h1 {
    color: var(--color-light-j)
}

.light .secondary-body-info>p {
    color: var(--color-light-c)
}

.light .secondary-body-content>.item:hover,.light .secondary-body-content>.item.active {
    background: var(--color-light-e)
}

.light .secondary-search {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .secondary-search>input {
    color: var(--color-light-j)
}

.light .secondary-search>input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .secondary-search>input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .secondary-search>input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .secondary-search>input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .secondary-search>input::placeholder {
    color: var(--color-light-c)
}

.light .empty-option {
    background: var(--color-light-e)
}

.light .empty-option>p {
    color: var(--color-light-c)
}

.light .balance-deposit-data>h1 {
    color: var(--color-light-j)
}

.light .balance-deposit-data>p {
    color: var(--color-light-c)
}

.light .balance-deposit-info {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-f)
}

.light .balance-deposit-info>h1 {
    color: var(--color-light-j)
}

.light .deposit-adress-info>h1 {
    color: var(--color-light-j)
}

.light .deposit-adress-info>p {
    color: var(--color-light-c)
}

.light .deposit-adress-info>p>span {
    color: var(--color-light-j)
}

.light .default-copy {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .default-copy>p {
    color: var(--color-light-j)
}

.light .deposit-adress-data {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .deposit-verif-status>p {
    color: var(--color-light-c)
}

.light .deposit-verif-status>p>span {
    color: var(--color-light-d)
}

.light .sort-asset-tab>.item>p {
    color: var(--color-light-c)
}

.light .sort-asset-tab>.item.active {
    background: var(--color-light-e)
}

.light .sort-asset-tab>.item.active>p {
    color: var(--color-light-d)
}

.light .item-head-copy>p {
    color: var(--color-light-c)
}

.light .complete-s {
    background: var(--color-light-tr-k)
}

.light .complete-s>p {
    color: var(--color-light-g)
}

.light .pending-s {
    background: var(--color-light-tr-l)
}

.light .pending-s>p {
    color: var(--color-light-n)
}

.light .canceled-s {
    background: var(--color-light-tr-m)
}

.light .canceled-s>p {
    color: var(--color-light-o)
}

.light .sort-asset-select>.default-select>.head-select>p,.light .sort-asset-tab-select>.default-select>.head-select>p {
    color: var(--color-light-c)
}

.light .primary-trade-info {
    background: var(--color-light-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-n);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-n);
    border: 1px solid var(--color-light-tr-a)
}

.light .primary-trade-info>.item {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .primary-trade-info>.item:last-child {
    border-right: 0
}

.light .primary-trade-info>.item>h1 {
    color: var(--color-light-c)
}

.light .primary-trade-info>.item>p {
    color: var(--color-light-j)
}

.light .primary-trade-info-coin {
    background: var(--color-light-a);
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-n);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-n);
    border: 1px solid var(--color-light-tr-a)
}

.light .primary-trade-info-coin>.coin-trade-info {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .primary-trade-info>.item.gain-up>.gain-asset>p {
    color: var(--color-light-q);
}

.light .primary-trade-info>.item.gain-down>.gain-asset>p {
    color: var(--color-light-p)
}

.light .trade-live-info {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a)
}

.light .head-trade-live-item::before {
    background: var(--color-light-tr-a)
}

.light .head-trade-live-item>.item>p {
    color: var(--color-light-c)
}

.light .head-trade-live-item>.item.active>p {
    color: var(--color-light-j)
}

.light .head-trade-live-item>.item.active::before {
    background: var(--color-light-d);
    opacity: 1
}

.light .thead-order {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .thead-order>.item>p {
    color: var(--color-light-c)
}

.light .row-tbody-order>.item>p {
    color: var(--color-light-j);
    color: var(--color-light-j)
}

.light .row-tbody-order.order-sell>.item:first-child>p {
    color: var(--color-light-p)
}

.light .row-tbody-order.order-sell>.row-order-vis {
    background: var(--color-light-tr-p)
}

.light .row-tbody-order.order-sell>.row-order-vis+.item p {
    color: var(--color-light-p)
}

.light .row-tbody-order.order-buy>.item:first-child>p {
    color: var(--color-light-q)
}

.light .row-tbody-order.order-buy>.row-order-vis {
    background: var(--color-light-tr-q)
}

.light .row-tbody-order.order-buy>.row-order-vis+.item p {
    color: var(--color-light-q)
}

.light .tbody-order>.item.order-sell-type>.row-tbody-order>.item:first-child>p {
    color: var(--color-light-p)
}

.light .tbody-order>.item.order-sell-type>.row-tbody-order>.row-order-vis {
    background: var(--color-light-tr-p)
}

.light .tbody-order>.item.order-sell-type>.row-tbody-order>.row-order-vis+.item p {
    color: var(--color-light-p)
}

.light .tbody-order>.item.order-buy-type>.row-tbody-order>.item:first-child>p {
    color: var(--color-light-q)
}

.light .tbody-order>.item.order-buy-type>.row-tbody-order>.row-order-vis {
    background: var(--color-light-tr-q)
}

.light .tbody-order>.item.order-buy-type>.row-tbody-order>.row-order-vis+.item p {
    color: var(--color-light-q)
}

.light .item-tbody-info {
    border-top: 1px solid var(--color-light-tr-a);
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .item-tbody-info>p {
    color: var(--color-light-j)
}

.light .trade-live {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a)
}

.light .order-book-head {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .order-book-view>.item {
    border: 1px solid var(--color-light-tr-a)
}

.light .order-book-view>.item.active {
    border: 1px solid var(--color-light-e);
    background-color: var(--color-light-e)
}

.light .head-trade-table {
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .head-trade-table>.item>p {
    color: var(--color-light-c)
}

.light .head-trade-table>.item.active {
    background: var(--color-light-e)
}

.light .head-trade-table>.item.active>p {
    color: var(--color-light-d)
}

.light .body-trade-table>.item>table>thead>tr>td {
    color: var(--color-light-c);
    border-bottom: 1px solid var(--color-light-tr-a)
}

.light .body-trade-table>.item>table>tbody>tr>td {
    border-bottom: 1px solid var(--color-light-tr-a);
    color: var(--color-light-j)
}

.light .body-trade-table>.item>table>tbody>tr>td.fill-table-a {
    color: var(--color-light-q)
}

.light .body-trade-table>.item>table>tbody>tr>td.fill-table-b {
    color: var(--color-light-c)
}

.light .body-trade-table>.item>table>tbody>tr>td.fill-table-c {
    color: var(--color-light-p)
}

.light .body-trade-table>.item>table>tbody>tr>td.fill-table-d {
    color: var(--color-light-p)
}

.light .body-trade-table>.item>table>tbody>tr:last-child>td {
    border-bottom: none
}

.light .trade-table {
    background: var(--color-light-a);
    border: 1px solid var(--color-light-tr-a)
}

.light .trade-action {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .head-trade-action {
    border: 1px solid var(--color-light-tr-a)
}

.light .head-trade-action>.item>p {
    color: var(--color-light-c)
}

.light .head-trade-action>.item.active:first-child {
    background: var(--color-light-q)
}

.light .head-trade-action>.item.active:last-child {
    background: var(--color-light-p)
}

.light .head-trade-action>.item.active>p {
    color: var(--color-light-b)
}

.light .trade-limit-market>.item>p {
    color: var(--color-light-c)
}

.light .trade-limit-market>.item.active>p {
    color: var(--color-light-j)
}

.light .action-trade-fill>.item {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .action-trade-fill>.item>p {
    color: var(--color-light-c)
}

.light .item-set-fill>input {
    color: var(--color-light-j)
}

.light .item-set-fill>p {
    color: var(--color-light-c)
}

.light .move-content>.item>p {
    color: var(--color-light-j)
}

.light .move-content::before {
    background: var(--color-light-tr-a)
}

.light .action-trade-content.sell-content>.default-button {
    background: var(--color-light-p)
}

.light .action-trade-content.sell-content>.default-button>p {
    color: var(--color-light-b)
}

.light .action-trade-content.sell-content>.default-button.button-m {
    background: none;
    border: 1px solid var(--color-light-p)
}

.light .action-trade-content.sell-content>.default-button.button-m>p>a {
    color: var(--color-light-p)
}

.light .action-trade-content.sell-content>.default-button.button-m>p>span {
    color: var(--color-light-j)
}

.light .action-trade-content.buy-content>.default-button {
    background: var(--color-light-q)
}

.light .action-trade-content.buy-content>.default-button>p {
    color: var(--color-light-b)
}

.light .action-trade-content.buy-content>.default-button.button-m {
    background: none;
    border: 1px solid var(--color-light-q)
}

.light .action-trade-content.buy-content>.default-button.button-m>p>a {
    color: var(--color-light-q)
}

.light .action-trade-content.buy-content>.default-button.button-m>p>span {
    color: var(--color-light-j)
}

.light .action-trade-move>p {
    color: var(--color-light-j)
}

.light .trade-limit-market::before {
    background: var(--color-light-tr-a)
}

.light .trade-limit-market>.item.active::before {
    background: var(--color-light-d)
}

.light .tbody-sell>.item-tbody-info>p {
    color: var(--color-light-p)
}

.light .tbody-buy>.item-tbody-info>p {
    color: var(--color-light-q)
}

.light .secondaty-body-price>h1 {
    color: var(--color-light-j)
}

.light .secondaty-body-price>p {
    color: var(--color-light-c)
}

.light .primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>h1 {
    color: var(--color-light-c)
}

.light .primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>p {
    color: var(--color-light-j)
}

.light .secondary-filter-content::before {
    background: var(--color-light-tr-a)
}

.light .secondary-filter-content>.item>p {
    color: var(--color-light-c)
}

.light .secondary-filter-content>.item::after {
    background: var(--color-light-d)
}

.light .secondary-filter-content>.item.active>p {
    color: var(--color-light-j)
}

.light .secondary-filter-content>.item.active::after {
    opacity: 1
}

.light .secondary-filter-content>.item:hover>p {
    color: var(--color-light-j)
}

.light .secondary-thead-content::before {
    background: var(--color-light-tr-a)
}

.light .secondary-thead-content>.item>p {
    color: var(--color-light-c)
}

.light .primary-promotions>h2 {
    color: var(--color-light-j)
}

.light .primary-promotions>h1 {
    color: var(--color-light-j)
}

.light .tag-new>.item.tag-type-b {
    background: var(--color-light-tr-a)
}

.light .tag-new>.item.tag-type-b>p {
    color: var(--color-light-j)
}

.light .tag-new>.item.tag-type-a {
    background: var(--color-light-tr-k)
}

.light .tag-new>.item.tag-type-a>p {
    color: var(--color-light-g)
}

.light .tag-new>.item.tag-type-c {
    background: var(--color-light-tr-p)
}

.light .tag-new>.item.tag-type-c>p {
    color: var(--color-light-p)
}

.light .bottom-new>p {
    color: var(--color-light-j)
}

.light .news-items>.item {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-f)
}

.light .news-items>.item>.bottom-new>.default-button {
    border: 1px solid var(--color-light-tr-a)
}

.light .pagination>.item {
    border: 1px solid var(--color-light-tr-a)
}

.light .pagination>.item>p {
    color: var(--color-light-j)
}

.light .pagination>.item.disabled.prev-item>p {
    color: var(--color-light-c)
}

.light .pagination>.item.disabled.next-item>p {
    color: var(--color-light-c)
}

.light .page-info {
    border: 1px solid var(--color-light-tr-a)
}

.light .page-info>p {
    color: var(--color-light-c)
}

.light .page-info>p.active {
    color: var(--color-light-j)
}

.light .new-item {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-f)
}

.light .new-item-text>* {
    color: var(--color-light-c)
}

.light .new-item-content>h1 {
    color: var(--color-light-j)
}

.light .space-content {
    background: var(--color-light-d)
}

.light .content-featured>.item {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-b)
}

.light .feature-info>p {
    color: var(--color-light-c)
}

.light .feature-info>h1 {
    color: var(--color-light-j)
}

.light .new-featured>h1 {
    color: var(--color-light-j)
}

.light .search-type-b {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-b)
}

.light .search-type-b>input {
    color: var(--color-light-j)
}

.light .search-type-b>input::-webkit-input-placeholder {
    color: var(--color-light-c)
}

.light .search-type-b>input::-moz-placeholder {
    color: var(--color-light-c)
}

.light .search-type-b>input:-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .search-type-b>input::-ms-input-placeholder {
    color: var(--color-light-c)
}

.light .search-type-b>input::placeholder {
    color: var(--color-light-c)
}

.light .top-data-search>h1 {
    color: var(--color-light-b)
}

.light .top-data-search>p {
    color: var(--color-light-b)
}

.light .prices-cryptocurrency>.primary-table>table>tbody>tr>td>p {
    color: var(--color-light-j)
}

.light .prices-category-items>.item {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .prices-category-items>.item>p {
    color: var(--color-light-j)
}

.light .prices-category-items>.item:hover,.light .prices-category-items>.item.active {
    border: 1px solid var(--color-light-d)
}

.light .prices-category-items>.item:hover>p,.light .prices-category-items>.item.active>p {
    color: var(--color-light-d)
}

.light .prices-category>h1,.light .prices-cryptocurrency>h1 {
    color: var(--color-light-j)
}

.light .primary-trade-navigation {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .item-alert {
    -webkit-box-shadow: 0 16px 32px -8px var(--color-light-tr-d);
    box-shadow: 0 16px 32px -8px var(--color-light-tr-d)
}

.light .confirm-info>h1 {
    color: var(--color-light-j)
}

.light .confirm-info>p {
    color: var(--color-light-c)
}

.light .confirm-action {
    border-top: 1px solid var(--color-light-tr-a)
}

.light .confirm-action>.item {
    border-right: 1px solid var(--color-light-tr-a)
}

.light .confirm-action>.item:last-child {
    border-right: none
}

.light .confirm-action>.item>p {
    color: var(--color-light-j)
}

.light .confirm-content {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-f)
}

.light .message-auth>p {
    color: var(--color-light-c)
}

.light .message-auth>p>a {
    color: var(--color-light-d)
}

.light .auth-fill>.item>p {
    color: var(--color-light-c)
}

.light .pass-recover>* {
    color: var(--color-light-d)
}

.light .head-auth-content>h1 {
    color: var(--color-light-j)
}

.light .head-auth-content>p {
    color: var(--color-light-c)
}

.light .body-auth-info>h1 {
    color: var(--color-light-b)
}

.light .body-auth-info>p {
    color: var(--color-light-b)
}

.light .footer-head-info>h1 {
    color: var(--color-light-b)
}

.light .footer-time-info>h1 {
    color: var(--color-light-b)
}

.light .time-info>.item {
    background: var(--color-light-b);
    border: 1px solid var(--color-light-tr-a)
}

.light .time-info>.item>p {
    color: var(--color-light-c)
}

.light .time-info>.item>h1 {
    color: var(--color-light-j)
}

.light .auth-info {
    background: var(--color-light-d)
}

.light .auth-verify {
    border: 2px solid var(--color-light-tr-a)
}

.light .auth-verify>p {
    color: var(--color-light-j)
}

.light .verify-toggle {
    border: 1px solid var(--color-light-d)
}

.light .verify-toggle::before {
    background: var(--color-light-d)
}

.light .benefit-items>.item>.benefit-icon.light-ben {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .auth-info-top>p {
    color: var(--color-light-c)
}

.light .auth-info-top>p>a {
    color: var(--color-light-d)
}

.light .item-alert {
    border: 1px solid var(--color-light-tr-a);
    background: var(--color-light-b)
}

.light .item-alert>p {
    color: var(--color-light-c)
}

.light .hide-alert {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23F7F9FD'/%3E%3Cpath d='M12.5 5.5L5.5 12.5' stroke='%23777E90' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 5.5L12.5 12.5' stroke='%23777E90' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .no-notif>p {
    color: var(--color-light-c)
}

.light .primary-input.error-input {
    border: 1px solid var(--color-light-i)
}

.light .primary-load {
    background: var(--color-light-a)
}

.light .refer-info>h1 {
    color: var(--color-light-j)
}

.light .refer-info>p {
    color: var(--color-light-c)
}

.light .refer-items>.item {
    background: var(--color-light-f)
}

.light .refer-items>.item>p {
    background: var(--color-light-j);
    color: var(--color-light-e)
}

.light .primary-refer>h1 {
    color: var(--color-light-j)
}

.light .primary-started>h1 {
    color: var(--color-light-j)
}

.light .primary-started>h3 {
    color: var(--color-light-c)
}

.light .banner-top-info>h1 {
    color: var(--color-light-b)
}

.light .banner-top-info>p {
    color: var(--color-light-b)
}

.light .banner-action>.button-f {
    border: 2px solid var(--color-light-b)
}

.light .banner-action>.button-f>p {
    color: var(--color-light-b)
}

.light .primary-affilate>.item {
    background: var(--color-light-f)
}

.light .primary-affilate>.item>h1 {
    color: var(--color-light-j)
}

.light .primary-affilate>.item>p {
    color: var(--color-light-c)
}

.light .benef-item-data>h1 {
    color: var(--color-light-j)
}

.light .benef-item-data>p {
    color: var(--color-light-c)
}

.light .benef-item-data>p>a {
    color: var(--color-light-d)
}

.light .benefit-details>h3 {
    color: var(--color-light-c)
}

.light .benefit-details>h1 {
    color: var(--color-light-j)
}

.light .benefit-details>p {
    color: var(--color-light-c)
}

.light .step-num {
    background: var(--color-light-f)
}

.light .step-num>p {
    border: 2px solid var(--color-light-d);
    color: var(--color-light-j)
}

.light .primary-affilate-steps>.item>h1 {
    color: var(--color-light-j)
}

.light .primary-affilate-steps>.item>p {
    color: var(--color-light-c)
}

.light .primary-affilate-info>.item {
    background: var(--color-light-f)
}

.light .primary-affilate-info>.item>h1 {
    color: var(--color-light-j)
}

.light .primary-affilate-info>.item>p {
    color: var(--color-light-c)
}

.light .listing {
    background: var(--color-light-f)
}

.light .listing>h1 {
    color: var(--color-light-j)
}

.light .listing-fills>.item>p {
    color: var(--color-light-c)
}

.light .listing-comment>p {
    color: var(--color-light-c)
}

.light .fees-items>.item {
    background: var(--color-light-f)
}

.light .fees-items>.item>h3 {
    color: var(--color-light-c)
}

.light .fees-items>.item>h1 {
    color: var(--color-light-j)
}

.light .fees-items>.item>p {
    color: var(--color-light-c)
}

.light .primary-fees>h1 {
    color: var(--color-light-j)
}

.light .primary-table.table-type-b>table>tbody>tr>td>p {
    color: var(--color-light-j)
}

.light .couple-data>.item {
    color: var(--color-light-j)
}

.light .vip-details>h1 {
    color: var(--color-light-j)
}

.light .vip-details>ol>li {
    color: var(--color-light-c)
}

.light .primary-vip>h1 {
    color: var(--color-light-j)
}

.light .upload-program>h1 {
    color: var(--color-light-c)
}

.light .upload-program>p {
    color: var(--color-light-c)
}

.light .top-fill-program>.item>p {
    color: var(--color-light-c)
}

.light .program-vip-info>h1 {
    color: var(--color-light-j)
}

.light .content-program {
    background: var(--color-light-f)
}

.light .primary-vip-program>h1 {
    color: var(--color-light-j)
}

.light .primary-vip-program>p {
    color: var(--color-light-c)
}

.light .vip-app-info>h1 {
    color: var(--color-light-j)
}

.light .vip-app-info>p {
    color: var(--color-light-j)
}

.light .primary-vip-details>.item>h1 {
    color: var(--color-light-j)
}

.light .primary-vip-details>.item>p {
    color: var(--color-light-c)
}

.light .app-items-qr>.item>.app-qr-dark {
    display: none
}

.light .app-items-qr>.item>.app-qr-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .primary-buy-crypto>h1 {
    color: var(--color-light-j)
}

.light .primary-buy-crypto>h4 {
    color: var(--color-light-j)
}

.light .methods-buy>.item {
    background: var(--color-light-b)
}

.light .method-info>h1 {
    color: var(--color-light-j)
}

.light .method-info>p {
    color: var(--color-light-c)
}

.light .method-buy-action>.item {
    background: var(--color-light-f)
}

.light .primary-squad-info>.item>h1 {
    color: var(--color-light-j)
}

.light .primary-squad-info>.item>p {
    color: var(--color-light-c)
}

.light .squad-team-info>h1 {
    color: var(--color-light-j)
}

.light .squad-team-info>p {
    color: var(--color-light-c)
}

.light .squad-team-peolpe>.item {
    background: var(--color-light-f)
}

.light .squad-team-peolpe>.item>h1 {
    color: var(--color-light-j)
}

.light .squad-team-peolpe>.item>h2 {
    color: var(--color-light-c)
}

.light .squad-team-peolpe>.item>p {
    color: var(--color-light-c)
}

.light .logo-download>.item {
    border: 1px solid var(--color-light-f)
}

.light .logo-download>.item>img {
    display: none
}

.light .logo-download>.item>img.logo-download-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .logo-download>.item>a {
    color: var(--color-light-j)
}

.light .primary-logo-download>h1 {
    color: var(--color-light-j)
}

.light .primary-banner.banner-type-b>.item>.banner-info>.banner-top-info>h1 {
    color: var(--color-light-j)
}

.light .primary-banner.banner-type-b>.item>.banner-info>.banner-top-info>p {
    color: var(--color-light-j)
}

.light .primary-table>table>tbody>tr:hover>td {
    border-top: 2px solid var(--color-light-d);
    border-bottom: 2px solid var(--color-light-d)
}

.light .primary-table>table>tbody>tr:hover>td:first-child {
    border-left: 2px solid var(--color-light-d)
}

.light .primary-table>table>tbody>tr:hover>td:last-child {
    border-right: 2px solid var(--color-light-d)
}

@media screen and (max-width: 768px) {
    .light .data-table::before {
        background:-webkit-gradient(linear,right top,left top,from(#F7F9FD),to(rgba(247,249,253,0)));
        background: linear-gradient(270deg,#F7F9FD 0%,rgba(247,249,253,0) 100%)
    }

    .light .nav-header {
        background: var(--color-light-tr-e)
    }
}

.content-invite {
    background: radial-gradient(100% 397.22% at 0% 0%,#D080FF 0%,#6C5DD3 100%)
}

.invite-details::before {
    top: 6px;
    z-index: -1;
    background: rgba(108,93,211,0.6);
    max-width: calc(100% - 16px)
}

.invite-details::after {
    top: 12px;
    z-index: -2;
    background: #6C5DD3;
    mix-blend-mode: normal;
    opacity: .2;
    max-width: calc(100% - 32px)
}

.reward-value>span {
    background: #26A17B;
    color: #FFF
}

.category-a {
    background: linear-gradient(144.68deg,#86E1A0 9.9%,#4FBF67 84.58%)
}

.category-b {
    background: linear-gradient(135deg,#FFA051 0%,#FF6628 100%)
}

.category-c {
    background: linear-gradient(135deg,#BBB5E2 0%,#9C92DF 100%)
}

.category-d {
    background: linear-gradient(146.29deg,#B7EAFF 14.84%,#57B1E4 92.53%)
}

.category-e {
    background: linear-gradient(135deg,#FF8FD8 0%,#4E47E2 100%)
}

.alert-warning::before {
    background: #F2CA3C
}

.alert-warning>.head-alert>p {
    color: #F2CA3C
}

.alert-success::before {
    background: #4FBF67
}

.alert-success>.head-alert>p {
    color: #4FBF67
}

.alert-error::before {
    background: #EA3943
}

.alert-error>.head-alert>p {
    color: #EA3943
}

.alert-info::before {
    background: #3772FF
}

.alert-info>.head-alert>p {
    color: #3772FF
}

.n-read::before {
    background: #FF6628
}

.auth-verify.active {
    background: var(--color-dark-tr-h);
    border: 2px solid var(--color-dark-g)
}

.auth-verify.active>.verify-toggle {
    border: none
}

.auth-verify.active>.verify-toggle::before {
    content: none
}

.auth-verify.active>p {
    color: var(--color-dark-g)
}

.input-type-fill.verified>p {
    color: #4FBF67
}

.input-type-fill.pending>p {
    color: #3772FF
}

.primary-trade-info>.item>p.up-type {
    color: var(--color-dark-q);
}

.primary-trade-info>.item>p.down-type {
    color: var(--color-dark-p)
}

.item-tbody-info>p.up-type {
    color: var(--color-dark-q)
}

.item-tbody-info>p.down-type {
    color: var(--color-dark-p)
}

.item-alert {
    min-width: 272px
}

.upload-details>label {
    border: 1px dashed var(--color-dark-d)
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

::-webkit-scrollbar-track {
    background: rgba(255,255,255,0);
    border-radius: 5px
}

::-webkit-scrollbar-track-piece {
    background: rgba(255,255,255,0);
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: var(--color-dark-d);
    border-radius: 12px
}

::-webkit-scrollbar-corner {
    background: var(--color-dark-d);
    border-radius: 12px
}

::-webkit-resizer {
    background: var(--color-dark-d);
    border-radius: 12px
}

.dark .nav-action {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12H3' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4H13' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M22 20H13' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L2 12L7 17' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .responsive-navigation.hidden-nav>.nav-content>.nav-header>.nav-action {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H21' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 4H11' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M2 20H11' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .theme-status::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5C4.75 5.5 2 9 2 13.125C2 18 6 22 10.875 22C15 22 18.375 19.25 19.5 15.5C12.875 17.25 6.75 11.125 8.5 4.5Z' stroke='%23777E90' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='3.25' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='20.75' cy='10.75' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.25' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.dark .port-app-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .hide-modal {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_311_20105)'%3E%3Cpath d='M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_311_20105'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.dark .head-select::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14.5L16 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5L8 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .search-select::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .date-input>input::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5H6C4.89543 5 4 5.89543 4 7V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V7C20 5.89543 19.1046 5 18 5Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11H20' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 15H12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15V18' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .nav-theme-hide {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5L5 19' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 19L5 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .send-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 15L15 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9L9 15L15 15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .trade-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L10 9L15 14L20 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13C14.4477 13 14 13.4477 14 14C14 14.5523 14.4477 15 15 15Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10C10.5523 10 11 9.55228 11 9C11 8.44772 10.5523 8 10 8C9.44772 8 9 8.44772 9 9C9 9.55228 9.44772 10 10 10Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17C4.55228 17 5 16.5523 5 16C5 15.4477 4.55228 15 4 15C3.44772 15 3 15.4477 3 16C3 16.5523 3.44772 17 4 17Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7C19.4477 7 19 7.44772 19 8C19 8.55228 19.4477 9 20 9Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .check::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='7.5' fill='%23191B21'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='7.5' stroke='%23242731'/%3E%3C/svg%3E%0A")
}

.dark .default-check>input:checked+.check::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='8' fill='%233772FF'/%3E%3Cpath d='M15.6673 7.5L9.25065 13.9167L6.33398 11' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .status-order.up-order::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.27344 7.93592L4.47018 9.08137L8.14589 5.56319V15.545H9.85553V5.56319L13.5312 9.08137L14.728 7.93592L9.00071 2.4541L3.27344 7.93592Z' fill='%234FBF67'/%3E%3C/svg%3E%0A")
}

.dark .status-order.down-order::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7266 10.0641L13.5298 8.91863L9.85411 12.4368L9.85411 2.45499L8.14447 2.45499L8.14447 12.4368L4.46876 8.91862L3.27202 10.0641L8.99929 15.5459L14.7266 10.0641Z' fill='%23E32D2D'/%3E%3C/svg%3E%0A")
}

.dark .star-table {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0008 17.75L5.82881 20.995L7.00781 14.122L2.00781 9.25495L8.90781 8.25495L11.9938 2.00195L15.0798 8.25495L21.9798 9.25495L16.9798 14.122L18.1588 20.995L12.0008 17.75Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .star-table.active {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0008 17.75L5.82881 20.995L7.00781 14.122L2.00781 9.25495L8.90781 8.25495L11.9938 2.00195L15.0798 8.25495L21.9798 9.25495L16.9798 14.122L18.1588 20.995L12.0008 17.75Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.dark .empty-data-table::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='49' viewBox='0 0 60 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0219 4.11838C12.5155 4.29762 11.7992 5.02869 11.6234 5.54591C11.4991 5.91141 11.4881 6.98095 11.4881 18.7465C11.4881 33.1179 11.4372 31.961 12.1026 32.7011C12.7591 33.4313 12.9054 33.4684 15.3086 33.5149L17.3938 33.5553L13.6567 37.0658C9.28619 41.1713 9.43024 40.9913 9.43024 42.346C9.43024 43.0582 9.45687 43.2157 9.64571 43.6185C9.92058 44.2049 10.4823 44.7667 11.0688 45.0416C11.4709 45.2301 11.6295 45.257 12.3355 45.257C13.7248 45.257 13.3574 45.5685 18.7632 39.808L23.4435 34.8207L24.0529 35.1812C28.2032 37.6348 34.1129 37.1157 37.8111 33.9728L38.3499 33.5149H42.4977C47.1546 33.5149 47.0952 33.5214 47.7604 32.936C47.9634 32.7574 48.2286 32.4423 48.35 32.2359L48.5706 31.8605V18.7465V5.63242L48.397 5.30962C48.1749 4.89691 47.6921 4.41407 47.2794 4.19206L46.9566 4.01839L30.1706 4.00418C15.0059 3.99135 13.3496 4.00241 13.0219 4.11838ZM46.4779 5.71022C46.9182 5.89422 46.9969 6.18192 46.9969 7.60704V8.82015H40.1714H33.3459L33.11 9.05604C32.7778 9.38821 32.7778 9.86612 33.11 10.1983L33.3459 10.4342H40.1714H46.9969V20.7666C46.9969 31.837 47.0083 31.5174 46.6055 31.733C46.4457 31.8186 39.8952 31.867 39.8952 31.7826C39.8952 31.7619 40.0974 31.4348 40.3446 31.0556C41.1817 29.7714 41.7769 28.2279 42.036 26.6696C42.2221 25.5508 42.1654 23.329 41.9229 22.2388C40.9195 17.7283 37.6045 14.1081 33.4074 12.9397C31.8491 12.5059 29.5863 12.3869 27.9803 12.6545C23.6112 13.3822 19.9779 16.5861 18.5119 21.0037C17.7942 23.1664 17.7481 25.844 18.3902 28.07C18.6023 28.8056 19.2104 30.1677 19.6341 30.8563L19.8676 31.2357L19.5683 31.528L19.2691 31.8202H16.4456C13.2977 31.8202 13.3404 31.8274 13.1864 31.2731C13.1311 31.0737 13.1029 27.5213 13.1027 20.7035L13.1022 10.4342H19.9277H26.7532L26.9891 10.1983C27.1741 10.0132 27.225 9.89009 27.225 9.62717C27.225 9.36424 27.1741 9.24109 26.9891 9.05604L26.7532 8.82015H19.9277H13.1022L13.1067 7.6298C13.1121 6.22421 13.1856 5.9336 13.5864 5.73346C13.8525 5.60047 14.8056 5.59232 30.032 5.59224C44.0403 5.59207 46.2328 5.60781 46.4779 5.71022ZM29.4784 9.05604C28.9586 9.57592 29.3143 10.4342 30.0496 10.4342C30.5214 10.4342 30.8566 10.099 30.8566 9.62717C30.8566 8.89189 29.9983 8.53624 29.4784 9.05604ZM31.7633 14.3556C35.6171 15.0021 38.5672 17.4211 39.806 20.9506C40.2479 22.2095 40.4024 23.1494 40.4058 24.5974C40.4091 25.9927 40.2944 26.7953 39.9242 27.9671C39.1196 30.5142 37.3559 32.62 34.9827 33.8671C34.3489 34.2001 33.0318 34.6543 32.1478 34.8447C31.1632 35.0568 29.2546 35.0984 28.3039 34.9284C26.0855 34.5318 24.3094 33.6006 22.698 31.9892C21.1149 30.4061 20.13 28.5496 19.7611 26.4532C19.5973 25.5218 19.595 23.7662 19.7566 22.8485C20.5628 18.2677 24.2671 14.7842 28.9197 14.2313C29.6501 14.1445 30.8062 14.1951 31.7633 14.3556ZM25.3945 19.8931C23.8655 21.4141 23.7349 21.6013 23.878 22.0684C23.9098 22.1721 24.4655 22.7927 25.1129 23.4474L26.2901 24.6378L25.0627 25.8743C23.9893 26.9559 23.8355 27.1435 23.8355 27.3712C23.8355 27.5145 23.8872 27.7297 23.9502 27.8496C24.1415 28.2131 26.757 30.7527 27.0031 30.814C27.4378 30.9222 27.6489 30.7816 28.858 29.5783L30.0471 28.3949L31.2387 29.5766C32.4473 30.7751 32.6644 30.9199 33.0961 30.8156C33.237 30.7815 33.8558 30.2236 34.7908 29.2873C36.738 27.3378 36.7211 27.5718 35.0363 25.8743L33.809 24.6377L35.0363 23.4011C36.7273 21.6974 36.7473 21.9385 34.7481 19.9392C32.7488 17.9399 32.9899 17.96 31.2862 19.651L30.0496 20.8783L28.813 19.651C27.1152 17.9659 27.3485 17.9494 25.3945 19.8931ZM30.0496 22.8623C30.3947 22.8623 30.423 22.8404 31.639 21.6336L32.8769 20.4048L33.5809 21.1088L34.2849 21.8127L33.0609 23.0437C32.3877 23.7206 31.83 24.3472 31.8216 24.436C31.7765 24.9146 31.8332 24.9974 33.0348 26.208L34.2446 27.4269L33.5603 28.1077L32.876 28.7884L31.7242 27.6465C30.555 26.4873 30.2696 26.289 29.8905 26.3723C29.7606 26.4008 29.2127 26.8857 28.4734 27.6262L27.2679 28.8336L26.5602 28.1291L25.8523 27.4246L27.0539 26.2127C28.2946 24.9613 28.427 24.7574 28.2689 24.3415C28.2215 24.2168 27.6689 23.5966 27.0408 22.9631L25.8988 21.8113L26.5795 21.127L27.2603 20.4427L28.4793 21.6525C29.6756 22.8399 29.7046 22.8623 30.0496 22.8623ZM21.4903 33.2276L22.0867 33.828L21.5513 34.3776L21.0159 34.9272L20.3895 34.3026L19.7631 33.678L20.2838 33.1526C20.5702 32.8636 20.8246 32.6272 20.8492 32.6272C20.8738 32.6272 21.1623 32.8974 21.4903 33.2276ZM19.7377 36.2901C19.2548 36.8465 13.1427 43.3405 13.0187 43.4289C12.5644 43.7526 11.8644 43.6722 11.4397 43.2476C10.9451 42.7529 10.9243 42.0059 11.3912 41.5076C11.5111 41.3797 13.1669 39.8164 15.0708 38.0337L18.5324 34.7924L19.2046 35.4611C19.8554 36.1086 19.8723 36.1349 19.7377 36.2901Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.dark .secondary-select-head::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14.5L16 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5L8 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .secondary-body-content>.item.active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L10 17L20 7' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .secondary-search::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .copy-item-head {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9987 5.33398H6.66536C5.92898 5.33398 5.33203 5.93094 5.33203 6.66732V12.0007C5.33203 12.737 5.92898 13.334 6.66536 13.334H11.9987C12.7351 13.334 13.332 12.737 13.332 12.0007V6.66732C13.332 5.93094 12.7351 5.33398 11.9987 5.33398Z' fill='%23777E90'/%3E%3Cpath d='M10.668 5.33268V3.99935C10.668 3.64573 10.5275 3.30659 10.2774 3.05654C10.0274 2.80649 9.68826 2.66602 9.33464 2.66602H4.0013C3.64768 2.66602 3.30854 2.80649 3.05849 3.05654C2.80844 3.30659 2.66797 3.64573 2.66797 3.99935V9.33268C2.66797 9.6863 2.80844 10.0254 3.05849 10.2755C3.30854 10.5255 3.64768 10.666 4.0013 10.666H5.33464' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .status-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%23E4E4E4' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C12 15.6 15.6 12 20 12C24.4 12 28 15.6 28 20C28 24.4 24.4 28 20 28C15.6 28 12 24.4 12 20ZM15.6 20L19 23.4L24.4 18L23 16.6L19 20.6L17 18.6L15.6 20Z' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .amount-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%23E4E4E4' fill-opacity='0.1'/%3E%3Cpath d='M20 18C22.9 18 26 17.1 26 15C26 12.9 22.9 12 20 12C17.1 12 14 12.9 14 15C14 17.1 17.1 18 20 18Z' fill='white'/%3E%3Cpath d='M14 18.5V20C14 22.1 17.1 23 20 23C22.9 23 26 22.1 26 20V18.5C24.6 19.4 22.5 20 20 20C17.5 20 15.4 19.4 14 18.5Z' fill='white'/%3E%3Cpath d='M14 23.5V25C14 27.1 17.1 28 20 28C22.9 28 26 27.1 26 25V23.5C24.6 24.5 22.5 25 20 25C17.5 25 15.4 24.4 14 23.5Z' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .adress-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%23E4E4E4' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 16H23V13C23 12.4 22.6 12 22 12H15C13.3 12 12 13.3 12 15V25C12 26.7 13.3 28 15 28H27C27.6 28 28 27.6 28 27V17C28 16.4 27.6 16 27 16ZM14 15C14 14.4 14.4 14 15 14H21V16H14V15ZM15 26H26V18H22H14V25C14 25.6 14.4 26 15 26Z' fill='white'/%3E%3Crect x='23' y='21' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .transaction-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%23E4E4E4' fill-opacity='0.1'/%3E%3Cpath d='M27 18H24V20H26V26H14V20H15V18H13C12.4 18 12 18.4 12 19V27C12 27.6 12.4 28 13 28H27C27.6 28 28 27.6 28 27V19C28 18.4 27.6 18 27 18Z' fill='white'/%3E%3Cpath d='M17 20H19C19.3 20 19.5 19.9 19.7 19.7L24.7 14.7C25.1 14.3 25.1 13.7 24.7 13.3L23.7 12.3C23.3 11.9 22.7 11.9 22.3 12.3L17.3 17.3C17.1 17.5 17 17.7 17 18V20Z' fill='white'/%3E%3Crect x='16' y='22' width='8' height='2' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .icon-head-type>p::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5H6C4.89543 5 4 5.89543 4 7V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V7C20 5.89543 19.1046 5 18 5Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11H20' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 15H12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15V18' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .move-content>.item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' rx='6' fill='%23242731'/%3E%3Crect x='1' y='1' width='10' height='10' rx='5' stroke='%23E4E4E4' stroke-opacity='0.08' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.dark .move-content>.item.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='16' height='16' rx='8' fill='%233772FF' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.dark .coin-trade-info>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.083L13.3333 8.74967' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0013 12.083L6.66797 8.74967' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .next-item::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11L9.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 3L9.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .next-item.disabled::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11L9.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 3L9.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .prev-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 3L4.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11L4.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .prev-item.disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 3L4.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11L4.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .auth-verify>p::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_804_43131' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_804_43131)'%3E%3Cpath d='M9.00287 3.41287e-06C5.26023 0.00408606 2.18129 2.94829 2.00987 6.687L0.170866 9.445C0.00967079 9.68408 -0.0404824 9.9811 0.0332758 10.2598C0.107034 10.5386 0.297524 10.7719 0.555866 10.9L2.00287 11.618V13.5C2.00287 14.8807 3.12215 16 4.50287 16H7.00287C8.65972 16 10.0029 14.6569 10.0029 13V8.723C9.21893 8.2704 8.83673 7.34768 9.07101 6.47331C9.3053 5.59895 10.0977 4.99095 11.0029 4.99095C11.9081 4.99095 12.7004 5.59895 12.9347 6.47331C13.169 7.34768 12.7868 8.2704 12.0029 8.723V13C11.9992 14.0855 11.6387 15.1396 10.9769 16H13.0029C13.5552 16 14.0029 15.5523 14.0029 15V11.889C15.9752 9.8775 16.548 6.87889 15.4559 4.28203C14.3638 1.68517 11.82 -0.00277014 9.00287 3.41287e-06Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.dark .ds-dwnl:hover>.download-i,.dark .ds-dwnl.active>.download-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.666 2H16.335C19.7386 2 22 4.42931 22 7.916V16.084C22 19.567 19.7319 22 16.335 22H7.666C4.26222 22 2 19.5705 2 16.084V7.916C2 4.4295 4.26222 2 7.666 2ZM16.335 3.5H7.666C5.1155 3.5 3.5 5.23496 3.5 7.916V16.084C3.5 18.765 5.1155 20.5 7.666 20.5H16.335C18.879 20.5 20.5 18.7612 20.5 16.084V7.916C20.5 5.23468 18.8852 3.5 16.335 3.5ZM12 7.164C12.3797 7.164 12.6935 7.44615 12.7432 7.81223L12.75 7.914V14.2692L15.2165 11.7931C15.4822 11.5263 15.8989 11.5012 16.1929 11.7184L16.2772 11.7908C16.544 12.0565 16.5691 12.4732 16.3519 12.7672L16.2795 12.8515L12.5315 16.6155C12.265 16.8831 11.8468 16.9075 11.5528 16.6885L11.5497 16.6858C11.5218 16.6648 11.4954 16.642 11.4708 16.6174L11.4685 16.6155L7.72054 12.8515C7.42827 12.558 7.42928 12.0831 7.7228 11.7908C7.98963 11.5251 8.40635 11.5018 8.69949 11.7203L8.78346 11.7931L11.25 14.2706V7.914C11.25 7.49979 11.5858 7.164 12 7.164Z' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .ds-lang:hover>.lang-i,.dark .ds-lang.active>.lang-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5H11M9 3V5C9 9.418 6.761 13 4 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 9C4.997 11.144 7.952 12.908 11.7 13M12 20L16 11L20 20M19.1 18H12.9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .ds-theme:hover>.theme-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5C4.75 5.5 2 9 2 13.125C2 18 6 22 10.875 22C15 22 18.375 19.25 19.5 15.5C12.875 17.25 6.75 11.125 8.5 4.5Z' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='3.25' r='1.25' fill='white'/%3E%3Ccircle cx='20.75' cy='10.75' r='1.25' fill='white'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.25' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .ds-notif:hover>.notif-i,.dark .ds-notif.active>.notif-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.50083 13.7871V13.5681C3.53295 12.9202 3.7406 12.2925 4.10236 11.7496C4.7045 11.0975 5.1167 10.2983 5.29571 9.43598C5.29571 8.7695 5.29571 8.0935 5.35393 7.42703C5.65469 4.21842 8.82728 2 11.9611 2H12.0387C15.1725 2 18.345 4.21842 18.6555 7.42703C18.7137 8.0935 18.6555 8.7695 18.704 9.43598C18.8854 10.3003 19.2972 11.1019 19.8974 11.7591C20.2618 12.2972 20.4698 12.9227 20.4989 13.5681V13.7776C20.5206 14.648 20.2208 15.4968 19.6548 16.1674C18.907 16.9515 17.8921 17.4393 16.8024 17.5384C13.607 17.8812 10.383 17.8812 7.18762 17.5384C6.09914 17.435 5.08576 16.9479 4.33521 16.1674C3.778 15.4963 3.48224 14.6526 3.50083 13.7871Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M9.55518 20.8516C10.0545 21.4782 10.7876 21.8838 11.5925 21.9785C12.3973 22.0732 13.2074 21.8493 13.8435 21.3562C14.0391 21.2103 14.2152 21.0408 14.3674 20.8516' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .head-auth-action>.theme-l-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5C4.75 5.5 2 9 2 13.125C2 18 6 22 10.875 22C15 22 18.375 19.25 19.5 15.5C12.875 17.25 6.75 11.125 8.5 4.5Z' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='3.25' r='1.25' fill='white'/%3E%3Ccircle cx='20.75' cy='10.75' r='1.25' fill='white'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.25' fill='white'/%3E%3C/svg%3E%0A")
}

.dark .hide-alert {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23242731'/%3E%3Cpath d='M12.5 5.5L5.5 12.5' stroke='%23777E90' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 5.5L12.5 12.5' stroke='%23777E90' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.dark .no-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='49' viewBox='0 0 60 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.6715 0.531709C27.4429 0.553315 26.633 0.678058 25.8719 0.80871C20.9832 1.64821 16.4895 3.97649 12.9855 7.48526C9.31951 11.1564 7.00057 15.7812 6.17801 21.0622C5.94235 22.5753 5.94023 26.3986 6.17432 27.8949C6.58264 30.5053 7.37573 33.0365 8.4648 35.205C11.8565 41.9585 18.0405 46.6308 25.494 48.0714C35.8939 50.0815 46.5546 44.8783 51.3436 35.4551C53.1356 31.9289 54 28.3264 54 24.384C54 18.1267 51.4902 12.0421 47.0782 7.60345C43.3594 3.86209 38.8228 1.56963 33.4027 0.692923C32.5436 0.553961 28.6061 0.443161 27.6715 0.531709ZM32.891 2.54477C36.0725 2.99988 38.6609 3.92109 41.561 5.63046C44.2246 7.20041 47.254 10.2433 48.9138 13.016C51.2512 16.9206 52.3954 21.5708 52.0728 25.8541C51.7697 29.8761 50.5597 33.4487 48.4108 36.6666C47.5911 37.894 46.559 39.2026 46.3367 39.2962C46.2447 39.335 41.3049 34.459 30.6047 23.7672L15.0067 8.18164L15.4262 7.79781C16.6223 6.70338 18.3922 5.53804 20.2348 4.63178C22.7756 3.38214 25.3278 2.66323 28.1179 2.41134C29.2685 2.30747 31.7086 2.3757 32.891 2.54477ZM29.0594 6.43681C27.6318 6.82027 26.596 8.06696 26.4915 9.52768L26.4467 10.1525L25.6524 10.4C25.2155 10.5361 24.5245 10.814 24.1169 11.0173C23.36 11.3949 21.8515 12.3494 21.8515 12.4507C21.8515 12.5221 23.1201 13.7678 23.1929 13.7678C23.2229 13.7678 23.4842 13.6073 23.7735 13.411C24.8223 12.6998 25.6338 12.3616 27.541 11.8411C28.1685 11.6698 28.2644 11.4894 28.325 10.3651C28.3851 9.24837 28.5077 8.92843 29.0268 8.53269C29.3199 8.30915 29.4498 8.27397 29.981 8.27397C30.5063 8.27397 30.6434 8.31017 30.9221 8.52272C31.4266 8.90729 31.5832 9.32852 31.6269 10.4185C31.661 11.2704 31.6867 11.3849 31.8906 11.5886C32.0162 11.714 32.2836 11.8426 32.4926 11.8779C32.6994 11.9128 33.2373 12.0609 33.6879 12.2068C36.4559 13.1036 38.5361 15.0387 39.4479 17.5651C39.9261 18.8898 39.9581 19.3598 39.9581 25.0386C39.9581 28.1991 39.9937 30.377 40.0476 30.5188C40.0969 30.6482 40.4149 30.9521 40.7543 31.1942C42.814 32.6632 42.8219 32.6705 42.8219 33.1121C42.8219 33.3462 42.9595 33.5442 43.5539 34.1662C43.9565 34.5873 44.3265 34.9068 44.3761 34.8762C44.5318 34.78 44.705 33.8773 44.697 33.204C44.6927 32.8486 44.619 32.317 44.5331 32.0228C44.362 31.4365 44.2906 31.3677 42.6941 30.2494L41.9032 29.6954L41.8998 28.9567C41.8552 19.2921 41.8531 19.2102 41.6364 18.276C41.1073 15.995 39.9958 14.1004 38.3321 12.643C37.2604 11.7044 35.6716 10.8203 34.3103 10.4052L33.518 10.1638L33.4639 9.51761C33.3406 8.04831 32.2913 6.80412 30.8614 6.43192C30.1907 6.25732 29.7231 6.25861 29.0594 6.43681ZM44.8242 40.7754C44.7657 40.9544 43.3593 42.1079 42.4265 42.7416C39.4729 44.7484 36.0748 46.0318 32.5677 46.4651C31.3289 46.6182 28.5309 46.6175 27.3944 46.4641C19.7073 45.4256 13.4214 40.9692 10.1232 34.2197C8.53834 30.9765 7.86424 28.0501 7.8684 24.4324C7.87468 19.0944 9.71656 14.1317 13.2079 10.0466L13.6657 9.51078L29.26 25.097C37.8369 33.6693 44.8407 40.7246 44.8242 40.7754ZM18.5328 17.4381C18.1081 19.0293 18.1279 18.719 18.0884 24.3602L18.0508 29.7357L16.8544 30.5928C15.7408 31.3904 15.6458 31.4824 15.4813 31.9219C14.8757 33.5394 15.4401 35.5583 16.717 36.3415L17.1715 36.6204L21.3059 36.6462L25.4402 36.672L25.5382 37.129C25.8429 38.5486 26.8679 39.5879 28.5029 40.1351C29.638 40.5149 31.4446 40.3062 32.598 39.6619C33.5494 39.1304 34.355 38.0004 34.4372 37.0821L34.4703 36.7127L36.3365 36.6877C37.3631 36.6739 38.2029 36.6346 38.2029 36.6002C38.2029 36.5657 37.8093 36.1511 37.3281 35.6787L36.4534 34.8199H27.1342C16.6795 34.8199 17.6008 34.8838 17.2886 34.137C17.1367 33.7734 17.0889 32.9141 17.2108 32.7348C17.2944 32.6119 19.3153 31.1368 19.4941 31.0682C19.5652 31.041 19.6986 30.9079 19.7905 30.7725C19.946 30.5436 19.9613 30.1223 20.0095 24.7555C20.0381 21.5816 20.0945 18.8924 20.1351 18.7798C20.1977 18.6055 20.0991 18.4642 19.4747 17.8334C19.071 17.4255 18.7147 17.0918 18.683 17.0918C18.6513 17.0918 18.5837 17.2477 18.5328 17.4381ZM32.5677 36.8097C32.5677 37.0525 32.3151 37.4568 31.9795 37.7514C31.1425 38.4859 29.6093 38.6395 28.5424 38.0957C28.142 37.8916 27.9142 37.6964 27.6946 37.3696C27.5294 37.1238 27.3944 36.8868 27.3944 36.8428C27.3944 36.7989 28.1739 36.7507 29.1265 36.7357C30.0792 36.7207 31.2432 36.699 31.7132 36.6875C32.4323 36.6699 32.5677 36.6892 32.5677 36.8097Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.dark .image-vip-detail>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .image-vip-detail>img.dark-vip {
    display: none
}

.dark .vip-app-platform>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .vip-app-platform>.item>img.dark-platform {
    display: none
}

.dark .image-vip-app>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark .image-vip-app>img.vip-light {
    display: none
}

.dark .logo-download>.item {
    background: url(../img/cell-dark.png)
}

.light .nav-action {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12H3' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4H13' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M22 20H13' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L2 12L7 17' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .responsive-navigation.hidden-nav>.nav-content>.nav-header>.nav-action {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H21' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 4H11' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M2 20H11' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .theme-status::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_302_20068)'%3E%3Cpath d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H4M12 3V4M20 12H21M12 20V21M5.6 5.6L6.3 6.3M18.4 5.6L17.7 6.3M17.7 17.7L18.4 18.4M6.3 17.7L5.6 18.4' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_302_20068'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.light .port-app-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .hide-modal {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_282_23746)'%3E%3Cpath d='M18 6L6 18' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_282_23746'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.light .head-select::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14.5L16 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5L8 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .search-select::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .date-input>input::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5H6C4.89543 5 4 5.89543 4 7V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V7C20 5.89543 19.1046 5 18 5Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11H20' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 15H12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15V18' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .nav-theme-hide {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5L5 19' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 19L5 5' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .send-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 15L15 9' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9L9 15L15 15' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .trade-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L10 9L15 14L20 8' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13C14.4477 13 14 13.4477 14 14C14 14.5523 14.4477 15 15 15Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10C10.5523 10 11 9.55228 11 9C11 8.44772 10.5523 8 10 8C9.44772 8 9 8.44772 9 9C9 9.55228 9.44772 10 10 10Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17C4.55228 17 5 16.5523 5 16C5 15.4477 4.55228 15 4 15C3.44772 15 3 15.4477 3 16C3 16.5523 3.44772 17 4 17Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7C19.4477 7 19 7.44772 19 8C19 8.55228 19.4477 9 20 9Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .check::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='7.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='7.5' stroke='%23E0E9FD'/%3E%3C/svg%3E%0A")
}

.light .default-check>input:checked+.check::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='8' fill='%233772FF'/%3E%3Cpath d='M15.6673 7.5L9.25065 13.9167L6.33398 11' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .status-order.up-order::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.27344 7.93592L4.47018 9.08137L8.14589 5.56319V15.545H9.85553V5.56319L13.5312 9.08137L14.728 7.93592L9.00071 2.4541L3.27344 7.93592Z' fill='%234FBF67'/%3E%3C/svg%3E%0A")
}

.light .status-order.down-order::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7266 10.0641L13.5298 8.91863L9.85411 12.4368L9.85411 2.45499L8.14447 2.45499L8.14447 12.4368L4.46876 8.91862L3.27202 10.0641L8.99929 15.5459L14.7266 10.0641Z' fill='%23E32D2D'/%3E%3C/svg%3E%0A")
}

.light .star-table {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0008 17.75L5.82881 20.995L7.00781 14.122L2.00781 9.25495L8.90781 8.25495L11.9938 2.00195L15.0798 8.25495L21.9798 9.25495L16.9798 14.122L18.1588 20.995L12.0008 17.75Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .empty-data-table::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='49' viewBox='0 0 60 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0219 4.11838C12.5155 4.29762 11.7992 5.02869 11.6234 5.54591C11.4991 5.91141 11.4881 6.98095 11.4881 18.7465C11.4881 33.1179 11.4372 31.961 12.1026 32.7011C12.7591 33.4313 12.9054 33.4684 15.3086 33.5149L17.3938 33.5553L13.6567 37.0658C9.28619 41.1713 9.43024 40.9913 9.43024 42.346C9.43024 43.0582 9.45687 43.2157 9.64571 43.6185C9.92058 44.2049 10.4823 44.7667 11.0688 45.0416C11.4709 45.2301 11.6295 45.257 12.3355 45.257C13.7248 45.257 13.3574 45.5685 18.7632 39.808L23.4435 34.8207L24.0529 35.1812C28.2032 37.6348 34.1129 37.1157 37.8111 33.9728L38.3499 33.5149H42.4977C47.1546 33.5149 47.0952 33.5214 47.7604 32.936C47.9634 32.7574 48.2286 32.4423 48.35 32.2359L48.5706 31.8605V18.7465V5.63242L48.397 5.30962C48.1749 4.89691 47.6921 4.41407 47.2794 4.19206L46.9566 4.01839L30.1706 4.00418C15.0059 3.99135 13.3496 4.00241 13.0219 4.11838ZM46.4779 5.71022C46.9182 5.89422 46.9969 6.18192 46.9969 7.60704V8.82015H40.1714H33.3459L33.11 9.05604C32.7778 9.38821 32.7778 9.86612 33.11 10.1983L33.3459 10.4342H40.1714H46.9969V20.7666C46.9969 31.837 47.0083 31.5174 46.6055 31.733C46.4457 31.8186 39.8952 31.867 39.8952 31.7826C39.8952 31.7619 40.0974 31.4348 40.3446 31.0556C41.1817 29.7714 41.7769 28.2279 42.036 26.6696C42.2221 25.5508 42.1654 23.329 41.9229 22.2388C40.9195 17.7283 37.6045 14.1081 33.4074 12.9397C31.8491 12.5059 29.5863 12.3869 27.9803 12.6545C23.6112 13.3822 19.9779 16.5861 18.5119 21.0037C17.7942 23.1664 17.7481 25.844 18.3902 28.07C18.6023 28.8056 19.2104 30.1677 19.6341 30.8563L19.8676 31.2357L19.5683 31.528L19.2691 31.8202H16.4456C13.2977 31.8202 13.3404 31.8274 13.1864 31.2731C13.1311 31.0737 13.1029 27.5213 13.1027 20.7035L13.1022 10.4342H19.9277H26.7532L26.9891 10.1983C27.1741 10.0132 27.225 9.89009 27.225 9.62717C27.225 9.36424 27.1741 9.24109 26.9891 9.05604L26.7532 8.82015H19.9277H13.1022L13.1067 7.6298C13.1121 6.22421 13.1856 5.9336 13.5864 5.73346C13.8525 5.60047 14.8056 5.59232 30.032 5.59224C44.0403 5.59207 46.2328 5.60781 46.4779 5.71022ZM29.4784 9.05604C28.9586 9.57592 29.3143 10.4342 30.0496 10.4342C30.5214 10.4342 30.8566 10.099 30.8566 9.62717C30.8566 8.89189 29.9983 8.53624 29.4784 9.05604ZM31.7633 14.3556C35.6171 15.0021 38.5672 17.4211 39.806 20.9506C40.2479 22.2095 40.4024 23.1494 40.4058 24.5974C40.4091 25.9927 40.2944 26.7953 39.9242 27.9671C39.1196 30.5142 37.3559 32.62 34.9827 33.8671C34.3489 34.2001 33.0318 34.6543 32.1478 34.8447C31.1632 35.0568 29.2546 35.0984 28.3039 34.9284C26.0855 34.5318 24.3094 33.6006 22.698 31.9892C21.1149 30.4061 20.13 28.5496 19.7611 26.4532C19.5973 25.5218 19.595 23.7662 19.7566 22.8485C20.5628 18.2677 24.2671 14.7842 28.9197 14.2313C29.6501 14.1445 30.8062 14.1951 31.7633 14.3556ZM25.3945 19.8931C23.8655 21.4141 23.7349 21.6013 23.878 22.0684C23.9098 22.1721 24.4655 22.7927 25.1129 23.4474L26.2901 24.6378L25.0627 25.8743C23.9893 26.9559 23.8355 27.1435 23.8355 27.3712C23.8355 27.5145 23.8872 27.7297 23.9502 27.8496C24.1415 28.2131 26.757 30.7527 27.0031 30.814C27.4378 30.9222 27.6489 30.7816 28.858 29.5783L30.0471 28.3949L31.2387 29.5766C32.4473 30.7751 32.6644 30.9199 33.0961 30.8156C33.237 30.7815 33.8558 30.2236 34.7908 29.2873C36.738 27.3378 36.7211 27.5718 35.0363 25.8743L33.809 24.6377L35.0363 23.4011C36.7273 21.6974 36.7473 21.9385 34.7481 19.9392C32.7488 17.9399 32.9899 17.96 31.2862 19.651L30.0496 20.8783L28.813 19.651C27.1152 17.9659 27.3485 17.9494 25.3945 19.8931ZM30.0496 22.8623C30.3947 22.8623 30.423 22.8404 31.639 21.6336L32.8769 20.4048L33.5809 21.1088L34.2849 21.8127L33.0609 23.0437C32.3877 23.7206 31.83 24.3472 31.8216 24.436C31.7765 24.9146 31.8332 24.9974 33.0348 26.208L34.2446 27.4269L33.5603 28.1077L32.876 28.7884L31.7242 27.6465C30.555 26.4873 30.2696 26.289 29.8905 26.3723C29.7606 26.4008 29.2127 26.8857 28.4734 27.6262L27.2679 28.8336L26.5602 28.1291L25.8523 27.4246L27.0539 26.2127C28.2946 24.9613 28.427 24.7574 28.2689 24.3415C28.2215 24.2168 27.6689 23.5966 27.0408 22.9631L25.8988 21.8113L26.5795 21.127L27.2603 20.4427L28.4793 21.6525C29.6756 22.8399 29.7046 22.8623 30.0496 22.8623ZM21.4903 33.2276L22.0867 33.828L21.5513 34.3776L21.0159 34.9272L20.3895 34.3026L19.7631 33.678L20.2838 33.1526C20.5702 32.8636 20.8246 32.6272 20.8492 32.6272C20.8738 32.6272 21.1623 32.8974 21.4903 33.2276ZM19.7377 36.2901C19.2548 36.8465 13.1427 43.3405 13.0187 43.4289C12.5644 43.7526 11.8644 43.6722 11.4397 43.2476C10.9451 42.7529 10.9243 42.0059 11.3912 41.5076C11.5111 41.3797 13.1669 39.8164 15.0708 38.0337L18.5324 34.7924L19.2046 35.4611C19.8554 36.1086 19.8723 36.1349 19.7377 36.2901Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.light .secondary-select-head::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14.5L16 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5L8 10.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .secondary-body-content>.item.active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L10 17L20 7' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .secondary-search::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .icon-head-type>p::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5H6C4.89543 5 4 5.89543 4 7V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V7C20 5.89543 19.1046 5 18 5Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3V7' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11H20' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 15H12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15V18' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .copy-item-head {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9987 5.33398H6.66536C5.92898 5.33398 5.33203 5.93094 5.33203 6.66732V12.0007C5.33203 12.737 5.92898 13.334 6.66536 13.334H11.9987C12.7351 13.334 13.332 12.737 13.332 12.0007V6.66732C13.332 5.93094 12.7351 5.33398 11.9987 5.33398Z' fill='%23777E90'/%3E%3Cpath d='M10.668 5.33268V3.99935C10.668 3.64573 10.5275 3.30659 10.2774 3.05654C10.0274 2.80649 9.68826 2.66602 9.33464 2.66602H4.0013C3.64768 2.66602 3.30854 2.80649 3.05849 3.05654C2.80844 3.30659 2.66797 3.64573 2.66797 3.99935V9.33268C2.66797 9.6863 2.80844 10.0254 3.05849 10.2755C3.30854 10.5255 3.64768 10.666 4.0013 10.666H5.33464' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .status-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%233772FF' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C12 15.6 15.6 12 20 12C24.4 12 28 15.6 28 20C28 24.4 24.4 28 20 28C15.6 28 12 24.4 12 20ZM15.6 20L19 23.4L24.4 18L23 16.6L19 20.6L17 18.6L15.6 20Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.light .amount-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%233772FF' fill-opacity='0.1'/%3E%3Cpath d='M20 18C22.9 18 26 17.1 26 15C26 12.9 22.9 12 20 12C17.1 12 14 12.9 14 15C14 17.1 17.1 18 20 18Z' fill='%233772FF'/%3E%3Cpath d='M14 18.5V20C14 22.1 17.1 23 20 23C22.9 23 26 22.1 26 20V18.5C24.6 19.4 22.5 20 20 20C17.5 20 15.4 19.4 14 18.5Z' fill='%233772FF'/%3E%3Cpath d='M14 23.5V25C14 27.1 17.1 28 20 28C22.9 28 26 27.1 26 25V23.5C24.6 24.5 22.5 25 20 25C17.5 25 15.4 24.4 14 23.5Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.light .adress-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%233772FF' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 16H23V13C23 12.4 22.6 12 22 12H15C13.3 12 12 13.3 12 15V25C12 26.7 13.3 28 15 28H27C27.6 28 28 27.6 28 27V17C28 16.4 27.6 16 27 16ZM14 15C14 14.4 14.4 14 15 14H21V16H14V15ZM15 26H26V18H22H14V25C14 25.6 14.4 26 15 26Z' fill='%233772FF'/%3E%3Crect x='23' y='21' width='2' height='2' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.light .transaction-i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='20' cy='20' r='20' fill='%233772FF' fill-opacity='0.1'/%3E%3Cpath d='M27 18H24V20H26V26H14V20H15V18H13C12.4 18 12 18.4 12 19V27C12 27.6 12.4 28 13 28H27C27.6 28 28 27.6 28 27V19C28 18.4 27.6 18 27 18Z' fill='%233772FF'/%3E%3Cpath d='M17 20H19C19.3 20 19.5 19.9 19.7 19.7L24.7 14.7C25.1 14.3 25.1 13.7 24.7 13.3L23.7 12.3C23.3 11.9 22.7 11.9 22.3 12.3L17.3 17.3C17.1 17.5 17 17.7 17 18V20Z' fill='%233772FF'/%3E%3Crect x='16' y='22' width='8' height='2' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.light .move-content>.item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' rx='6' fill='white'/%3E%3Crect x='1' y='1' width='10' height='10' rx='5' stroke='%231F2128' stroke-opacity='0.08' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.light .move-content>.item.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='16' height='16' rx='8' fill='%233772FF' stroke='%23191B21' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.light .coin-trade-info>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.083L13.3333 8.74967' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0013 12.083L6.66797 8.74967' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .next-item::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11L9.5 7' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 3L9.5 7' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .next-item.disabled::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11L9.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 3L9.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .prev-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 3L4.5 7' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11L4.5 7' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .prev-item.disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 3L4.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11L4.5 7' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .auth-verify>p::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_805_43135' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_805_43135)'%3E%3Cpath d='M9.00287 3.41287e-06C5.26023 0.00408606 2.18129 2.94829 2.00987 6.687L0.170866 9.445C0.00967079 9.68408 -0.0404824 9.9811 0.0332758 10.2598C0.107034 10.5386 0.297524 10.7719 0.555866 10.9L2.00287 11.618V13.5C2.00287 14.8807 3.12215 16 4.50287 16H7.00287C8.65972 16 10.0029 14.6569 10.0029 13V8.723C9.21893 8.2704 8.83673 7.34768 9.07101 6.47331C9.3053 5.59895 10.0977 4.99095 11.0029 4.99095C11.9081 4.99095 12.7004 5.59895 12.9347 6.47331C13.169 7.34768 12.7868 8.2704 12.0029 8.723V13C11.9992 14.0855 11.6387 15.1396 10.9769 16H13.0029C13.5552 16 14.0029 15.5523 14.0029 15V11.889C15.9752 9.8775 16.548 6.87889 15.4559 4.28203C14.3638 1.68517 11.82 -0.00277014 9.00287 3.41287e-06Z' fill='%233772FF'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.light .ds-dwnl:hover>.download-i,.light .ds-dwnl.active>.download-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.666 2H16.335C19.7386 2 22 4.42931 22 7.916V16.084C22 19.567 19.7319 22 16.335 22H7.666C4.26222 22 2 19.5705 2 16.084V7.916C2 4.4295 4.26222 2 7.666 2ZM16.335 3.5H7.666C5.1155 3.5 3.5 5.23496 3.5 7.916V16.084C3.5 18.765 5.1155 20.5 7.666 20.5H16.335C18.879 20.5 20.5 18.7612 20.5 16.084V7.916C20.5 5.23468 18.8852 3.5 16.335 3.5ZM12 7.164C12.3797 7.164 12.6935 7.44615 12.7432 7.81223L12.75 7.914V14.2692L15.2165 11.7931C15.4822 11.5263 15.8989 11.5012 16.1929 11.7184L16.2772 11.7908C16.544 12.0565 16.5691 12.4732 16.3519 12.7672L16.2795 12.8515L12.5315 16.6155C12.265 16.8831 11.8468 16.9075 11.5528 16.6885L11.5497 16.6858C11.5218 16.6648 11.4954 16.642 11.4708 16.6174L11.4685 16.6155L7.72054 12.8515C7.42827 12.558 7.42928 12.0831 7.7228 11.7908C7.98963 11.5251 8.40635 11.5018 8.69949 11.7203L8.78346 11.7931L11.25 14.2706V7.914C11.25 7.49979 11.5858 7.164 12 7.164Z' fill='%23191B21'/%3E%3C/svg%3E%0A")
}

.light .ds-lang:hover>.lang-i,.light .ds-lang.active>.lang-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5H11M9 3V5C9 9.418 6.761 13 4 13' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 9C4.997 11.144 7.952 12.908 11.7 13M12 20L16 11L20 20M19.1 18H12.9' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .ds-theme:hover>.theme-ld {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_803_43557)'%3E%3Cpath d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H4M12 3V4M20 12H21M12 20V21M5.6 5.6L6.3 6.3M18.4 5.6L17.7 6.3M17.7 17.7L18.4 18.4M6.3 17.7L5.6 18.4' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_803_43557'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.light .ds-notif:hover>.notif-i,.light .ds-notif.active>.notif-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.50083 13.7871V13.5681C3.53295 12.9202 3.7406 12.2925 4.10236 11.7496C4.7045 11.0975 5.1167 10.2983 5.29571 9.43598C5.29571 8.7695 5.29571 8.0935 5.35393 7.42703C5.65469 4.21842 8.82728 2 11.9611 2H12.0387C15.1725 2 18.345 4.21842 18.6555 7.42703C18.7137 8.0935 18.6555 8.7695 18.704 9.43598C18.8854 10.3003 19.2972 11.1019 19.8974 11.7591C20.2618 12.2972 20.4698 12.9227 20.4989 13.5681V13.7776C20.5206 14.648 20.2208 15.4968 19.6548 16.1674C18.907 16.9515 17.8921 17.4393 16.8024 17.5384C13.607 17.8812 10.383 17.8812 7.18762 17.5384C6.09914 17.435 5.08576 16.9479 4.33521 16.1674C3.778 15.4963 3.48224 14.6526 3.50083 13.7871Z' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M9.55518 20.8516C10.0545 21.4782 10.7876 21.8838 11.5925 21.9785C12.3973 22.0732 13.2074 21.8493 13.8435 21.3562C14.0391 21.2103 14.2152 21.0408 14.3674 20.8516' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.light .head-auth-action>.theme-l-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_803_43557)'%3E%3Cpath d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H4M12 3V4M20 12H21M12 20V21M5.6 5.6L6.3 6.3M18.4 5.6L17.7 6.3M17.7 17.7L18.4 18.4M6.3 17.7L5.6 18.4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_803_43557'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.light .no-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='49' viewBox='0 0 60 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.6715 0.531709C27.4429 0.553315 26.633 0.678058 25.8719 0.80871C20.9832 1.64821 16.4895 3.97649 12.9855 7.48526C9.31951 11.1564 7.00057 15.7812 6.17801 21.0622C5.94235 22.5753 5.94023 26.3986 6.17432 27.8949C6.58264 30.5053 7.37573 33.0365 8.4648 35.205C11.8565 41.9585 18.0405 46.6308 25.494 48.0714C35.8939 50.0815 46.5546 44.8783 51.3436 35.4551C53.1356 31.9289 54 28.3264 54 24.384C54 18.1267 51.4902 12.0421 47.0782 7.60345C43.3594 3.86209 38.8228 1.56963 33.4027 0.692923C32.5436 0.553961 28.6061 0.443161 27.6715 0.531709ZM32.891 2.54477C36.0725 2.99988 38.6609 3.92109 41.561 5.63046C44.2246 7.20041 47.254 10.2433 48.9138 13.016C51.2512 16.9206 52.3954 21.5708 52.0728 25.8541C51.7697 29.8761 50.5597 33.4487 48.4108 36.6666C47.5911 37.894 46.559 39.2026 46.3367 39.2962C46.2447 39.335 41.3049 34.459 30.6047 23.7672L15.0067 8.18164L15.4262 7.79781C16.6223 6.70338 18.3922 5.53804 20.2348 4.63178C22.7756 3.38214 25.3278 2.66323 28.1179 2.41134C29.2685 2.30747 31.7086 2.3757 32.891 2.54477ZM29.0594 6.43681C27.6318 6.82027 26.596 8.06696 26.4915 9.52768L26.4467 10.1525L25.6524 10.4C25.2155 10.5361 24.5245 10.814 24.1169 11.0173C23.36 11.3949 21.8515 12.3494 21.8515 12.4507C21.8515 12.5221 23.1201 13.7678 23.1929 13.7678C23.2229 13.7678 23.4842 13.6073 23.7735 13.411C24.8223 12.6998 25.6338 12.3616 27.541 11.8411C28.1685 11.6698 28.2644 11.4894 28.325 10.3651C28.3851 9.24837 28.5077 8.92843 29.0268 8.53269C29.3199 8.30915 29.4498 8.27397 29.981 8.27397C30.5063 8.27397 30.6434 8.31017 30.9221 8.52272C31.4266 8.90729 31.5832 9.32852 31.6269 10.4185C31.661 11.2704 31.6867 11.3849 31.8906 11.5886C32.0162 11.714 32.2836 11.8426 32.4926 11.8779C32.6994 11.9128 33.2373 12.0609 33.6879 12.2068C36.4559 13.1036 38.5361 15.0387 39.4479 17.5651C39.9261 18.8898 39.9581 19.3598 39.9581 25.0386C39.9581 28.1991 39.9937 30.377 40.0476 30.5188C40.0969 30.6482 40.4149 30.9521 40.7543 31.1942C42.814 32.6632 42.8219 32.6705 42.8219 33.1121C42.8219 33.3462 42.9595 33.5442 43.5539 34.1662C43.9565 34.5873 44.3265 34.9068 44.3761 34.8762C44.5318 34.78 44.705 33.8773 44.697 33.204C44.6927 32.8486 44.619 32.317 44.5331 32.0228C44.362 31.4365 44.2906 31.3677 42.6941 30.2494L41.9032 29.6954L41.8998 28.9567C41.8552 19.2921 41.8531 19.2102 41.6364 18.276C41.1073 15.995 39.9958 14.1004 38.3321 12.643C37.2604 11.7044 35.6716 10.8203 34.3103 10.4052L33.518 10.1638L33.4639 9.51761C33.3406 8.04831 32.2913 6.80412 30.8614 6.43192C30.1907 6.25732 29.7231 6.25861 29.0594 6.43681ZM44.8242 40.7754C44.7657 40.9544 43.3593 42.1079 42.4265 42.7416C39.4729 44.7484 36.0748 46.0318 32.5677 46.4651C31.3289 46.6182 28.5309 46.6175 27.3944 46.4641C19.7073 45.4256 13.4214 40.9692 10.1232 34.2197C8.53834 30.9765 7.86424 28.0501 7.8684 24.4324C7.87468 19.0944 9.71656 14.1317 13.2079 10.0466L13.6657 9.51078L29.26 25.097C37.8369 33.6693 44.8407 40.7246 44.8242 40.7754ZM18.5328 17.4381C18.1081 19.0293 18.1279 18.719 18.0884 24.3602L18.0508 29.7357L16.8544 30.5928C15.7408 31.3904 15.6458 31.4824 15.4813 31.9219C14.8757 33.5394 15.4401 35.5583 16.717 36.3415L17.1715 36.6204L21.3059 36.6462L25.4402 36.672L25.5382 37.129C25.8429 38.5486 26.8679 39.5879 28.5029 40.1351C29.638 40.5149 31.4446 40.3062 32.598 39.6619C33.5494 39.1304 34.355 38.0004 34.4372 37.0821L34.4703 36.7127L36.3365 36.6877C37.3631 36.6739 38.2029 36.6346 38.2029 36.6002C38.2029 36.5657 37.8093 36.1511 37.3281 35.6787L36.4534 34.8199H27.1342C16.6795 34.8199 17.6008 34.8838 17.2886 34.137C17.1367 33.7734 17.0889 32.9141 17.2108 32.7348C17.2944 32.6119 19.3153 31.1368 19.4941 31.0682C19.5652 31.041 19.6986 30.9079 19.7905 30.7725C19.946 30.5436 19.9613 30.1223 20.0095 24.7555C20.0381 21.5816 20.0945 18.8924 20.1351 18.7798C20.1977 18.6055 20.0991 18.4642 19.4747 17.8334C19.071 17.4255 18.7147 17.0918 18.683 17.0918C18.6513 17.0918 18.5837 17.2477 18.5328 17.4381ZM32.5677 36.8097C32.5677 37.0525 32.3151 37.4568 31.9795 37.7514C31.1425 38.4859 29.6093 38.6395 28.5424 38.0957C28.142 37.8916 27.9142 37.6964 27.6946 37.3696C27.5294 37.1238 27.3944 36.8868 27.3944 36.8428C27.3944 36.7989 28.1739 36.7507 29.1265 36.7357C30.0792 36.7207 31.2432 36.699 31.7132 36.6875C32.4323 36.6699 32.5677 36.6892 32.5677 36.8097Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.light .image-vip-detail>img {
    display: none
}

.light .image-vip-detail>img.dark-vip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .vip-app-platform>.item>img {
    display: none
}

.light .vip-app-platform>.item>img.dark-platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .image-vip-app>img {
    display: none
}

.light .image-vip-app>img.vip-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.light .logo-download>.item {
    background: url(../img/cell-light.png)
}

.default-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255,255,255,0);
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.default-button>input {
    display: none
}

.button-a {
    border-radius: 12px;
    height: 48px;
    padding: 0 24px
}

.button-a>p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

.button-b {
    border-radius: 12px;
    height: 48px;
    padding: 0 24px
}

.button-b>p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

.button-g {
    border-radius: 12px;
    height: 48px;
    padding: 0 24px
}

.button-g>p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

.button-c>p {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.button-d {
    height: 48px;
    padding: 0 24px;
    border-radius: 12px;
    -webkit-transition: .2s;
    transition: .2s
}

.button-d>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.button-d:active {
    opacity: .6
}

.button-f {
    height: 48px;
    padding: 0 24px;
    border-radius: 12px
}

.button-f>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.button-e {
    padding: 0 24px;
    height: 48px;
    border-radius: 12px
}

.button-e>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.default-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 12px;
    height: 56px;
    padding: 0 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}

.default-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 12px;
    height: 100%;
    padding: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    resize: none;
    min-height: 100px
}

.primary-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 12px;
    height: 56px;
    padding: 0 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.primary-input>input {
    height: 100%;
    background: none;
    border: none;
    width: 100%
}

.primary-input>:not(input) {
    white-space: nowrap
}

.tns-nav {
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 40px;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: absolute;
    gap: 6px
}

.tns-nav>button {
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 24px;
    height: 3px;
    -webkit-transition: .2s;
    transition: .2s;
    mix-blend-mode: normal;
    opacity: .5;
    border-radius: 1px
}

.tns-nav>button.tns-nav-active {
    width: 40px
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.social-items>.item.i-social-a {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 13C0 20.1905 5.85714 26 13 26C20.1905 26 26 20.1429 26 13C26 5.80952 20.1429 0 13 0C5.80952 0 0 5.85714 0 13ZM10.9527 20.5718V13.048H11.0003V13.0004H9.61933C9.52409 13.0004 9.42886 12.9052 9.42886 12.8099V10.5242C9.42886 10.429 9.52409 10.3338 9.61933 10.3338H11.0003V8.09566C11.0003 6.52423 12.2384 5.28613 13.8098 5.28613H16.4289C16.5241 5.28613 16.6193 5.38137 16.6193 5.47661V7.76232C16.6193 7.85756 16.5241 7.9528 16.4289 7.9528H14.8574C14.4765 7.9528 14.1431 8.28613 14.1431 8.66709V10.2861H16.3812C16.4765 10.2861 16.5717 10.3814 16.5717 10.4766L16.3812 12.7623C16.3812 12.8576 16.286 12.9528 16.1908 12.9528H14.1431V20.5718C14.1431 20.6671 14.0479 20.7623 13.9527 20.7623H11.1431C11.0479 20.7623 10.9527 20.6671 10.9527 20.5718Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.social-items>.item.i-social-b {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM18.5652 8.68965C19.1695 8.61699 19.7452 8.45543 20.2809 8.21639C19.8804 8.81911 19.3739 9.34848 18.7903 9.77223C18.7961 9.9011 18.7989 10.0307 18.7989 10.161C18.7989 14.1327 15.7944 18.7124 10.2999 18.7124C8.61302 18.7124 7.04284 18.2149 5.72088 17.3622C5.95458 17.3899 6.19237 17.4041 6.43347 17.4041C7.83296 17.4041 9.12099 16.9236 10.1433 16.1175C8.83617 16.0933 7.733 15.2243 7.3529 14.0302C7.53525 14.0653 7.7224 14.0841 7.91487 14.0841C8.18733 14.0841 8.45122 14.0474 8.7019 13.9787C7.33538 13.7027 6.3057 12.4879 6.3057 11.0317C6.3057 11.019 6.3057 11.0064 6.30591 10.9939C6.7087 11.219 7.16927 11.3542 7.65897 11.3698C6.85745 10.8309 6.33004 9.91091 6.33004 8.8682C6.33004 8.3174 6.47735 7.80111 6.73448 7.35721C8.20778 9.17556 10.4089 10.3721 12.8915 10.4974C12.8406 10.2775 12.8141 10.0481 12.8141 9.81252C12.8141 8.15273 14.1516 6.80705 15.8014 6.80705C16.6605 6.80705 17.4368 7.17208 17.9818 7.7562C18.6622 7.62138 19.3015 7.37125 19.8786 7.02686C19.6556 7.72866 19.182 8.31767 18.5652 8.68965Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.social-items>.item.i-social-c {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0315 20.9167C19.4519 22.4185 17.1616 23.3461 15.3451 23.4897C14.0589 23.6333 12.7163 23.6333 11.4189 23.4897C9.50084 23.2578 8.12439 22.7388 6.73665 22.2308C7.40231 21.5793 8.12439 20.6848 8.40645 19.8898C8.59825 19.426 8.55312 18.9069 8.36132 18.4873C6.88332 15.5389 7.54898 12.0273 9.94086 9.73039C11.6671 8.04084 14.0589 7.30097 16.496 7.57704C18.2673 7.80894 19.892 8.55985 21.1782 9.77456C24.2357 12.8224 24.1342 17.9241 21.0315 20.9167ZM22.8931 7.86416C21.7987 6.79301 20.5012 5.98688 19.1135 5.47891C19.9258 3.18201 22.7915 2.34276 22.7915 2.34276C22.7915 2.34276 16.2026 -1.03633 8.93672 0.321933C6.48843 0.697387 4.15297 2.14399 2.47189 4.06544C-1.20618 8.23961 -0.73232 14.5561 3.57757 18.1119C4.24323 18.675 5.73251 19.5143 5.73251 19.5585C4.77351 21.9879 1.67084 22.6504 1.67084 22.6504C1.67084 22.6504 5.78892 25.1792 11.2835 25.8308C12.7615 26.0185 14.2959 26.0627 15.8754 25.8749C18.414 25.6872 20.9412 24.329 22.9044 22.5069C27.0112 18.4873 27.0563 11.9279 22.8931 7.86416Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.social-items>.item.i-social-d {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM15.8158 5C17.2407 5.23857 18.6279 5.66091 19.9419 6.25623C22.2055 9.53144 23.3303 13.2254 22.915 17.4875C21.3855 18.6067 19.6725 19.4566 17.8513 20C17.4412 19.4555 17.0786 18.8774 16.7675 18.2721C17.3602 18.0529 17.9324 17.7825 18.4774 17.4642C18.3358 17.3692 18.1958 17.2634 18.0589 17.1529C16.4763 17.8894 14.7489 18.2713 13 18.2713C11.251 18.2713 9.52364 17.8894 7.94098 17.1529C7.8057 17.2556 7.6657 17.3615 7.52255 17.4642C8.06646 17.782 8.63759 18.0518 9.22933 18.2705C8.91778 18.8761 8.55522 19.4547 8.14548 20C6.32582 19.4544 4.61417 18.6041 3.08493 17.486C2.73099 13.8107 3.43887 10.0825 6.05016 6.25934C7.3655 5.66393 8.75361 5.24059 10.1795 5C10.3744 5.34498 10.5508 5.69987 10.708 6.0632C12.2258 5.83686 13.7694 5.83686 15.2872 6.0632C15.4443 5.69983 15.6208 5.34494 15.8158 5ZM7.87649 13.2503C7.87649 14.34 8.69134 15.2257 9.67765 15.2257C10.6828 15.2257 11.4599 14.34 11.4772 13.2503C11.4945 12.1606 10.686 11.2671 9.6745 11.2671C8.66302 11.2671 7.87649 12.1606 7.87649 13.2503ZM14.5227 13.2503C14.5227 14.34 15.3344 15.2257 16.3223 15.2257C17.3275 15.2257 18.103 14.34 18.1203 13.2503C18.1376 12.1606 17.3353 11.2671 16.3223 11.2671C15.3092 11.2671 14.5227 12.1606 14.5227 13.2503Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.social-items>.item.i-social-e {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM18.4806 7.8863L5.9464 12.719C5.08732 13.0549 5.10248 13.5305 5.79907 13.7515L9.0079 14.7525L16.4515 10.066C16.7971 9.8363 17.1177 9.9663 16.8556 10.197L12.5816 14.0582C11.6654 14.8859 11.7808 16.2459 12.7294 17.0363C12.7606 17.0623 12.7923 17.089 12.8245 17.1163L16.0745 19.5115C16.6671 19.8474 17.0907 19.674 17.2488 18.9612L19.383 8.9068L19.3819 8.90788C19.5704 8.02821 19.0623 7.67613 18.4806 7.8863Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.social-items>.item.i-social-ins {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_218_515)'%3E%3Cpath d='M15.4307 13.507C15.4093 13.9737 15.2573 14.4243 14.9893 14.807C14.7207 15.2024 14.3338 15.5025 13.884 15.6643C13.439 15.8459 12.949 15.8869 12.48 15.7817C12.0088 15.6812 11.5787 15.4416 11.2453 15.0937C10.9151 14.7299 10.6982 14.2776 10.6213 13.7923C10.5344 13.3224 10.5935 12.8371 10.7907 12.4017C10.9827 11.9657 11.2973 11.5937 11.7 11.335C12.1093 11.0817 12.5827 10.947 13.0653 10.9457C13.7013 10.9803 14.3 11.255 14.7427 11.7123C14.9714 11.9504 15.1502 12.2318 15.2683 12.54C15.3865 12.8483 15.4417 13.1771 15.4307 13.507Z' fill='%23777E90'/%3E%3Cpath d='M20.0201 7.86303C19.8684 7.48835 19.6429 7.14797 19.357 6.86212C19.0712 6.57628 18.7308 6.35078 18.3561 6.19903C17.9788 6.05182 17.5784 5.97281 17.1735 5.9657H8.95747C8.14475 5.96886 7.36623 6.29311 6.79155 6.86779C6.21688 7.44246 5.89263 8.22099 5.88947 9.0337V17.4057C5.89005 17.8097 5.97072 18.2095 6.1268 18.5821C6.28288 18.9547 6.51129 19.2926 6.7988 19.5764C7.37328 20.1463 8.14824 20.4685 8.95747 20.4737H17.1735C17.7786 20.4698 18.3694 20.2885 18.8725 19.9522C19.3757 19.6159 19.7691 19.1394 20.0041 18.5817C20.1599 18.2091 20.2406 17.8095 20.2415 17.4057V9.0457C20.2385 8.64146 20.1635 8.24098 20.0201 7.86303ZM16.7708 15.1177C16.5749 15.6044 16.2828 16.0465 15.9121 16.4177C15.5388 16.795 15.0975 17.0977 14.6121 17.315C14.0864 17.5356 13.521 17.6461 12.9509 17.6397C12.3808 17.6333 11.8181 17.5101 11.2975 17.2777C10.46 16.9007 9.77307 16.2538 9.34646 15.4405C8.91986 14.6272 8.7782 13.6943 8.94413 12.791C9.10441 11.994 9.48772 11.2588 10.0495 10.671C10.6228 10.0964 11.3521 9.70273 12.147 9.53871C12.942 9.3747 13.7676 9.4476 14.5215 9.74837C15.2775 10.055 15.9215 10.5857 16.3668 11.2697C16.8168 11.9292 17.0613 12.7073 17.0695 13.5057C17.0881 14.059 16.9855 14.6084 16.7708 15.1177ZM18.2001 8.69503C18.2127 8.79894 18.203 8.90433 18.1718 9.00424C18.1407 9.10415 18.0886 9.1963 18.0192 9.27462C17.9498 9.35294 17.8645 9.41564 17.7691 9.45857C17.6736 9.50151 17.5701 9.52372 17.4655 9.52372C17.3608 9.52372 17.2573 9.50151 17.1619 9.45857C17.0664 9.41564 16.9812 9.35294 16.9117 9.27462C16.8423 9.1963 16.7903 9.10415 16.7591 9.00424C16.7279 8.90433 16.7183 8.79894 16.7308 8.69503C16.7152 8.58946 16.7225 8.48177 16.7522 8.37928C16.782 8.2768 16.8335 8.18192 16.9032 8.10113C16.9729 8.02033 17.0592 7.95551 17.1563 7.91108C17.2533 7.86665 17.3587 7.84365 17.4655 7.84365C17.5722 7.84365 17.6776 7.86665 17.7747 7.91108C17.8717 7.95551 17.958 8.02033 18.0277 8.10113C18.0975 8.18192 18.1489 8.2768 18.1787 8.37928C18.2084 8.48177 18.2158 8.58946 18.2001 8.69503Z' fill='%23777E90'/%3E%3Cpath d='M19.5 0.194092H6.5C4.77609 0.194092 3.12279 0.878911 1.90381 2.0979C0.68482 3.31688 0 4.97018 0 6.69409V19.6941C0 20.5477 0.168128 21.3929 0.494783 22.1815C0.821439 22.9701 1.30023 23.6867 1.90381 24.2903C3.12279 25.5093 4.77609 26.1941 6.5 26.1941H19.5C20.3536 26.1941 21.1988 26.026 21.9874 25.6993C22.7761 25.3727 23.4926 24.8939 24.0962 24.2903C24.6998 23.6867 25.1786 22.9701 25.5052 22.1815C25.8319 21.3929 26 20.5477 26 19.6941V6.69409C26 5.8405 25.8319 4.99527 25.5052 4.20665C25.1786 3.41803 24.6998 2.70148 24.0962 2.0979C23.4926 1.49432 22.7761 1.01553 21.9874 0.688875C21.1988 0.362219 20.3536 0.194092 19.5 0.194092ZM22.256 17.2768C22.2693 17.9568 22.14 18.6354 21.8787 19.2648C21.3512 20.5278 20.3471 21.532 19.084 22.0594C18.4533 22.3208 17.7773 22.4488 17.0947 22.4368H9.1C8.4182 22.4482 7.74124 22.3203 7.11067 22.0608C6.48563 21.7977 5.91638 21.4181 5.43333 20.9421C4.95507 20.4612 4.57549 19.8914 4.316 19.2648C4.04169 18.6374 3.90006 17.9601 3.9 17.2754V9.21809C3.88894 8.5362 4.01734 7.85924 4.27733 7.22876C4.79301 5.9604 5.78812 4.94661 7.04667 4.40742C7.70045 4.15324 8.39891 4.03396 9.1 4.05676H17.16C17.8357 4.05071 18.5058 4.17982 19.1309 4.4365C19.756 4.69319 20.3235 5.07226 20.8 5.55143C21.276 6.03409 21.6547 6.60476 21.9173 7.22876C22.1773 7.85943 22.3067 8.53543 22.2947 9.21809L22.256 17.2768Z' fill='%23777E90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_218_515'%3E%3Crect width='26' height='26' fill='white' transform='translate(0 0.194092)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.social-items>.item:hover.i-social-a {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 13C0 20.1905 5.85714 26 13 26C20.1905 26 26 20.1429 26 13C26 5.80952 20.1429 0 13 0C5.80952 0 0 5.85714 0 13ZM10.9528 20.5718V13.048H11.0004V13.0004H9.61943C9.52419 13.0004 9.42896 12.9052 9.42896 12.8099V10.5242C9.42896 10.429 9.52419 10.3338 9.61943 10.3338H11.0004V8.09566C11.0004 6.52423 12.2385 5.28613 13.8099 5.28613H16.429C16.5242 5.28613 16.6194 5.38137 16.6194 5.47661V7.76232C16.6194 7.85756 16.5242 7.9528 16.429 7.9528H14.8575C14.4766 7.9528 14.1432 8.28613 14.1432 8.66709V10.2861H16.3813C16.4766 10.2861 16.5718 10.3814 16.5718 10.4766L16.3813 12.7623C16.3813 12.8576 16.2861 12.9528 16.1909 12.9528H14.1432V20.5718C14.1432 20.6671 14.048 20.7623 13.9528 20.7623H11.1432C11.048 20.7623 10.9528 20.6671 10.9528 20.5718Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.social-items>.item:hover.i-social-b {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM18.5653 8.68924C19.1695 8.61658 19.7452 8.45502 20.2809 8.21598C19.8805 8.8187 19.374 9.34806 18.7904 9.77181C18.7961 9.90069 18.799 10.0303 18.799 10.1606C18.799 14.1323 15.7944 18.712 10.3 18.712C8.61308 18.712 7.0429 18.2145 5.72095 17.3617C5.95464 17.3895 6.19243 17.4037 6.43353 17.4037C7.83302 17.4037 9.12105 16.9232 10.1434 16.1171C8.83623 16.0928 7.73306 15.2239 7.35296 14.0298C7.53532 14.0649 7.72246 14.0837 7.91493 14.0837C8.1874 14.0837 8.45129 14.047 8.70197 13.9783C7.33544 13.7023 6.30577 12.4875 6.30577 11.0313C6.30577 11.0186 6.30577 11.006 6.30598 10.9935C6.70876 11.2186 7.16933 11.3538 7.65903 11.3694C6.85751 10.8304 6.3301 9.91049 6.3301 8.86778C6.3301 8.31698 6.47741 7.80069 6.73454 7.3568C8.20785 9.17515 10.4089 10.3717 12.8916 10.497C12.8406 10.2771 12.8142 10.0477 12.8142 9.81211C12.8142 8.15232 14.1517 6.80664 15.8014 6.80664C16.6606 6.80664 17.4369 7.17166 17.9818 7.75579C18.6622 7.62097 19.3015 7.37084 19.8787 7.02645C19.6557 7.72825 19.182 8.31725 18.5653 8.68924Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.social-items>.item:hover.i-social-c {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0315 20.9167C19.4519 22.4185 17.1616 23.3461 15.3451 23.4897C14.0589 23.6333 12.7163 23.6333 11.4189 23.4897C9.50084 23.2578 8.12439 22.7388 6.73665 22.2308C7.40231 21.5793 8.12439 20.6848 8.40645 19.8898C8.59825 19.426 8.55312 18.9069 8.36132 18.4873C6.88332 15.5389 7.54898 12.0273 9.94086 9.73039C11.6671 8.04084 14.0589 7.30097 16.496 7.57704C18.2673 7.80894 19.892 8.55985 21.1782 9.77456C24.2357 12.8224 24.1342 17.9241 21.0315 20.9167ZM22.8931 7.86416C21.7987 6.79301 20.5012 5.98688 19.1135 5.47891C19.9258 3.18201 22.7915 2.34276 22.7915 2.34276C22.7915 2.34276 16.2026 -1.03633 8.93672 0.321933C6.48843 0.697387 4.15297 2.14399 2.47189 4.06544C-1.20618 8.23961 -0.73232 14.5561 3.57757 18.1119C4.24323 18.675 5.73251 19.5143 5.73251 19.5585C4.77351 21.9879 1.67084 22.6504 1.67084 22.6504C1.67084 22.6504 5.78892 25.1792 11.2835 25.8308C12.7615 26.0185 14.2959 26.0627 15.8754 25.8749C18.414 25.6872 20.9412 24.329 22.9044 22.5069C27.0112 18.4873 27.0563 11.9279 22.8931 7.86416Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.social-items>.item:hover.i-social-d {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM15.8158 5C17.2407 5.23857 18.6279 5.66091 19.9419 6.25623C22.2055 9.53144 23.3303 13.2254 22.915 17.4875C21.3855 18.6067 19.6725 19.4566 17.8513 20C17.4412 19.4555 17.0786 18.8774 16.7675 18.2721C17.3602 18.0529 17.9324 17.7825 18.4774 17.4642C18.3358 17.3692 18.1958 17.2634 18.0589 17.1529C16.4763 17.8894 14.7489 18.2713 13 18.2713C11.251 18.2713 9.52364 17.8894 7.94098 17.1529C7.8057 17.2556 7.6657 17.3615 7.52255 17.4642C8.06646 17.782 8.63759 18.0518 9.22933 18.2705C8.91778 18.8761 8.55522 19.4547 8.14548 20C6.32582 19.4544 4.61417 18.6041 3.08493 17.486C2.73099 13.8107 3.43887 10.0825 6.05016 6.25934C7.3655 5.66393 8.75361 5.24059 10.1795 5C10.3744 5.34498 10.5508 5.69987 10.708 6.0632C12.2258 5.83686 13.7694 5.83686 15.2872 6.0632C15.4443 5.69983 15.6208 5.34494 15.8158 5ZM7.87649 13.2503C7.87649 14.34 8.69134 15.2257 9.67765 15.2257C10.6828 15.2257 11.4599 14.34 11.4772 13.2503C11.4945 12.1606 10.686 11.2671 9.6745 11.2671C8.66302 11.2671 7.87649 12.1606 7.87649 13.2503ZM14.5227 13.2503C14.5227 14.34 15.3344 15.2257 16.3223 15.2257C17.3275 15.2257 18.103 14.34 18.1203 13.2503C18.1376 12.1606 17.3353 11.2671 16.3223 11.2671C15.3092 11.2671 14.5227 12.1606 14.5227 13.2503Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.social-items>.item:hover.i-social-e {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM18.4806 7.8863L5.9464 12.719C5.08732 13.0549 5.10248 13.5305 5.79907 13.7515L9.0079 14.7525L16.4515 10.066C16.7971 9.8363 17.1177 9.9663 16.8556 10.197L12.5816 14.0582C11.6654 14.8859 11.7808 16.2459 12.7294 17.0363C12.7606 17.0623 12.7923 17.089 12.8245 17.1163L16.0745 19.5115C16.6671 19.8474 17.0907 19.674 17.2488 18.9612L19.383 8.9068L19.3819 8.90788C19.5704 8.02821 19.0623 7.67613 18.4806 7.8863Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}


.social-items>.item:hover.i-social-ins {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_478_3536)'%3E%3Cpath d='M15.4304 13.3128C15.409 13.7795 15.257 14.2301 14.989 14.6128C14.7204 15.0082 14.3335 15.3083 13.8837 15.4701C13.4387 15.6517 12.9487 15.6926 12.4797 15.5875C12.0085 15.487 11.5784 15.2473 11.245 14.8995C10.9147 14.5357 10.6979 14.0834 10.621 13.5981C10.5341 13.1282 10.5932 12.6428 10.7904 12.2075C10.9824 11.7715 11.297 11.3995 11.6997 11.1408C12.109 10.8875 12.5824 10.7528 13.065 10.7515C13.701 10.7861 14.2997 11.0608 14.7424 11.5181C14.9711 11.7561 15.1499 12.0376 15.268 12.3458C15.3862 12.6541 15.4414 12.9829 15.4304 13.3128Z' fill='%233772FF'/%3E%3Cpath d='M20.0193 7.66882C19.8676 7.29413 19.6421 6.95376 19.3562 6.66791C19.0704 6.38206 18.73 6.15657 18.3553 6.00482C17.978 5.8576 17.5776 5.7786 17.1727 5.77148H8.95667C8.14396 5.77464 7.36544 6.09889 6.79076 6.67357C6.21608 7.24825 5.89183 8.02677 5.88867 8.83948V17.2115C5.88926 17.6154 5.96992 18.0153 6.12601 18.3879C6.28209 18.7604 6.51049 19.0984 6.79801 19.3822C7.37248 19.9521 8.14744 20.2743 8.95667 20.2795H17.1727C17.7778 20.2756 18.3686 20.0943 18.8717 19.758C19.3749 19.4217 19.7683 18.9452 20.0033 18.3875C20.1591 18.0149 20.2398 17.6153 20.2407 17.2115V8.85148C20.2377 8.44725 20.1628 8.04677 20.0193 7.66882ZM16.77 14.9235C16.5741 15.4101 16.2821 15.8523 15.9113 16.2235C15.538 16.6008 15.0967 16.9035 14.6113 17.1208C14.0856 17.3414 13.5202 17.4519 12.9501 17.4455C12.38 17.4391 11.8173 17.3159 11.2967 17.0835C10.4592 16.7065 9.77227 16.0596 9.34567 15.2463C8.91907 14.433 8.77741 13.5001 8.94334 12.5968C9.10362 11.7997 9.48693 11.0646 10.0487 10.4768C10.622 9.90222 11.3513 9.50851 12.1462 9.3445C12.9412 9.18049 13.7668 9.25338 14.5207 9.55415C15.2767 9.86082 15.9207 10.3915 16.366 11.0755C16.816 11.735 17.0605 12.5131 17.0687 13.3115C17.0873 13.8648 16.9847 14.4142 16.77 14.9235ZM18.1993 8.50082C18.2119 8.60473 18.2022 8.71012 18.171 8.81002C18.1399 8.90993 18.0878 9.00209 18.0184 9.08041C17.949 9.15872 17.8637 9.22142 17.7683 9.26436C17.6728 9.3073 17.5693 9.3295 17.4647 9.3295C17.36 9.3295 17.2565 9.3073 17.1611 9.26436C17.0656 9.22142 16.9804 9.15872 16.9109 9.08041C16.8415 9.00209 16.7895 8.90993 16.7583 8.81002C16.7271 8.71012 16.7175 8.60473 16.73 8.50082C16.7144 8.39525 16.7217 8.28755 16.7514 8.18507C16.7812 8.08258 16.8327 7.98771 16.9024 7.90692C16.9721 7.82612 17.0584 7.7613 17.1555 7.71687C17.2525 7.67244 17.358 7.64944 17.4647 7.64944C17.5714 7.64944 17.6769 7.67244 17.7739 7.71687C17.8709 7.7613 17.9572 7.82612 18.0269 7.90692C18.0967 7.98771 18.1481 8.08258 18.1779 8.18507C18.2076 8.28755 18.215 8.39525 18.1993 8.50082Z' fill='%233772FF'/%3E%3Cpath d='M19.5 0H6.5C4.77609 0 3.12279 0.68482 1.90381 1.90381C0.68482 3.12279 0 4.77609 0 6.5V19.5C0 20.3536 0.168128 21.1988 0.494783 21.9874C0.821439 22.7761 1.30023 23.4926 1.90381 24.0962C3.12279 25.3152 4.77609 26 6.5 26H19.5C20.3536 26 21.1988 25.8319 21.9874 25.5052C22.7761 25.1786 23.4926 24.6998 24.0962 24.0962C24.6998 23.4926 25.1786 22.7761 25.5052 21.9874C25.8319 21.1988 26 20.3536 26 19.5V6.5C26 5.64641 25.8319 4.80117 25.5052 4.01256C25.1786 3.22394 24.6998 2.50739 24.0962 1.90381C23.4926 1.30023 22.7761 0.821439 21.9874 0.494783C21.1988 0.168128 20.3536 0 19.5 0ZM22.256 17.0827C22.2693 17.7627 22.14 18.4413 21.8787 19.0707C21.3512 20.3337 20.3471 21.3379 19.084 21.8653C18.4533 22.1267 17.7773 22.2547 17.0947 22.2427H9.1C8.4182 22.2541 7.74124 22.1262 7.11067 21.8667C6.48563 21.6036 5.91638 21.224 5.43333 20.748C4.95507 20.2671 4.57549 19.6973 4.316 19.0707C4.04169 18.4433 3.90006 17.766 3.9 17.0813V9.024C3.88894 8.34211 4.01734 7.66515 4.27733 7.03467C4.79301 5.76631 5.78812 4.75251 7.04667 4.21333C7.70045 3.95915 8.39891 3.83987 9.1 3.86267H17.16C17.8357 3.85662 18.5058 3.98573 19.1309 4.24241C19.756 4.49909 20.3235 4.87816 20.8 5.35733C21.276 5.84 21.6547 6.41067 21.9173 7.03467C22.1773 7.66533 22.3067 8.34133 22.2947 9.024L22.256 17.0827Z' fill='%233772FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_478_3536'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.primary-trade-info>.item.gain-up>.gain-asset::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9.7L5.46269 11.1L9.95522 6.8V19H12.0448V6.8L16.5373 11.1L18 9.7L11 3L4 9.7Z' fill='%233dbaa2'/%3E%3C/svg%3E%0A");
}

.primary-trade-info>.item.gain-down>.gain-asset::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12.3L16.5373 10.9L12.0448 15.2L12.0448 3L9.95522 3L9.95522 15.2L5.46269 10.9L4 12.3L11 19L18 12.3Z' fill='%23FF7A68'/%3E%3C/svg%3E%0A")
}

.asset-items>.item.gain-up>.body-asset>.price-info>.gain-asset::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9.7L5.46269 11.1L9.95522 6.8V19H12.0448V6.8L16.5373 11.1L18 9.7L11 3L4 9.7Z' fill='%234FBF67'/%3E%3C/svg%3E%0A")
}

.asset-items>.item.gain-down>.body-asset>.price-info>.gain-asset::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12.3L16.5373 10.9L12.0448 15.2L12.0448 3L9.95522 3L9.95522 15.2L5.46269 10.9L4 12.3L11 19L18 12.3Z' fill='%23FF7A68'/%3E%3C/svg%3E%0A")
}

.nav-a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' fill-rule='evenodd' clip-rule='evenodd' d='M16.2853 2H19.5519C20.9035 2 21.9998 3.1059 21.9998 4.47018V7.7641C21.9998 9.12735 20.9035 10.2343 19.5519 10.2343H16.2853C14.9328 10.2343 13.8364 9.12735 13.8364 7.7641V4.47018C13.8364 3.1059 14.9328 2 16.2853 2Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.44892 2H7.71449C9.06703 2 10.1634 3.1059 10.1634 4.47018V7.7641C10.1634 9.12735 9.06703 10.2343 7.71449 10.2343H4.44892C3.09638 10.2343 2 9.12735 2 7.7641V4.47018C2 3.1059 3.09638 2 4.44892 2Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.44892 13.7656H7.71449C9.06703 13.7656 10.1634 14.8715 10.1634 16.2368V19.5297C10.1634 20.894 9.06703 21.9999 7.71449 21.9999H4.44892C3.09638 21.9999 2 20.894 2 19.5297V16.2368C2 14.8715 3.09638 13.7656 4.44892 13.7656Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2853 13.7656H19.5519C20.9035 13.7656 21.9998 14.8715 21.9998 16.2368V19.5297C21.9998 20.894 20.9035 21.9999 19.5519 21.9999H16.2853C14.9328 21.9999 13.8364 20.894 13.8364 19.5297V16.2368C13.8364 14.8715 14.9328 13.7656 16.2853 13.7656Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-a:hover::before,.nav-a.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.54 2H7.92C9.33 2 10.46 3.15 10.46 4.561V7.97C10.46 9.39 9.33 10.53 7.92 10.53H4.54C3.14 10.53 2 9.39 2 7.97V4.561C2 3.15 3.14 2 4.54 2ZM4.54 13.4697H7.92C9.33 13.4697 10.46 14.6107 10.46 16.0307V19.4397C10.46 20.8497 9.33 21.9997 7.92 21.9997H4.54C3.14 21.9997 2 20.8497 2 19.4397V16.0307C2 14.6107 3.14 13.4697 4.54 13.4697ZM19.4601 2H16.0801C14.6701 2 13.5401 3.15 13.5401 4.561V7.97C13.5401 9.39 14.6701 10.53 16.0801 10.53H19.4601C20.8601 10.53 22.0001 9.39 22.0001 7.97V4.561C22.0001 3.15 20.8601 2 19.4601 2ZM16.0801 13.4697H19.4601C20.8601 13.4697 22.0001 14.6107 22.0001 16.0307V19.4397C22.0001 20.8497 20.8601 21.9997 19.4601 21.9997H16.0801C14.6701 21.9997 13.5401 20.8497 13.5401 19.4397V16.0307C13.5401 14.6107 14.6701 13.4697 16.0801 13.4697Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-b::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M16.8397 20.1637V6.5459' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9173 16.0674L16.8395 20.164L12.7617 16.0674' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M6.91102 3.83301V17.4508' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.8335 7.9287L6.91127 3.83203L10.9891 7.9287' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-b:hover::before,.nav-b.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.54618 3.27793C7.71236 3.39789 7.98037 3.67345 7.98037 3.67345C9.02079 4.64858 10.5879 7.07394 11.0911 8.30444C11.1016 8.30444 11.4001 9.03608 11.4118 9.38409V9.43041C11.4118 9.96371 11.1133 10.4626 10.6335 10.7179C10.4357 10.8232 9.95456 10.9211 9.72244 10.9683C9.64556 10.984 9.59599 10.9941 9.59308 10.997C8.90727 11.1016 7.85514 11.1704 6.70003 11.1704C5.48757 11.1704 4.38981 11.1016 3.71453 10.9733C3.70282 10.9733 3.08606 10.8462 2.88009 10.7642C2.58282 10.6372 2.3312 10.4044 2.17087 10.1145C2.05618 9.88294 2 9.63827 2 9.38409C2.01053 9.11685 2.18257 8.618 2.26215 8.42083C2.76539 7.12026 4.41204 4.6367 5.41852 3.68532C5.52307 3.57922 5.64206 3.46806 5.72485 3.39071C5.76902 3.34945 5.8029 3.3178 5.81877 3.30169C6.07039 3.10452 6.37936 3 6.71173 3C7.00783 3 7.30509 3.09264 7.54618 3.27793ZM18.2286 10.1618C18.2286 10.6856 17.8108 11.1096 17.2947 11.1096C16.7786 11.1096 16.3608 10.6856 16.3608 10.1618L16.1033 5.58295C16.1033 4.91543 16.637 4.375 17.2947 4.375C17.9524 4.375 18.4849 4.91543 18.4849 5.58295L18.2286 10.1618ZM21.1199 13.2356C21.4172 13.3639 21.6688 13.5955 21.8291 13.8853C21.9438 14.1169 22 14.3616 22 14.617C21.9895 14.883 21.8174 15.3831 21.7367 15.5802C21.2346 16.8797 19.5868 19.3633 18.5815 20.3158C18.4787 20.4194 18.3619 20.5284 18.2793 20.6055L18.2792 20.6055C18.2331 20.6486 18.1976 20.6817 18.1812 20.6983C17.9284 20.8955 17.6206 21 17.2894 21C16.991 21 16.6937 20.9074 16.4538 20.7209C16.2876 20.6021 16.0196 20.3265 16.0196 20.3265C14.978 19.3526 13.4121 16.926 12.9089 15.6954C12.8972 15.6954 12.5999 14.965 12.5882 14.617V14.5706C12.5882 14.0361 12.8855 13.5373 13.3665 13.2819C13.5639 13.1777 14.0435 13.0796 14.2762 13.0319L14.2762 13.0319C14.3539 13.016 14.404 13.0058 14.4069 13.0028C15.0927 12.8983 16.1449 12.8294 17.3 12.8294C18.5124 12.8294 19.6102 12.8983 20.2855 13.0265C20.296 13.0265 20.9139 13.1536 21.1199 13.2356ZM6.70553 12.8905C6.18942 12.8905 5.77161 13.3146 5.77161 13.8383L5.51414 18.4171C5.51414 19.0846 6.04781 19.625 6.70553 19.625C7.36325 19.625 7.89575 19.0846 7.89575 18.4171L7.63945 13.8383C7.63945 13.3146 7.22165 12.8905 6.70553 12.8905Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-c::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M7.37121 10.2021V17.0623' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M12.0382 6.91895V17.0617' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M16.6285 13.8271V17.0622' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6857 2H7.31429C4.04762 2 2 4.31208 2 7.58516V16.4148C2 19.6879 4.0381 22 7.31429 22H16.6857C19.9619 22 22 19.6879 22 16.4148V7.58516C22 4.31208 19.9619 2 16.6857 2Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-c:hover::before,.nav-c.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4805 17.11C17.4295 17.54 17.0705 17.86 16.6505 17.86C16.2195 17.86 15.8605 17.54 15.8205 17.11V13.83C15.7805 13.509 15.9295 13.21 16.2005 13.04C16.4805 12.87 16.8205 12.87 17.0895 13.04C17.3605 13.21 17.5095 13.509 17.4805 13.83V17.11ZM12.8795 17.11C12.8395 17.54 12.4805 17.86 12.0495 17.86C11.6295 17.86 11.2705 17.54 11.2195 17.11V6.92C11.1905 6.61 11.3395 6.299 11.6105 6.13C11.8795 5.96 12.2195 5.96 12.5005 6.13C12.7705 6.299 12.9195 6.61 12.8795 6.92V17.11ZM8.21949 17.11C8.17949 17.54 7.82049 17.86 7.38949 17.86C6.95949 17.86 6.59949 17.54 6.56049 17.11V10.2C6.53049 9.889 6.67949 9.58 6.95049 9.41C7.21949 9.24 7.56049 9.24 7.83049 9.41C8.09949 9.58 8.25049 9.889 8.21949 10.2V17.11ZM16.6695 2H7.33049C3.92949 2 2.00049 3.929 2.00049 7.33V16.67C2.00049 20.07 3.92949 22 7.33049 22H16.6695C20.0705 22 22.0005 20.07 22.0005 16.67V7.33C21.9905 3.929 20.0705 2 16.6695 2Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-d::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6389 14.3962H17.5906C16.1042 14.3953 14.8993 13.1914 14.8984 11.7049C14.8984 10.2185 16.1042 9.01458 17.5906 9.01367H21.6389' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.049 11.6432H17.7373' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.74766 3H16.3911C19.2892 3 21.6388 5.34951 21.6388 8.24766V15.4247C21.6388 18.3229 19.2892 20.6724 16.3911 20.6724H7.74766C4.84951 20.6724 2.5 18.3229 2.5 15.4247V8.24766C2.5 5.34951 4.84951 3 7.74766 3Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M7.03516 7.53772H12.4341' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-d:hover::before,.nav-d.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7689 8.3818H22C22 4.98459 19.9644 3 16.5156 3H7.48444C4.03556 3 2 4.98459 2 8.33847V15.6615C2 19.0154 4.03556 21 7.48444 21H16.5156C19.9644 21 22 19.0154 22 15.6615V15.3495H17.7689C15.8052 15.3495 14.2133 13.7975 14.2133 11.883C14.2133 9.96849 15.8052 8.41647 17.7689 8.41647V8.3818ZM17.7689 9.87241H21.2533C21.6657 9.87241 22 10.1983 22 10.6004V13.131C21.9952 13.5311 21.6637 13.8543 21.2533 13.8589H17.8489C16.8548 13.872 15.9855 13.2084 15.76 12.2643C15.6471 11.6783 15.8056 11.0736 16.1931 10.6122C16.5805 10.1509 17.1573 9.88007 17.7689 9.87241ZM17.92 12.533H18.2489C18.6711 12.533 19.0133 12.1993 19.0133 11.7877C19.0133 11.3761 18.6711 11.0424 18.2489 11.0424H17.92C17.7181 11.0401 17.5236 11.1166 17.38 11.255C17.2364 11.3934 17.1555 11.5821 17.1556 11.779C17.1555 12.1921 17.4964 12.5282 17.92 12.533ZM6.73778 8.3818H12.3822C12.8044 8.3818 13.1467 8.04812 13.1467 7.63649C13.1467 7.22487 12.8044 6.89119 12.3822 6.89119H6.73778C6.31903 6.89116 5.9782 7.2196 5.97333 7.62783C5.97331 8.04087 6.31415 8.37705 6.73778 8.3818Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-e::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M7.24463 14.7815L10.2378 10.8914L13.652 13.5733L16.581 9.79297' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='19.9954' cy='4.20052' r='1.9222' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9243 3.12012H7.65655C4.64511 3.12012 2.77783 5.25284 2.77783 8.26428V16.3467C2.77783 19.3581 4.6085 21.4817 7.65655 21.4817H16.2607C19.2721 21.4817 21.1394 19.3581 21.1394 16.3467V9.30776' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-e:hover::before,.nav-e.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1796 4.41C17.1796 3.08 18.2596 2 19.5896 2C20.9196 2 21.9996 3.08 21.9996 4.41C21.9996 5.74 20.9196 6.82 19.5896 6.82C18.2596 6.82 17.1796 5.74 17.1796 4.41ZM13.3295 14.7593L16.2195 11.0303L16.1795 11.0503C16.3395 10.8303 16.3695 10.5503 16.2595 10.3003C16.1505 10.0503 15.9095 9.8803 15.6505 9.8603C15.3795 9.8303 15.1105 9.9503 14.9495 10.1703L12.5305 13.3003L9.75951 11.1203C9.58951 10.9903 9.38951 10.9393 9.18951 10.9603C8.99051 10.9903 8.81051 11.0993 8.68951 11.2593L5.73051 15.1103L5.66951 15.2003C5.49951 15.5193 5.57951 15.9293 5.87951 16.1503C6.01951 16.2403 6.16951 16.3003 6.33951 16.3003C6.57051 16.3103 6.78951 16.1893 6.92951 16.0003L9.43951 12.7693L12.2895 14.9103L12.3795 14.9693C12.6995 15.1393 13.0995 15.0603 13.3295 14.7593ZM15.4495 3.7803C15.4095 4.0303 15.3895 4.2803 15.3895 4.5303C15.3895 6.7803 17.2095 8.5993 19.4495 8.5993C19.6995 8.5993 19.9395 8.5703 20.1895 8.5303V16.5993C20.1895 19.9903 18.1895 22.0003 14.7895 22.0003H7.40051C3.99951 22.0003 1.99951 19.9903 1.99951 16.5993V9.2003C1.99951 5.8003 3.99951 3.7803 7.40051 3.7803H15.4495Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-f::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M15.7161 16.2236H8.49609' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M15.7161 12.0371H8.49609' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M11.2511 7.86035H8.49609' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9085 2.75C15.9085 2.75 8.23149 2.754 8.21949 2.754C5.45949 2.771 3.75049 4.587 3.75049 7.357V16.553C3.75049 19.337 5.47249 21.16 8.25649 21.16C8.25649 21.16 15.9325 21.157 15.9455 21.157C18.7055 21.14 20.4155 19.323 20.4155 16.553V7.357C20.4155 4.573 18.6925 2.75 15.9085 2.75Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-f:hover::before,.nav-f.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.08 6.65V6.66C7.649 6.66 7.3 7.01 7.3 7.44C7.3 7.87 7.649 8.22 8.08 8.22H11.069C11.5 8.22 11.85 7.87 11.85 7.429C11.85 7 11.5 6.65 11.069 6.65H8.08ZM15.92 12.74H8.08C7.649 12.74 7.3 12.39 7.3 11.96C7.3 11.53 7.649 11.179 8.08 11.179H15.92C16.35 11.179 16.7 11.53 16.7 11.96C16.7 12.39 16.35 12.74 15.92 12.74ZM15.92 17.31H8.08C7.78 17.35 7.49 17.2 7.33 16.95C7.17 16.69 7.17 16.36 7.33 16.11C7.49 15.85 7.78 15.71 8.08 15.74H15.92C16.319 15.78 16.62 16.12 16.62 16.53C16.62 16.929 16.319 17.27 15.92 17.31ZM16.191 2H7.81C4.77 2 3 3.78 3 6.83V17.16C3 20.26 4.77 22 7.81 22H16.191C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-g::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8054 7.62288L20.183 6.54279C19.6564 5.62887 18.4895 5.31359 17.5743 5.83798V5.83798C17.1387 6.09461 16.6189 6.16742 16.1295 6.04035C15.6401 5.91329 15.2214 5.59678 14.9656 5.16064C14.8011 4.88342 14.7127 4.56766 14.7093 4.24531V4.24531C14.7242 3.72849 14.5292 3.22767 14.1688 2.85694C13.8084 2.4862 13.3133 2.27713 12.7963 2.27734H11.5423C11.0357 2.27734 10.5501 2.47918 10.1928 2.83821C9.83547 3.19724 9.63595 3.68386 9.63839 4.19039V4.19039C9.62338 5.23619 8.77126 6.07608 7.72535 6.07597C7.40299 6.07262 7.08724 5.98421 6.81001 5.81968V5.81968C5.89484 5.29528 4.72789 5.61056 4.20132 6.52448L3.53313 7.62288C3.00719 8.53566 3.31818 9.70187 4.22878 10.2316V10.2316C4.82068 10.5733 5.18531 11.2049 5.18531 11.8883C5.18531 12.5718 4.82068 13.2033 4.22878 13.5451V13.5451C3.31934 14.0712 3.00801 15.2346 3.53313 16.1446V16.1446L4.1647 17.2339C4.41143 17.679 4.82538 18.0076 5.31497 18.1467C5.80456 18.2859 6.32942 18.2242 6.7734 17.9753V17.9753C7.20986 17.7206 7.72997 17.6508 8.21812 17.7815C8.70627 17.9121 9.12201 18.2323 9.37294 18.6709C9.53748 18.9482 9.62589 19.2639 9.62924 19.5863V19.5863C9.62924 20.6428 10.4857 21.4993 11.5423 21.4993H12.7963C13.8493 21.4993 14.7043 20.6484 14.7093 19.5954V19.5954C14.7069 19.0873 14.9076 18.5993 15.2669 18.24C15.6262 17.8807 16.1143 17.6799 16.6224 17.6824C16.944 17.691 17.2584 17.779 17.5377 17.9387V17.9387C18.4505 18.4646 19.6167 18.1536 20.1464 17.243V17.243L20.8054 16.1446C21.0605 15.7068 21.1305 15.1853 21 14.6956C20.8694 14.206 20.549 13.7886 20.1098 13.5359V13.5359C19.6705 13.2832 19.3502 12.8658 19.2196 12.3762C19.089 11.8866 19.159 11.3651 19.4141 10.9272C19.58 10.6376 19.8202 10.3975 20.1098 10.2316V10.2316C21.0149 9.70216 21.3252 8.54276 20.8054 7.63203V7.63203V7.62288Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle opacity='0.5' cx='12.1752' cy='11.8881' r='2.63616' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.nav-g:hover::before,.nav-g.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0121 14.83C10.4076 14.83 9.10972 13.58 9.10972 12.01C9.10972 10.44 10.4076 9.18 12.0121 9.18C13.6165 9.18 14.8838 10.44 14.8838 12.01C14.8838 13.58 13.6165 14.83 12.0121 14.83ZM21.2301 14.37C21.036 14.07 20.76 13.77 20.4023 13.58C20.1162 13.44 19.9322 13.21 19.7687 12.94C19.2475 12.08 19.5541 10.95 20.4228 10.44C21.4447 9.87 21.7718 8.6 21.179 7.61L20.4943 6.43C19.9118 5.44 18.6344 5.09 17.6226 5.67C16.7233 6.15 15.5685 5.83 15.0473 4.98C14.8838 4.7 14.7918 4.4 14.8122 4.1C14.8429 3.71 14.7203 3.34 14.5363 3.04C14.1582 2.42 13.4735 2 12.7172 2H11.2763C10.5302 2.02 9.84553 2.42 9.4674 3.04C9.27323 3.34 9.16081 3.71 9.18125 4.1C9.20169 4.4 9.10972 4.7 8.9462 4.98C8.425 5.83 7.27019 6.15 6.38109 5.67C5.35913 5.09 4.09191 5.44 3.49917 6.43L2.81446 7.61C2.23194 8.6 2.55897 9.87 3.57071 10.44C4.43937 10.95 4.74596 12.08 4.23498 12.94C4.06125 13.21 3.87729 13.44 3.59115 13.58C3.24368 13.77 2.93709 14.07 2.77358 14.37C2.39546 14.99 2.4159 15.77 2.79402 16.42L3.49917 17.62C3.87729 18.26 4.58245 18.66 5.31825 18.66C5.66572 18.66 6.0745 18.56 6.40153 18.36C6.65702 18.19 6.96361 18.13 7.30085 18.13C8.31259 18.13 9.16081 18.96 9.18125 19.95C9.18125 21.1 10.1215 22 11.3069 22H12.6968C13.872 22 14.8122 21.1 14.8122 19.95C14.8429 18.96 15.6911 18.13 16.7029 18.13C17.0299 18.13 17.3365 18.19 17.6022 18.36C17.9292 18.56 18.3278 18.66 18.6855 18.66C19.411 18.66 20.1162 18.26 20.4943 17.62L21.2097 16.42C21.5776 15.75 21.6083 14.99 21.2301 14.37Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-h::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.07812 5.92628C5.07812 4.38888 6.34091 3.14258 7.89864 3.14258H12.0012C12.426 3.14258 12.7704 3.48248 12.7704 3.90177C12.7704 4.32106 12.426 4.66096 12.0012 4.66096H7.89864C7.19058 4.66096 6.61659 5.22746 6.61659 5.92628V6.93853C6.61659 7.35782 6.27219 7.69772 5.84735 7.69772C5.42252 7.69772 5.07812 7.35782 5.07812 6.93853V5.92628ZM5.84735 16.3019C6.27219 16.3019 6.61659 16.6418 6.61659 17.0611V18.0733C6.61659 18.7721 7.19058 19.3386 7.89864 19.3386H12.0012C12.426 19.3386 12.7704 19.6786 12.7704 20.0978C12.7704 20.5171 12.426 20.857 12.0012 20.857H7.89864C6.34091 20.857 5.07812 19.6107 5.07812 18.0733V17.0611C5.07812 16.6418 5.42252 16.3019 5.84735 16.3019Z' fill='%23777E90' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7689 4.78618C12.7689 3.90491 13.6589 3.29355 14.4963 3.59962L19.6245 5.47416C20.1274 5.658 20.4612 6.13139 20.4612 6.66071V17.3393C20.4612 17.8686 20.1274 18.342 19.6245 18.5258L14.4963 20.4004C13.6589 20.7065 12.7689 20.0951 12.7689 19.2138V4.78618ZM15.0306 2.17576C13.1884 1.5024 11.2305 2.84738 11.2305 4.78618V19.2138C11.2305 21.1526 13.1884 22.4976 15.0306 21.8242L20.1588 19.9497C21.2653 19.5452 21.9997 18.5038 21.9997 17.3393V6.66071C21.9997 5.4962 21.2653 4.45475 20.1588 4.0503L15.0306 2.17576Z' fill='%23777E90'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.36444 9.43819C5.06404 9.1417 4.57699 9.1417 4.27658 9.43819L2.2253 11.4627C1.9249 11.7592 1.9249 12.2398 2.2253 12.5363L4.27658 14.5608C4.57699 14.8573 5.06404 14.8573 5.36444 14.5608C5.66484 14.2644 5.66484 13.7837 5.36444 13.4872L4.62632 12.7587H8.92308C9.34791 12.7587 9.69231 12.4188 9.69231 11.9995C9.69231 11.5802 9.34791 11.2403 8.92308 11.2403H4.62632L5.36444 10.5118C5.66484 10.2153 5.66484 9.73467 5.36444 9.43819Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.nav-h:hover::before,.nav-h.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9998 6.62219V17.245C21.9998 18.3579 21.2855 19.4708 20.1631 19.8754L15.061 21.7977C14.7549 21.8988 14.4488 22 14.0406 22C13.5304 22 12.9182 21.7977 12.408 21.4942C12.2039 21.2918 11.8978 21.0895 11.7957 20.8871H7.91818C6.38757 20.8871 5.06104 19.6731 5.06104 18.0544V17.0427C5.06104 16.638 5.36717 16.2333 5.87737 16.2333C6.38758 16.2333 6.6937 16.5368 6.6937 17.0427V18.0544C6.6937 18.7626 7.30593 19.2684 7.91818 19.2684H11.2855V4.69997H7.91818C7.20389 4.69997 6.6937 5.20582 6.6937 5.91401V6.9257C6.6937 7.33038 6.38758 7.73506 5.87737 7.73506C5.36717 7.73506 5.06104 7.33038 5.06104 6.9257V5.91401C5.06104 4.39646 6.28553 3.08125 7.91818 3.08125H11.7957C11.9998 2.87891 12.2039 2.67657 12.408 2.47423C13.2243 1.96838 14.1427 1.86721 15.061 2.17072L20.1631 4.09295C21.1835 4.39646 21.9998 5.50933 21.9998 6.62219Z' fill='%23355DFF'/%3E%3Cpath d='M4.85714 14.8165C4.65306 14.8165 4.44898 14.7154 4.34694 14.6142L2.30612 12.5908C2.20408 12.4896 2.20408 12.3885 2.10204 12.3885C2.10204 12.2873 2 12.1861 2 12.085C2 11.9838 2 11.8826 2.10204 11.7815C2.10204 11.6803 2.20408 11.5791 2.30612 11.5791L4.34694 9.55576C4.65306 9.25225 5.16327 9.25225 5.46939 9.55576C5.77551 9.85927 5.77551 10.3651 5.46939 10.6686L4.7551 11.3768H8.93878C9.34694 11.3768 9.7551 11.6803 9.7551 12.1861C9.7551 12.692 9.34694 12.7932 8.93878 12.7932H4.65306L5.36735 13.5013C5.67347 13.8048 5.67347 14.3107 5.36735 14.6142C5.26531 14.7154 5.06122 14.8165 4.85714 14.8165Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.nav-q::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8844 12.9803V19.6726C19.8844 20.067 19.7333 20.4453 19.4645 20.7242C19.1957 21.0031 18.8311 21.1598 18.4509 21.1598H5.55012C5.16996 21.1598 4.80536 21.0031 4.53654 20.7242C4.26772 20.4453 4.1167 20.067 4.1167 19.6726V12.9803M12.0005 5.54442V21.1598M12.0005 5.54442L16.3008 1.82648M12.0005 5.54442L7.70026 1.82648' stroke='%234B505C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8842 5.54443H4.11653C3.32487 5.54443 2.68311 6.21027 2.68311 7.03161V11.4931C2.68311 12.3145 3.32487 12.9803 4.11653 12.9803H19.8842C20.6759 12.9803 21.3176 12.3145 21.3176 11.4931V7.03161C21.3176 6.21027 20.6759 5.54443 19.8842 5.54443Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.nav-q:hover::before,.nav-q.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8839 12.9803V19.6726C19.8839 20.067 19.7329 20.4453 19.464 20.7242C19.1952 21.0031 18.8306 21.1598 18.4505 21.1598H5.54964C5.16947 21.1598 4.80487 21.0031 4.53605 20.7242C4.26723 20.4453 4.11621 20.067 4.11621 19.6726V12.9803M12 5.54442V21.1598M12 5.54442L16.3003 1.82648M12 5.54442L7.69977 1.82648' stroke='%23355DFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8837 5.54443H4.11604C3.32438 5.54443 2.68262 6.21027 2.68262 7.03161V11.4931C2.68262 12.3145 3.32438 12.9803 4.11604 12.9803H19.8837C20.6754 12.9803 21.3171 12.3145 21.3171 11.4931V7.03161C21.3171 6.21027 20.6754 5.54443 19.8837 5.54443Z' fill='%23355DFF' stroke='%23355DFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.nav-bc::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.1394 9.63086H14.8698' stroke='%234B505C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.1394 15.6562H9.1394' stroke='%234B505C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4548 15.6562L11.4251 15.6562' stroke='%234B505C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 11.03V16.11C22 19.62 21.11 20.5 17.56 20.5H6.44C2.89 20.5 2 19.62 2 16.11V7.89C2 4.38 2.89 3.5 6.44 3.5H13.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2704 4.99733C22.1037 4.91265 22.0665 4.62618 22.1915 4.48714C22.4288 4.22324 22.5537 3.85756 22.5041 3.36053C22.4117 2.3908 21.6385 2.03071 20.5925 1.91343C20.4892 1.90185 20.4094 1.81561 20.4094 1.71165V0.675586C20.4094 0.565129 20.3198 0.475586 20.2094 0.475586H19.7243C19.6138 0.475586 19.5243 0.565129 19.5243 0.675586V1.65608C19.5243 1.76654 19.4347 1.85603 19.3243 1.85735C19.226 1.85852 19.1271 1.86041 19.0279 1.86259C18.9156 1.86505 18.8231 1.77484 18.8231 1.66251V0.675586C18.8231 0.565129 18.7335 0.475586 18.6231 0.475586H18.138C18.0275 0.475586 17.938 0.565129 17.938 0.675586V1.70137C17.938 1.80952 17.852 1.89816 17.7439 1.89955C17.469 1.90308 17.0972 1.9001 16.3631 1.89649C16.2523 1.89594 16.162 1.98564 16.162 2.09645V2.6161C16.162 2.72792 16.2539 2.81779 16.3657 2.81544C16.9236 2.80372 17.2262 2.80814 17.3077 3.18389C17.3103 3.19621 17.3115 3.20909 17.3115 3.2217V7.07546C17.3115 7.0856 17.3108 7.09597 17.309 7.10594C17.2554 7.40571 17.0173 7.39476 16.5116 7.38187C16.413 7.37936 16.3278 7.44976 16.311 7.54695L16.2025 8.17516C16.1814 8.29741 16.2764 8.4092 16.4005 8.40925C17.1608 8.40953 17.5492 8.41117 17.7452 8.4126C17.853 8.41339 17.938 8.50025 17.938 8.60801V9.43086C17.938 9.54132 18.0275 9.63086 18.138 9.63086H18.6231C18.7336 9.63086 18.8231 9.54132 18.8231 9.43086V8.63645C18.8231 8.52417 18.9155 8.43394 19.0278 8.43531C19.1281 8.43652 19.227 8.43702 19.3243 8.43722C19.4347 8.43746 19.5243 8.52691 19.5243 8.63737V9.43086C19.5243 9.54132 19.6138 9.63086 19.7243 9.63086H20.2094C20.3198 9.63086 20.4094 9.54132 20.4094 9.43086V8.60448C20.4094 8.49815 20.4929 8.41067 20.599 8.40293C21.9763 8.30239 22.8892 7.91048 23.0156 6.60046C23.0956 5.75088 22.7976 5.26512 22.2704 4.99733ZM18.8403 3.08158C18.8403 2.97112 18.9293 2.88058 19.0397 2.87784C19.6644 2.86231 20.9036 2.8413 20.9036 3.74933C20.9036 4.61723 19.6645 4.62307 19.0397 4.61391C18.9293 4.61229 18.8403 4.52188 18.8403 4.41143V3.08158ZM19.0403 7.38589C18.9298 7.3843 18.8403 7.29414 18.8403 7.18369V5.67918C18.8403 5.56872 18.9298 5.47849 19.0402 5.47602C19.7677 5.45971 21.2684 5.42121 21.2684 6.43145C21.2684 7.40594 19.7677 7.3964 19.0403 7.38589Z' fill='%234B505C'/%3E%3C/svg%3E%0A");
}

.nav-bc:hover::before,
.nav-bc.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9221 9.23331C16.8117 9.23605 16.7227 9.32659 16.7227 9.43705V10.7669C16.7227 10.8774 16.8117 10.9678 16.9221 10.9694C17.5468 10.9785 18.786 10.9727 18.786 10.1048C18.786 9.19677 17.5468 9.21778 16.9221 9.23331Z' fill='%233772FF'/%3E%3Cpath d='M16.7227 13.5392C16.7227 13.6496 16.8122 13.7398 16.9226 13.7414C17.6501 13.7519 19.1508 13.7614 19.1508 12.7869C19.1508 11.7815 17.6643 11.8148 16.9331 11.8313L16.9226 11.8315C16.8122 11.834 16.7227 11.9242 16.7227 12.0346V13.5392Z' fill='%233772FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.27344 6.75879C1.27344 4.54965 3.0643 2.75879 5.27344 2.75879H18.7285C20.9377 2.75879 22.7285 4.54965 22.7285 6.75879V17.2422C22.7285 19.4513 20.9377 21.2422 18.7285 21.2422H5.27344C3.0643 21.2422 1.27344 19.4513 1.27344 17.2422V6.75879ZM4.09521 9.15137C4.09521 8.73715 4.431 8.40137 4.84521 8.40137H11.519C11.9333 8.40137 12.269 8.73715 12.269 9.15137C12.269 9.56558 11.9333 9.90137 11.519 9.90137H4.84521C4.431 9.90137 4.09521 9.56558 4.09521 9.15137ZM5.03753 14.0355C4.62332 14.0355 4.28753 14.3712 4.28753 14.7855C4.28753 15.1997 4.62332 15.5355 5.03753 15.5355H7.03753C7.45175 15.5355 7.78753 15.1997 7.78753 14.7855C7.78753 14.3712 7.45175 14.0355 7.03753 14.0355H5.03753ZM10.4107 14.7085C10.4107 15.1227 10.0749 15.4585 9.66067 15.4585H9.63095C9.21673 15.4585 8.88095 15.1227 8.88095 14.7085C8.88095 14.2943 9.21673 13.9585 9.63095 13.9585H9.66067C10.0749 13.9585 10.4107 14.2943 10.4107 14.7085ZM20.0739 10.8426C19.9488 10.9816 19.9861 11.2681 20.1528 11.3528C20.68 11.6206 20.978 12.1064 20.898 12.9559C20.7715 14.2659 19.8587 14.6579 18.4814 14.7584C18.3753 14.7661 18.2918 14.8536 18.2918 14.9599V15.7863C18.2918 15.8968 18.2022 15.9863 18.0918 15.9863H17.6067C17.4962 15.9863 17.4067 15.8968 17.4067 15.7863V14.9928C17.4067 14.8824 17.3171 14.7929 17.2067 14.7927C17.1094 14.7925 17.0105 14.792 16.9102 14.7908C16.7979 14.7894 16.7055 14.8796 16.7055 14.9919V15.7863C16.7055 15.8968 16.6159 15.9863 16.5055 15.9863H16.0204C15.9099 15.9863 15.8204 15.8968 15.8204 15.7863V14.9635C15.8204 14.8557 15.7353 14.7689 15.6276 14.7681C15.4316 14.7666 15.0431 14.765 14.2829 14.7647C14.1588 14.7647 14.0638 14.6529 14.0849 14.5306L14.1934 13.9024C14.2102 13.8052 14.2954 13.7348 14.394 13.7373L14.4178 13.738C14.9071 13.7505 15.1386 13.7564 15.1914 13.4614C15.1932 13.4514 15.1939 13.4411 15.1939 13.4309V9.57717C15.1939 9.56456 15.1927 9.55168 15.1901 9.53936C15.1086 9.16361 14.806 9.15919 14.2481 9.17091C14.1363 9.17326 14.0444 9.08339 14.0444 8.97157V8.45192C14.0444 8.3411 14.1347 8.25141 14.2455 8.25196C14.372 8.25258 14.4878 8.25318 14.5941 8.25374C15.1049 8.2564 15.3988 8.25794 15.6263 8.25502C15.7344 8.25363 15.8204 8.16499 15.8204 8.05683V7.03105C15.8204 6.9206 15.9099 6.83105 16.0204 6.83105H16.5055C16.6159 6.83105 16.7055 6.9206 16.7055 7.03105V8.01798C16.7055 8.13031 16.7979 8.22052 16.9102 8.21806C17.0095 8.21588 17.1084 8.21399 17.2066 8.21282C17.3171 8.2115 17.4066 8.12201 17.4066 8.01155V7.03105C17.4066 6.9206 17.4962 6.83105 17.6066 6.83105H18.0917C18.2022 6.83105 18.2917 6.9206 18.2917 7.03105V8.06712C18.2917 8.17108 18.3716 8.25732 18.4749 8.2689C19.5209 8.38618 20.2941 8.74627 20.3865 9.716C20.436 10.213 20.3112 10.5787 20.0739 10.8426Z' fill='%233772FF'/%3E%3C/svg%3E%0A");
}

.download-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.666 2H16.335C19.7386 2 22 4.42931 22 7.916V16.084C22 19.567 19.7319 22 16.335 22H7.666C4.26222 22 2 19.5705 2 16.084V7.916C2 4.4295 4.26222 2 7.666 2ZM16.335 3.5H7.666C5.1155 3.5 3.5 5.23496 3.5 7.916V16.084C3.5 18.765 5.1155 20.5 7.666 20.5H16.335C18.879 20.5 20.5 18.7612 20.5 16.084V7.916C20.5 5.23468 18.8852 3.5 16.335 3.5ZM12 7.164C12.3797 7.164 12.6935 7.44615 12.7432 7.81223L12.75 7.914V14.2692L15.2165 11.7931C15.4822 11.5263 15.8989 11.5012 16.1929 11.7184L16.2772 11.7908C16.544 12.0565 16.5691 12.4732 16.3519 12.7672L16.2795 12.8515L12.5315 16.6155C12.265 16.8831 11.8468 16.9075 11.5528 16.6885L11.5497 16.6858C11.5218 16.6648 11.4954 16.642 11.4708 16.6174L11.4685 16.6155L7.72054 12.8515C7.42827 12.558 7.42928 12.0831 7.7228 11.7908C7.98963 11.5251 8.40635 11.5018 8.69949 11.7203L8.78346 11.7931L11.25 14.2706V7.914C11.25 7.49979 11.5858 7.164 12 7.164Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.theme-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5C4.75 5.5 2 9 2 13.125C2 18 6 22 10.875 22C15 22 18.375 19.25 19.5 15.5C12.875 17.25 6.75 11.125 8.5 4.5Z' stroke='%23777E90' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='3.25' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='20.75' cy='10.75' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.25' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.theme-ld {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_803_43557)'%3E%3Cpath d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H4M12 3V4M20 12H21M12 20V21M5.6 5.6L6.3 6.3M18.4 5.6L17.7 6.3M17.7 17.7L18.4 18.4M6.3 17.7L5.6 18.4' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_803_43557'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.theme-l {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5C4.75 5.5 2 9 2 13.125C2 18 6 22 10.875 22C15 22 18.375 19.25 19.5 15.5C12.875 17.25 6.75 11.125 8.5 4.5Z' stroke='%23777E90' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='3.25' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='20.75' cy='10.75' r='1.25' fill='%23777E90'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.25' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.lang-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5H11M9 3V5C9 9.418 6.761 13 4 13' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 9C4.997 11.144 7.952 12.908 11.7 13M12 20L16 11L20 20M19.1 18H12.9' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.lang-l-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5H11M9 3V5C9 9.418 6.761 13 4 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 9C4.997 11.144 7.952 12.908 11.7 13M12 20L16 11L20 20M19.1 18H12.9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.50083 13.7871V13.5681C3.53295 12.9202 3.7406 12.2925 4.10236 11.7496C4.7045 11.0975 5.1167 10.2983 5.29571 9.43598C5.29571 8.7695 5.29571 8.0935 5.35393 7.42703C5.65469 4.21842 8.82728 2 11.9611 2H12.0387C15.1725 2 18.345 4.21842 18.6555 7.42703C18.7137 8.0935 18.6555 8.7695 18.704 9.43598C18.8854 10.3003 19.2972 11.1019 19.8974 11.7591C20.2618 12.2972 20.4698 12.9227 20.4989 13.5681V13.7776C20.5206 14.648 20.2208 15.4968 19.6548 16.1674C18.907 16.9515 17.8921 17.4393 16.8024 17.5384C13.607 17.8812 10.383 17.8812 7.18762 17.5384C6.09914 17.435 5.08576 16.9479 4.33521 16.1674C3.778 15.4963 3.48224 14.6526 3.50083 13.7871Z' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M9.55469 20.8516C10.054 21.4782 10.7871 21.8838 11.592 21.9785C12.3968 22.0732 13.2069 21.8493 13.843 21.3562C14.0387 21.2103 14.2147 21.0408 14.3669 20.8516' stroke='%23808191' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.copy-referal {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8H10C8.89543 8 8 8.89543 8 10V18C8 19.1046 8.89543 20 10 20H18C19.1046 20 20 19.1046 20 18V10C20 8.89543 19.1046 8 18 8Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.upload-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.66602V25.3327' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 16H25.3337' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.remove-upload {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9492 7.04883L7.04972 16.9483' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.0498 7.05078L16.9493 16.9503' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.arrow-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 7.99935L6.66634 11.3327L13.333 4.66602' stroke='%234FBF67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.remove-icon {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_414_20186)'%3E%3Cpath d='M12 4L4 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L12 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_414_20186'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.table-type-a>table>tbody>tr:hover>.icon-table>.arrow-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 7.99935L6.66634 11.3327L13.333 4.66602' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.16797 18.849C6.41548 18.0252 6.92194 17.3032 7.61222 16.79C8.30249 16.2768 9.13982 15.9997 9.99997 16H14C14.8612 15.9997 15.6996 16.2774 16.3904 16.7918C17.0811 17.3062 17.5874 18.0298 17.834 18.855' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-a:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.16797 18.849C6.41548 18.0252 6.92194 17.3032 7.61222 16.79C8.30249 16.2768 9.13982 15.9997 9.99997 16H14C14.8612 15.9997 15.6996 16.2774 16.3904 16.7918C17.0811 17.3062 17.5874 18.0298 17.834 18.855' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-b::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21.0004V19.0004C20.9949 18.1175 20.6979 17.2612 20.1553 16.5648C19.6126 15.8684 18.8548 15.3711 18 15.1504' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-b:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21.0004V19.0004C20.9949 18.1175 20.6979 17.2612 20.1553 16.5648C19.6126 15.8684 18.8548 15.3711 18 15.1504' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-c::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 11H7C5.89543 11 5 11.8954 5 13V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V13C19 11.8954 18.1046 11 17 11Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 11V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V11' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-c:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 11H7C5.89543 11 5 11.8954 5 13V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V13C19 11.8954 18.1046 11 17 11Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 11V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V11' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-d::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 11L18 13L22 9' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-d:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 11L18 13L22 9' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-e::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8V6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4H5C4.46957 4 3.96086 4.21071 3.58579 4.58579C3.21071 4.96086 3 5.46957 3 6V18C3 18.5304 3.21071 19.0391 3.58579 19.4142C3.96086 19.7893 4.46957 20 5 20H12C12.5304 20 13.0391 19.7893 13.4142 19.4142C13.7893 19.0391 14 18.5304 14 18V16' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H21L18 9M18 15L21 12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-e:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8V6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4H5C4.46957 4 3.96086 4.21071 3.58579 4.58579C3.21071 4.96086 3 5.46957 3 6V18C3 18.5304 3.21071 19.0391 3.58579 19.4142C3.96086 19.7893 4.46957 20 5 20H12C12.5304 20 13.0391 19.7893 13.4142 19.4142C13.7893 19.0391 14 18.5304 14 18V16' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H21L18 9M18 15L21 12' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.i-profile-f::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8 8.5L16 9.7L9.2 16.5L8 15.3L14.8 8.5ZM4 4.5H20C21.11 4.5 22 5.39 22 6.5V10.5C21.4696 10.5 20.9609 10.7107 20.5858 11.0858C20.2107 11.4609 20 11.9696 20 12.5C20 13.0304 20.2107 13.5391 20.5858 13.9142C20.9609 14.2893 21.4696 14.5 22 14.5V18.5C22 19.61 21.11 20.5 20 20.5H4C3.46957 20.5 2.96086 20.2893 2.58579 19.9142C2.21071 19.5391 2 19.0304 2 18.5V14.5C3.11 14.5 4 13.61 4 12.5C4 11.9696 3.78929 11.4609 3.41421 11.0858C3.03914 10.7107 2.53043 10.5 2 10.5V6.5C2 5.96957 2.21071 5.46086 2.58579 5.08579C2.96086 4.71071 3.46957 4.5 4 4.5ZM4 6.5V9.04C4.60768 9.3904 5.11236 9.89466 5.46325 10.5021C5.81415 11.1094 5.9989 11.7985 5.9989 12.5C5.9989 13.2015 5.81415 13.8906 5.46325 14.4979C5.11236 15.1053 4.60768 15.6096 4 15.96V18.5H20V15.96C19.3923 15.6096 18.8876 15.1053 18.5367 14.4979C18.1858 13.8906 18.0011 13.2015 18.0011 12.5C18.0011 11.7985 18.1858 11.1094 18.5367 10.5021C18.8876 9.89466 19.3923 9.3904 20 9.04V6.5H4ZM9.5 8.5C10.33 8.5 11 9.17 11 10C11 10.83 10.33 11.5 9.5 11.5C8.67 11.5 8 10.83 8 10C8 9.17 8.67 8.5 9.5 8.5ZM14.5 13.5C15.33 13.5 16 14.17 16 15C16 15.83 15.33 16.5 14.5 16.5C13.67 16.5 13 15.83 13 15C13 14.17 13.67 13.5 14.5 13.5Z' fill='%23777E90'/%3E%3C/svg%3E%0A");
}

.i-profile-f:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8 8.5L16 9.7L9.2 16.5L8 15.3L14.8 8.5ZM4 4.5H20C21.11 4.5 22 5.39 22 6.5V10.5C21.4696 10.5 20.9609 10.7107 20.5858 11.0858C20.2107 11.4609 20 11.9696 20 12.5C20 13.0304 20.2107 13.5391 20.5858 13.9142C20.9609 14.2893 21.4696 14.5 22 14.5V18.5C22 19.61 21.11 20.5 20 20.5H4C3.46957 20.5 2.96086 20.2893 2.58579 19.9142C2.21071 19.5391 2 19.0304 2 18.5V14.5C3.11 14.5 4 13.61 4 12.5C4 11.9696 3.78929 11.4609 3.41421 11.0858C3.03914 10.7107 2.53043 10.5 2 10.5V6.5C2 5.96957 2.21071 5.46086 2.58579 5.08579C2.96086 4.71071 3.46957 4.5 4 4.5ZM4 6.5V9.04C4.60768 9.3904 5.11236 9.89466 5.46325 10.5021C5.81415 11.1094 5.9989 11.7985 5.9989 12.5C5.9989 13.2015 5.81415 13.8906 5.46325 14.4979C5.11236 15.1053 4.60768 15.6096 4 15.96V18.5H20V15.96C19.3923 15.6096 18.8876 15.1053 18.5367 14.4979C18.1858 13.8906 18.0011 13.2015 18.0011 12.5C18.0011 11.7985 18.1858 11.1094 18.5367 10.5021C18.8876 9.89466 19.3923 9.3904 20 9.04V6.5H4ZM9.5 8.5C10.33 8.5 11 9.17 11 10C11 10.83 10.33 11.5 9.5 11.5C8.67 11.5 8 10.83 8 10C8 9.17 8.67 8.5 9.5 8.5ZM14.5 13.5C15.33 13.5 16 14.17 16 15C16 15.83 15.33 16.5 14.5 16.5C13.67 16.5 13 15.83 13 15C13 14.17 13.67 13.5 14.5 13.5Z' fill='%233772FF'/%3E%3C/svg%3E%0A");
}

.notif-withdraw-completed>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#86E1A0),to(#4FBF67));
    background: linear-gradient(180deg,#86E1A0 0%,#4FBF67 100%)
}

.notif-withdraw-completed>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 13.75C9.5 14.72 10.25 15.5 11.17 15.5H13.05C13.85 15.5 14.5 14.82 14.5 13.97C14.5 13.06 14.1 12.73 13.51 12.52L10.5 11.47C9.91 11.26 9.51 10.94 9.51 10.02C9.51 9.18 10.16 8.49 10.96 8.49H12.84C13.76 8.49 14.51 9.27 14.51 10.24M12 7.5V16.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2M22 6V2H18M17 7L22 2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-withdraw-canceled>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#e18686),to(#bf4f4f));
    background: linear-gradient(180deg,#e18686 0%,#bf4f4f 100%)
}

.notif-withdraw-canceled>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 13.75C9.5 14.72 10.25 15.5 11.17 15.5H13.05C13.85 15.5 14.5 14.82 14.5 13.97C14.5 13.06 14.1 12.73 13.51 12.52L10.5 11.47C9.91 11.26 9.51 10.94 9.51 10.02C9.51 9.18 10.16 8.49 10.96 8.49H12.84C13.76 8.49 14.51 9.27 14.51 10.24M12 7.5V16.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2M22 6V2H18M17 7L22 2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-2fa-enabled>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#FFCE6A),to(#FF9F38));
    background: linear-gradient(180deg,#FFCE6A 0%,#FF9F38 100%)
}

.notif-2fa-enabled>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16H3L6.47 11.34C6.6831 11.1057 6.83752 10.8242 6.92057 10.5186C7.00361 10.213 7.01289 9.89203 6.94766 9.58214C6.88242 9.27225 6.74453 8.98228 6.54532 8.73609C6.34612 8.48991 6.09131 8.29455 5.80185 8.16608C5.51239 8.03762 5.19657 7.97973 4.88036 7.99718C4.56416 8.01463 4.25662 8.10691 3.98306 8.26644C3.70949 8.42597 3.47771 8.64818 3.30681 8.91479C3.1359 9.18139 3.03075 9.48477 3 9.79996M10 16V7.99996H14M10 12H13M17 16V9.99996C17 9.46953 17.2107 8.96082 17.5858 8.58575C17.9609 8.21067 18.4696 7.99996 19 7.99996C19.5304 7.99996 20.0391 8.21067 20.4142 8.58575C20.7893 8.96082 21 9.46953 21 9.99996V16M17 13H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-2fa-disabled>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#FFCE6A),to(#FF9F38));
    background: linear-gradient(180deg,#FFCE6A 0%,#FF9F38 100%)
}

.notif-2fa-disabled>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16H3L6.47 11.34C6.6831 11.1057 6.83752 10.8242 6.92057 10.5186C7.00361 10.213 7.01289 9.89203 6.94766 9.58214C6.88242 9.27225 6.74453 8.98228 6.54532 8.73609C6.34612 8.48991 6.09131 8.29455 5.80185 8.16608C5.51239 8.03762 5.19657 7.97973 4.88036 7.99718C4.56416 8.01463 4.25662 8.10691 3.98306 8.26644C3.70949 8.42597 3.47771 8.64818 3.30681 8.91479C3.1359 9.18139 3.03075 9.48477 3 9.79996M10 16V7.99996H14M10 12H13M17 16V9.99996C17 9.46953 17.2107 8.96082 17.5858 8.58575C17.9609 8.21067 18.4696 7.99996 19 7.99996C19.5304 7.99996 20.0391 8.21067 20.4142 8.58575C20.7893 8.96082 21 9.46953 21 9.99996V16M17 13H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-exchange-buy>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#FFC8F4),to(#FF98E5));
    background: linear-gradient(180deg,#FFC8F4 0%,#FF98E5 100%)
}

.notif-exchange-buy>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L10 9L15 14L20 8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13C14.4477 13 14 13.4477 14 14C14 14.5523 14.4477 15 15 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10C10.5523 10 11 9.55228 11 9C11 8.44772 10.5523 8 10 8C9.44772 8 9 8.44772 9 9C9 9.55228 9.44772 10 10 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17C4.55228 17 5 16.5523 5 16C5 15.4477 4.55228 15 4 15C3.44772 15 3 15.4477 3 16C3 16.5523 3.44772 17 4 17Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7C19.4477 7 19 7.44772 19 8C19 8.55228 19.4477 9 20 9Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-exchange-sell>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#FFC8F4),to(#FF98E5));
    background: linear-gradient(180deg,#FFC8F4 0%,#FF98E5 100%)
}

.notif-exchange-sell>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L10 9L15 14L20 8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13C14.4477 13 14 13.4477 14 14C14 14.5523 14.4477 15 15 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10C10.5523 10 11 9.55228 11 9C11 8.44772 10.5523 8 10 8C9.44772 8 9 8.44772 9 9C9 9.55228 9.44772 10 10 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17C4.55228 17 5 16.5523 5 16C5 15.4477 4.55228 15 4 15C3.44772 15 3 15.4477 3 16C3 16.5523 3.44772 17 4 17Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7C19.4477 7 19 7.44772 19 8C19 8.55228 19.4477 9 20 9Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-verification-completed>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#86E1A0),to(#4FBF67));
    background: linear-gradient(180deg,#86E1A0 0%,#4FBF67 100%)
}

.notif-verification-completed>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 11L18 13L22 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-verification-canceled>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#e18686),to(#bf4f4f));
    background: linear-gradient(180deg,#e18686 0%,#bf4f4f 100%)
}

.notif-verification-canceled>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 21V19C3 17.9391 3.42143 16.9217 4.17157 16.1716C4.92172 15.4214 5.93913 15 7 15H11C12.0609 15 13.0783 15.4214 13.8284 16.1716C14.5786 16.9217 15 17.9391 15 19V21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 11L18 13L22 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-deposit>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#A596EB),to(#6C5DD3));
    background: linear-gradient(180deg,#A596EB 0%,#6C5DD3 100%)
}

.notif-deposit>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 13.75C9.5 14.72 10.25 15.5 11.17 15.5H13.05C13.85 15.5 14.5 14.82 14.5 13.97C14.5 13.06 14.1 12.73 13.51 12.52L10.5 11.47C9.91 11.26 9.51 10.94 9.51 10.02C9.51 9.18 10.16 8.49 10.96 8.49H12.84C13.76 8.49 14.51 9.27 14.51 10.24M12 7.5V16.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 3V7H21M22 2L17 7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-register>.icon-notif {
    background: -webkit-gradient(linear,left top,left bottom,from(#98FFEC),to(#188594));
    background: linear-gradient(180deg,#98FFEC 0%,#188594 100%)
}

.notif-register>.icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.416 2H4.58268C4.07642 2 3.66602 2.44771 3.66602 3V21C3.66602 21.5523 4.07642 22 4.58268 22H17.416C17.9223 22 18.3327 21.5523 18.3327 21V3C18.3327 2.44771 17.9223 2 17.416 2Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79102 15H14.2077' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79102 18H10.9993' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.75 6.5L10.0833 10.5L8.25 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.notif-promocode > .icon-notif {
    background: -webkit-gradient(linear, left top, left bottom, from(#9EDA52), to(#205500));
    background: linear-gradient(180deg, #9EDA52 0%, #205500 100%);
}
.notif-promocode > .icon-notif::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9306 7.81372L15.1865 9.0696L8.06985 16.1863L6.81396 14.9304L13.9306 7.81372ZM2.62769 3.62744H19.3728C20.5345 3.62744 21.4659 4.55889 21.4659 5.72058V9.90686C20.9108 9.90686 20.3784 10.1274 19.9859 10.5199C19.5933 10.9125 19.3728 11.4449 19.3728 12C19.3728 12.5551 19.5933 13.0875 19.9859 13.4801C20.3784 13.8726 20.9108 14.0931 21.4659 14.0931V18.2794C21.4659 19.4411 20.5345 20.3726 19.3728 20.3726H2.62769C2.07255 20.3726 1.54015 20.152 1.14761 19.7595C0.755072 19.367 0.534546 18.8346 0.534546 18.2794V14.0931C1.69624 14.0931 2.62769 13.1617 2.62769 12C2.62769 11.4449 2.40716 10.9125 2.01462 10.5199C1.62208 10.1274 1.08968 9.90686 0.534546 9.90686V5.72058C0.534546 5.16545 0.755072 4.63305 1.14761 4.24051C1.54015 3.84797 2.07255 3.62744 2.62769 3.62744ZM2.62769 5.72058V8.37887C3.26366 8.74559 3.79184 9.27333 4.15908 9.90901C4.52632 10.5447 4.71967 11.2659 4.71967 12C4.71967 12.7341 4.52632 13.4553 4.15908 14.091C3.79184 14.7267 3.26366 15.2544 2.62769 15.6211V18.2794H19.3728V15.6211C18.7368 15.2544 18.2086 14.7267 17.8414 14.091C17.4742 13.4553 17.2808 12.7341 17.2808 12C17.2808 11.2659 17.4742 10.5447 17.8414 9.90901C18.2086 9.27333 18.7368 8.74559 19.3728 8.37887V5.72058H2.62769ZM8.38382 7.81372C9.25247 7.81372 9.95367 8.51492 9.95367 9.38358C9.95367 10.2522 9.25247 10.9534 8.38382 10.9534C7.51517 10.9534 6.81396 10.2522 6.81396 9.38358C6.81396 8.51492 7.51517 7.81372 8.38382 7.81372ZM13.6167 13.0466C14.4853 13.0466 15.1865 13.7478 15.1865 14.6164C15.1865 15.4851 14.4853 16.1863 13.6167 16.1863C12.748 16.1863 12.0468 15.4851 12.0468 14.6164C12.0468 13.7478 12.748 13.0466 13.6167 13.0466Z' fill='white'/%3E%3C/svg%3E%0A");
}

.get-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9L9 15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15V9H9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.vis-balance-a {
    background: #6C5DD3
}

.vis-balance-b {
    background: #3772FF
}

.default-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.default-check>input {
    display: none
}

.check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.check::before {
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    content: "";
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.star-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px
}

.default-copy-button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8H10C8.89543 8 8 8.89543 8 10V18C8 19.1046 8.89543 20 10 20H18C19.1046 20 20 19.1046 20 18V10C20 8.89543 19.1046 8 18 8Z' fill='%233772FF'/%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.view-book-a {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12H1C0.448 12 0 11.552 0 11C0 10.448 0.448 10 1 10H8C8.552 10 9 10.448 9 11C9 11.552 8.552 12 8 12Z' fill='%233DBAA2'/%3E%3Cpath d='M15 2H1C0.448 2 0 1.552 0 1C0 0.448 0.448 0 1 0H15C15.552 0 16 0.448 16 1C16 1.552 15.552 2 15 2Z' fill='%233DBAA2'/%3E%3Cpath d='M15 7H1C0.448 7 0 6.552 0 6C0 5.448 0.448 5 1 5H15C15.552 5 16 5.448 16 6C16 6.552 15.552 7 15 7Z' fill='%233DBAA2'/%3E%3C/svg%3E%0A")
}

.view-book-b {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12H1C0.448 12 0 11.552 0 11C0 10.448 0.448 10 1 10H8C8.552 10 9 10.448 9 11C9 11.552 8.552 12 8 12Z' fill='%23FF7A68'/%3E%3Cpath d='M15 2H1C0.448 2 0 1.552 0 1C0 0.448 0.448 0 1 0H15C15.552 0 16 0.448 16 1C16 1.552 15.552 2 15 2Z' fill='%23FF7A68'/%3E%3Cpath d='M15 7H1C0.448 7 0 6.552 0 6C0 5.448 0.448 5 1 5H15C15.552 5 16 5.448 16 6C16 6.552 15.552 7 15 7Z' fill='%23FF7A68'/%3E%3C/svg%3E%0A")
}

.view-book-c {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.34' d='M8 12H1C0.448 12 0 11.552 0 11C0 10.448 0.448 10 1 10H8C8.552 10 9 10.448 9 11C9 11.552 8.552 12 8 12Z' fill='%23777E90'/%3E%3Cpath d='M15 2H1C0.448 2 0 1.552 0 1C0 0.448 0.448 0 1 0H15C15.552 0 16 0.448 16 1C16 1.552 15.552 2 15 2Z' fill='%23FF7A68'/%3E%3Cpath d='M15 7H1C0.448 7 0 6.552 0 6C0 5.448 0.448 5 1 5H15C15.552 5 16 5.448 16 6C16 6.552 15.552 7 15 7Z' fill='%233DBAA2'/%3E%3C/svg%3E%0A")
}

.secondary-body-fav {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99866 13.313L4.36966 15.7467L5.25391 10.592L1.50391 6.9417L6.67891 6.1917L8.99341 1.50195L11.3079 6.1917L16.4829 6.9417L12.7329 10.592L13.6172 15.7467L8.99866 13.313Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.secondary-body-fav.active {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99866 13.313L4.36966 15.7467L5.25391 10.592L1.50391 6.9417L6.67891 6.1917L8.99341 1.50195L11.3079 6.1917L16.4829 6.9417L12.7329 10.592L13.6172 15.7467L8.99866 13.313Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.fav-type::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00041 8.87498L2.91441 10.4975L3.50391 7.06098L1.00391 4.62748L4.45391 4.12748L5.99691 1.00098L7.53991 4.12748L10.9899 4.62748L8.48991 7.06098L9.07941 10.4975L6.00041 8.87498Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.search-button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23777E90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-a {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.308 22.8137C23.24 23.387 22.7613 23.8137 22.2013 23.8137C21.6266 23.8137 21.148 23.387 21.0946 22.8137V18.4403C21.0413 18.0123 21.24 17.6137 21.6013 17.387C21.9746 17.1603 22.428 17.1603 22.7866 17.387C23.148 17.6137 23.3466 18.0123 23.308 18.4403V22.8137ZM17.1733 22.8137C17.12 23.387 16.6413 23.8137 16.0666 23.8137C15.5066 23.8137 15.028 23.387 14.96 22.8137V9.22699C14.9213 8.81366 15.12 8.39899 15.4813 8.17366C15.84 7.94699 16.2933 7.94699 16.668 8.17366C17.028 8.39899 17.2266 8.81366 17.1733 9.22699V22.8137ZM10.96 22.8137C10.9066 23.387 10.428 23.8137 9.8533 23.8137C9.27997 23.8137 8.79997 23.387 8.74797 22.8137V13.6003C8.70797 13.1857 8.90664 12.7737 9.26797 12.547C9.62664 12.3203 10.0813 12.3203 10.4413 12.547C10.8 12.7737 11.0013 13.1857 10.96 13.6003V22.8137ZM22.2266 2.66699H9.77463C5.23997 2.66699 2.66797 5.23899 2.66797 9.77366V22.227C2.66797 26.7603 5.23997 29.3337 9.77463 29.3337H22.2266C26.7613 29.3337 29.3346 26.7603 29.3346 22.227V9.77366C29.3213 5.23899 26.7613 2.66699 22.2266 2.66699V2.66699Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-a.active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.308 22.8137C23.24 23.387 22.7613 23.8137 22.2013 23.8137C21.6266 23.8137 21.148 23.387 21.0946 22.8137V18.4403C21.0413 18.0123 21.24 17.6137 21.6013 17.387C21.9746 17.1603 22.428 17.1603 22.7866 17.387C23.148 17.6137 23.3466 18.0123 23.308 18.4403V22.8137ZM17.1733 22.8137C17.12 23.387 16.6413 23.8137 16.0666 23.8137C15.5066 23.8137 15.028 23.387 14.96 22.8137V9.22699C14.9213 8.81366 15.12 8.39899 15.4813 8.17366C15.84 7.94699 16.2933 7.94699 16.668 8.17366C17.028 8.39899 17.2266 8.81366 17.1733 9.22699V22.8137ZM10.96 22.8137C10.9066 23.387 10.428 23.8137 9.8533 23.8137C9.27997 23.8137 8.79997 23.387 8.74797 22.8137V13.6003C8.70797 13.1857 8.90664 12.7737 9.26797 12.547C9.62664 12.3203 10.0813 12.3203 10.4413 12.547C10.8 12.7737 11.0013 13.1857 10.96 13.6003V22.8137ZM22.2266 2.66699H9.77463C5.23997 2.66699 2.66797 5.23899 2.66797 9.77366V22.227C2.66797 26.7603 5.23997 29.3337 9.77463 29.3337H22.2266C26.7613 29.3337 29.3346 26.7603 29.3346 22.227V9.77366C29.3213 5.23899 26.7613 2.66699 22.2266 2.66699V2.66699Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-b {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6493 3.68262H10.78C8.03464 3.68262 5.66797 5.90795 5.66797 8.65462V23.1199C5.66797 26.0213 7.87864 28.1533 10.78 28.1533H21.4306C24.1773 28.1533 26.404 25.8666 26.404 23.1199V10.7173L19.6493 3.68262Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.3008 3.66699V7.54566C19.3008 9.43899 20.8328 10.975 22.7261 10.979C24.4808 10.983 26.2768 10.9843 26.3981 10.9763' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' fill-rule='evenodd' clip-rule='evenodd' d='M16.5444 13.9521C16.5444 13.5379 16.2086 13.2021 15.7944 13.2021C15.3802 13.2021 15.0444 13.5379 15.0444 13.9521V16.4685H12.5273C12.1131 16.4685 11.7773 16.8043 11.7773 17.2185C11.7773 17.6328 12.1131 17.9685 12.5273 17.9685H15.0444V20.4868C15.0444 20.901 15.3802 21.2368 15.7944 21.2368C16.2086 21.2368 16.5444 20.901 16.5444 20.4868V17.9685H19.062C19.4762 17.9685 19.812 17.6328 19.812 17.2185C19.812 16.8043 19.4762 16.4685 19.062 16.4685H16.5444V13.9521Z' fill='%23777E90'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-b.active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.734 18.307H19.0178C19.5591 18.307 20.0079 17.867 20.0079 17.3203C20.0079 16.7603 19.5591 16.3203 19.0178 16.3203H16.734V14.0137C16.734 13.467 16.2983 13.027 15.7571 13.027C15.2158 13.027 14.767 13.467 14.767 14.0137V16.3203H12.4964C11.9551 16.3203 11.5063 16.7603 11.5063 17.3203C11.5063 17.867 11.9551 18.307 12.4964 18.307H14.767V20.6137C14.767 21.1603 15.2158 21.6003 15.7571 21.6003C16.2983 21.6003 16.734 21.1603 16.734 20.6137V18.307ZM25.7854 12.0345C26.0957 12.0309 26.4336 12.027 26.7406 12.027C27.0706 12.027 27.3346 12.2937 27.3346 12.627V23.347C27.3346 26.6537 24.6812 29.3337 21.394 29.3337H10.899C7.46665 29.3337 4.66797 26.5203 4.66797 23.0537V8.68033C4.66797 5.37366 7.33464 2.66699 10.6218 2.66699H17.6713C18.0145 2.66699 18.2785 2.94699 18.2785 3.28033V7.57366C18.2785 10.0137 20.2719 12.0137 22.6878 12.027C23.2521 12.027 23.7495 12.0312 24.1849 12.0349C24.5236 12.0378 24.8247 12.0403 25.0904 12.0403C25.2783 12.0403 25.5219 12.0375 25.7854 12.0345ZM26.148 10.0886C25.0628 10.0926 23.7836 10.0886 22.8635 10.0793C21.4034 10.0793 20.2008 8.86459 20.2008 7.38993V3.87526C20.2008 3.30059 20.8912 3.01526 21.2859 3.42993C22.0012 4.18105 22.9843 5.21385 23.9627 6.24161C24.9364 7.26447 25.9054 8.28234 26.6008 9.01259C26.9863 9.41659 26.7037 10.0873 26.148 10.0886Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-c {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M22.4517 26.8856V8.72852' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.8897 21.4238L22.4527 26.8861L17.0156 21.4238' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M9.2134 5.11035V23.2674' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.77734 10.5716L9.21438 5.10938L14.6514 10.5716' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-c.active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0629 4.37057C10.2845 4.53052 10.6418 4.89793 10.6418 4.89793C12.029 6.19811 14.1184 9.43192 14.7894 11.0726C14.8035 11.0726 15.2014 12.0481 15.217 12.5121V12.5739C15.217 13.2849 14.8191 13.9501 14.1793 14.2906C13.9155 14.4309 13.274 14.5615 12.9645 14.6245C12.862 14.6453 12.796 14.6588 12.7921 14.6627C11.8777 14.8021 10.4748 14.8939 8.93468 14.8939C7.31807 14.8939 5.85438 14.8021 4.95401 14.631C4.9384 14.631 4.11605 14.4616 3.84142 14.3523C3.44507 14.1829 3.10957 13.8725 2.89579 13.4861C2.74287 13.1773 2.66797 12.851 2.66797 12.5121C2.68201 12.1558 2.9114 11.4907 3.01751 11.2278C3.68849 9.49368 5.88403 6.18227 7.226 4.91377C7.3654 4.77229 7.52404 4.62408 7.63443 4.52095C7.69333 4.46593 7.73849 4.42374 7.75967 4.40225C8.09516 4.13936 8.50712 4 8.95028 4C9.34507 4 9.74142 4.12352 10.0629 4.37057ZM24.3061 13.549C24.3061 14.2474 23.7491 14.8128 23.0609 14.8128C22.3728 14.8128 21.8157 14.2474 21.8157 13.549L21.4724 7.44394C21.4724 6.55391 22.1839 5.83333 23.0609 5.83333C23.9379 5.83333 24.6479 6.55391 24.6479 7.44394L24.3061 13.549ZM28.1612 17.6475C28.5575 17.8185 28.893 18.1273 29.1068 18.5137C29.2597 18.8225 29.3346 19.1488 29.3346 19.4893C29.3206 19.844 29.0912 20.5108 28.9835 20.7736C28.3141 22.5062 26.117 25.8177 24.7766 27.0878C24.6395 27.2259 24.4838 27.3712 24.3737 27.4739L24.3736 27.474C24.3121 27.5315 24.2648 27.5756 24.2429 27.5977C23.9059 27.8606 23.4955 28 23.0539 28C22.656 28 22.2596 27.8765 21.9397 27.6278C21.7182 27.4695 21.3608 27.1021 21.3608 27.1021C19.972 25.8034 17.8842 22.568 17.2132 20.9273C17.1976 20.9273 16.8012 19.9533 16.7856 19.4893V19.4275C16.7856 18.7149 17.182 18.0497 17.8233 17.7092C18.0865 17.5703 18.726 17.4394 19.0362 17.3759C19.1398 17.3547 19.2066 17.341 19.2105 17.3371C20.1249 17.1977 21.5278 17.1058 23.0679 17.1058C24.6845 17.1058 26.1482 17.1977 27.0486 17.3687C27.0626 17.3687 27.8866 17.5382 28.1612 17.6475ZM8.94201 17.1874C8.25386 17.1874 7.69678 17.7527 7.69678 18.4511L7.35349 24.5561C7.35349 25.4461 8.06505 26.1667 8.94201 26.1667C9.81897 26.1667 10.529 25.4461 10.529 24.5561L10.1872 18.4511C10.1872 17.7527 9.63016 17.1874 8.94201 17.1874Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-d {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6506 3.68262H10.78C8.03464 3.68262 5.66797 5.90795 5.66797 8.65462V22.9386C5.66797 25.8399 7.87997 28.1533 10.78 28.1533H21.432C24.1786 28.1533 26.404 25.6866 26.404 22.9386V10.7173L19.6506 3.68262Z' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.3008 3.66699V7.54566C19.3008 9.43899 20.8328 10.975 22.7248 10.979C24.4808 10.983 26.2768 10.9843 26.3981 10.9763' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M19.0476 20.7438H11.8516' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M16.3262 14.1413H11.8516' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.primary-trade-navigation>.item.trade-nav-d.active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9023 21.8537H19.0838C19.6251 21.8537 20.0739 21.4003 20.0739 20.8537C20.0739 20.307 19.6251 19.867 19.0838 19.867H11.9023C11.361 19.867 10.9122 20.307 10.9122 20.8537C10.9122 21.4003 11.361 21.8537 11.9023 21.8537ZM16.3643 13.2003H11.9023C11.361 13.2003 10.9122 13.6537 10.9122 14.2003C10.9122 14.747 11.361 15.187 11.9023 15.187H16.3643C16.9056 15.187 17.3544 14.747 17.3544 14.2003C17.3544 13.6537 16.9056 13.2003 16.3643 13.2003ZM25.7854 12.0345C26.0957 12.0309 26.4336 12.027 26.7406 12.027C27.0706 12.027 27.3346 12.2937 27.3346 12.627V23.347C27.3346 26.6537 24.6812 29.3337 21.4072 29.3337H10.899C7.46665 29.3337 4.66797 26.5203 4.66797 23.0537V8.68033C4.66797 5.37366 7.33464 2.66699 10.6218 2.66699H17.6713C18.0145 2.66699 18.2785 2.94699 18.2785 3.28033V7.57366C18.2785 10.0137 20.2719 12.0137 22.6878 12.027C23.2521 12.027 23.7495 12.0312 24.1849 12.0349C24.5236 12.0378 24.8247 12.0403 25.0904 12.0403C25.2783 12.0403 25.5219 12.0375 25.7854 12.0345ZM26.1494 10.0883C25.0643 10.0923 23.7851 10.0883 22.8649 10.079C21.4049 10.079 20.2022 8.86433 20.2022 7.38966V3.87499C20.2022 3.30033 20.8927 3.01499 21.2874 3.42966C22.0025 4.18067 22.9855 5.21328 23.9637 6.24089C24.9376 7.2639 25.9068 8.28197 26.6022 9.01232C26.9877 9.41633 26.7052 10.087 26.1494 10.0883Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
}

.alert-warning>.head-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_806_43114)'%3E%3Cpath d='M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z' stroke='%23F2CA3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 6V9' stroke='%23F2CA3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12H9.0075' stroke='%23F2CA3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_806_43114'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.alert-success>.head-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='%234FBF67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.alert-error>.head-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L4.5 13.5' stroke='%23EA3943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 4.5L13.5 13.5' stroke='%23EA3943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.alert-info>.head-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 15.75C12.7279 15.75 15.75 12.7279 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75Z' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 6H9.0075' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 9H9V12H9.75' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.auth-verify.active>.verify-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_802_13943)'%3E%3Ccircle cx='16' cy='16' r='16' fill='%234FBF67'/%3E%3Cpath d='M13.6 17.5996L10.4 14.3996L8 16.7996L13.6 22.3996L24 11.9996L21.6 9.59961L13.6 17.5996Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_802_13943'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.auth-verify.active>p::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_808_43568' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_808_43568)'%3E%3Cpath d='M9.00287 3.41287e-06C5.26023 0.00408606 2.18129 2.94829 2.00987 6.687L0.170866 9.445C0.00967079 9.68408 -0.0404824 9.9811 0.0332758 10.2598C0.107034 10.5386 0.297524 10.7719 0.555866 10.9L2.00287 11.618V13.5C2.00287 14.8807 3.12215 16 4.50287 16H7.00287C8.65972 16 10.0029 14.6569 10.0029 13V8.723C9.21893 8.2704 8.83673 7.34768 9.07101 6.47331C9.3053 5.59895 10.0977 4.99095 11.0029 4.99095C11.9081 4.99095 12.7004 5.59895 12.9347 6.47331C13.169 7.34768 12.7868 8.2704 12.0029 8.723V13C11.9992 14.0855 11.6387 15.1396 10.9769 16H13.0029C13.5552 16 14.0029 15.5523 14.0029 15V11.889C15.9752 9.8775 16.548 6.87889 15.4559 4.28203C14.3638 1.68517 11.82 -0.00277014 9.00287 3.41287e-06Z' fill='%234FBF67'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.primary-banner {
    background: url(../img/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.benef-items>.item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8' fill='white'/%3E%3Cpath d='M12.0156 1.99902C6.49263 1.99902 2.01562 6.47602 2.01562 11.999C2.01562 17.522 6.49263 21.999 12.0156 21.999C17.5386 21.999 22.0156 17.522 22.0156 11.999C22.0156 6.47602 17.5386 1.99902 12.0156 1.99902ZM16.0156 8.99901C16.2716 8.99901 16.5386 9.08502 16.7346 9.28002C17.1246 9.67102 17.1246 10.327 16.7346 10.718L12.9846 14.437C11.8336 15.587 10.0746 15.415 9.17163 14.061L8.17163 12.561C7.86563 12.102 7.99361 11.462 8.45361 11.155C8.91261 10.849 9.55262 10.977 9.85962 11.437L10.8596 12.937C11.0616 13.24 11.3206 13.288 11.5776 13.03L15.2966 9.28002C15.4926 9.08502 15.7596 8.99901 16.0156 8.99901Z' fill='%233772FF'/%3E%3C/svg%3E%0A")
}

.upload-details>label {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px
}

.delete-upload {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23C54343'/%3E%3Cpath d='M5.64844 5.64258L10.3625 10.3566' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.64844 10.3574L10.3625 5.64338' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tns-controls>button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='white' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.none {
    display: none!important
}

.responsive-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.responsive-wrapper {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.responsive-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 260px;
    width: 100%;
    padding: 32px 20px;
    padding-bottom: 24px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.responsive-navigation.animated {
    -webkit-transition: .2s;
    transition: .2s
}

.responsive-navigation.animated>.nav-content>.nav-header>.nav-action {
    -webkit-transition: .2s;
    transition: .2s
}

.responsive-navigation.hidden-nav {
    max-width: 96px
}

.responsive-navigation.hidden-nav>.nav-content>.nav-header>.logo {
    display: none
}

.responsive-navigation.hidden-nav>.nav-content>.nav-header>.nav-action {
    width: 55px
}

.responsive-navigation.hidden-nav>.nav-content>.nav-navigate-action>.nav-navigate>.item>p {
    display: none
}

@media screen and (min-width: 333px) {
    .responsive-navigation.animated {
        -webkit-transition:.2s;
        transition: .2s
    }

    .responsive-navigation.animated>.nav-content>.nav-header>.nav-action {
        -webkit-transition: .2s;
        transition: .2s
    }

    .responsive-navigation.hidden-nav {
        max-width: 96px
    }

    .responsive-navigation.hidden-nav>.nav-content>.nav-header>.logo {
        display: none
    }

    .responsive-navigation.hidden-nav>.nav-content>.nav-header>.nav-action {
        width: 55px
    }

    .responsive-navigation.hidden-nav>.nav-content>.nav-navigate-action>.nav-navigate>.item>p {
        display: none
    }
}

.responsive-content {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: hidden
}

.responsive-body-content {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.primary-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 24px 0;
    padding-bottom: 32px
}

.container {
    max-width: 1348px;
    padding: 0 26px;
    width: 100%;
    margin: 0 auto
}

.item-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    overflow: hidden
}

.item-slide>.item {
    height: 409px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    isolation: isolate;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.item-slide>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.item-slide>.item>img.banner-b {
    display: none
}

.content-slide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 596px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-content-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.top-content-slide>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.top-content-slide>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%
}

.top-content-slide>p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 509px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.vis {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999
}

.tns-outer {
    border-radius: 24px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tns-outer>button {
    display: none
}

.tns-ovh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tns-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.navigation-header>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-header>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.nav-theme>.auth-theme {
    display: none
}

.nav-theme.nav-theme-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tns-nav>button.tns-nav-active {
    opacity: 1
}

.auth-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.auth-header>.default-button {
    white-space: nowrap
}

.primary-header {
    width: 100%;
    position: sticky;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    top: 0;
    z-index: 11;
    padding: 32px 0
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.additional-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.action-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.action-header>.item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.action-icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 56px
}

.assets-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    overflow-x: auto
}

.assets-filter:only-child {
    margin-bottom: 0
}

.assets-filter>.item {
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 90px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 20px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.assets-filter>.item>p {
    white-space: nowrap;
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.asset-image {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.asset-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.top-asset-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.top-asset-info>h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 18px
}

.top-asset-info>p {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 100px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.chart-content {
    width: 100%
}

.asset-info {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.asset-info>p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.head-asset {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.chart-info {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 72px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.chart-info>canvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%!important
}

.nav-theme-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-asset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    gap: 4px
}

.price-asset>h1,.price-asset p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px
}

.price-asset>h1 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.body-asset {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px
}

.gain-asset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.gain-asset>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.asset-items {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(264px,1fr));
    grid-gap: 24px
}

.asset-items>.item {
    overflow: hidden;
    position: relative;
    border-radius: 24px
}

.asset-items>.item:hover>.view-asset {
    opacity: 1
}

.view-asset {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    right: 0;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.view-asset>.default-button {
    max-width: 100%
}

.gain-asset {
    position: relative
}

.gain-asset::before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.assets-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.apexcharts-canvas {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.chart-load {
    position: relative
}

.chart-load::before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: .2s!important;
    transition: .2s!important
}

.chart-load::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite
}

.chart-load>.apexcharts-canvas {
    opacity: 0
}

.primary-benefits {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-benefits>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 24px
}

.primary-benefits>p {
    max-width: 510px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.benefit-items {
    width: 100%;
    margin-top: 64px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(360px,1fr));
    grid-column-gap: 24px;
    grid-row-gap: 64px
}

.benefit-items:only-child {
    margin-top: 0
}

.benefit-items>.item {
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    -webkit-transition: .2s;
    transition: .2s
}

.benefit-items>.item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.benefit-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.benefit-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%
}

.benefit-info>p {
    max-width: 306px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.benefit-icon {
    pointer-events: none;
    width: 100%;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 12px
}

.benefit-icon.has-light {
    display: none
}

.benefit-icon.light-ben {
    display: none
}

.benefit-icon>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.portfolio-info>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.portfolio-info>h3:only-child {
    margin-bottom: 0
}

.portfolio-info>h1 {
    max-width: 526px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    margin-bottom: 16px
}

.portfolio-info>h1:only-child {
    margin-bottom: 0
}

.portfolio-info>p {
    max-width: 416px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

.portfolio-info>p:only-child {
    margin-bottom: 0
}

.portfolio-info {
    width: 100%
}

.portfolio-app {
    max-width: 636px;
    min-height: 774px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-app>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.image-port {
    display: none
}

.primary-portfolio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.primary-reward {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-reward>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px
}

.primary-reward>h3:only-child {
    margin-bottom: 0
}

.primary-reward>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px
}

.primary-reward>h1:only-child {
    margin-bottom: 0
}

.form-started {
    padding: 5px;
    padding-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 416px;
    width: 100%;
    gap: 16px;
    border-radius: 14px
}

.form-started>input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    -webkit-appearance: none;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.form-started>.default-button {
    height: 52px
}

.primary-footer {
    width: 100%;
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    width: 100%
}

.footer-navigation {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 40px
}

.footer-navigation>.item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.footer-navigation>.item>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase
}

.footer-nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.footer-nav-items>.item {
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.footer-updates-social {
    max-width: 416px;
    width: 100%
}

.updates-sub {
    padding: 40px;
    border-radius: 24px;
    margin-bottom: 40px
}

.updates-sub:last-child {
    margin-bottom: 0
}

.updates-sub:only-child {
    margin-bottom: 0
}

.updates-sub>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 8px
}

.updates-sub>h1:only-child {
    margin-bottom: 0
}

.updates-sub>p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px
}

.updates-sub>p:only-child {
    margin-bottom: 0
}

.updates-sub>.form-started>.default-button {
    padding: 0 16px;
    height: 44px
}

.message-footer>p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.social-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.social-items:last-child {
    margin-bottom: 0
}

.social-items:only-child {
    margin-bottom: 0
}

.social-items>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: .2s;
    transition: .2s
}

.social-items>.item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 144px;
    width: 100%;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain
}

.nav-action {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    margin-left: auto;
    position: relative;
    -webkit-transition: 0;
    transition: 0
}

.nav-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 56px
}

.nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 56px
}

.nav-navigate-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-navigate-action>.nav-theme-action {
    display: none
}

.nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.nav-navigate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.nav-navigate>.item {
    border-radius: 12px;
    -webkit-transition: .2s;
    transition: .2s;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 16px
}

.nav-navigate>.item::before {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: background-image .2s;
    transition: background-image .2s
}

.nav-navigate>.item>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.nav-types {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.nav-types.nav-type-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-check-theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto
}

.nav-check-theme>input {
    display: none
}

.nav-check-theme>input:checked~.theme-status::before {
    -webkit-transform: translateX(calc(64px - 100%));
    transform: translateX(calc(64px - 100%))
}

.theme-status {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 72px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 32px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px
}

.theme-status::before {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: .2s;
    transition: .2s
}

.nav-theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.responsive-modal {
    padding: 16px;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
    overflow-y: auto
}

.modal-container {
    max-width: 636px;
    width: 100%;
    margin: auto
}

.modal-container.min-modal {
    max-width: 416px
}

.modal-body {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.modal-content {
    padding: 32px;
    position: relative;
    z-index: 1;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.head-modal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.head-modal>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px
}

.hide-modal {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    border-radius: 100px
}

.head-modal-navigate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 6px;
}

.head-modal-navigate::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.head-modal-navigate>.item {
    white-space: nowrap;
    padding: 0 15px;
    border-radius: 100px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s
}

.avatar-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80px;
    height: 80px
}

.avatar-setting>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100px
}

.action-avatar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.avatar-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding-bottom: 32px
}

.account-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.fill-account {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 32px
}

.fill-account>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.fill-account>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.fill-account>.item>.error-messages {
    margin-top: 0
}

.input-type-fill {
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding: 0 16px
}

.input-type-fill>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}

.default-select {
    width: 100%;
    position: relative
}

.default-select.search-enable>.body-select>.search-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.default-select>input {
    display: none
}

.default-select.active>.head-select::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.head-select {
    cursor: pointer;
    width: 100%;
    padding: 0 16px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.head-select>p {
    max-width: calc(100% - 24px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}

.head-select::after {
    -webkit-transition: .2s;
    transition: .2s;
    content: "";
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.body-select {
    z-index: 1;
    position: absolute;
    top: calc(100% + 6px);
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    display: none
}

.content-select {
    max-height: 315px;
    overflow-y: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.content-select::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.content-select>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 16px
}

.content-select>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.search-select {
    height: 48px;
    width: 100%;
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 16px
}

.search-select>input {
    width: 100%;
    background: none;
    padding: 0 16px;
    -webkit-appearance: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.search-select::after {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.content-invite>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 16px
}

.content-invite>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.referal-link {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    padding-left: 24px;
    border-radius: 14px
}

.referal-link>p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.copy-referal {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px
}

.invite-details {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.invite-details::before,.invite-details::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 16px
}

.content-invite {
    width: 100%;
    border-radius: 16px;
    padding: 32px
}

.reward-data {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.reward-data>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.reward-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.reward-value>p {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%
}

.reward-value>span {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    border-radius: 43px
}

.top-inviter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.top-inviter>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.inviter-reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.inviter-reward>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px
}

.total-invited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.total-invited>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.total-invited>p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.ref-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.ref-setting>* {
    padding-bottom: 32px
}

.ref-setting>:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.ref-setting>.invite-details {
    padding-bottom: 0;
    border-bottom: none
}

.password-setting {
    max-width: 492px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.password-setting>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.password-setting>.action-modal>.default-button {
    max-width: 100%
}

.fill-password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.fill-password>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.fill-password>.item>p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.fill-password>.item>.default-input {
    height: 72px
}

.body-modal-content>.item {
    width: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-modal-content>.item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-modal-content>.item>* {
    width: 100%
}

.qr-scan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.qr-scan>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.top-2fa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.top-2fa>.item {
    width: 100%
}

.qr-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.qr-data>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.qr-data>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    word-break: break-word
}

.qr-data>.item>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px
}

.qr-data>.item>p>a {
    font-weight: 500;
    text-decoration-line: underline
}

.qr-image {
    max-width: 228px;
    width: 100%;
    height: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qr-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10px
}

.app-items-qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.app-items-qr>.item {
    padding: 4px;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-items-qr>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.code-qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.code-qr>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.twofa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.code-qr-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.code-qr-content>input {
    width: 100%;
    height: 76px;
    padding: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    -moz-appearance: textfield
}

.code-qr-content>input::-webkit-outer-spin-button,.code-qr-content>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.date-input>input::-webkit-calendar-picker-indicator {
    opacity: 1;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.upload-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.upload-file>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.upload-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    padding: 24px
}

.upload-content>input {
    display: none
}

.account-setting-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.data-upload {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.data-upload>.item {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.data-upload>.item>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.upload-content.error-type>.data-upload>* {
    display: none
}

.upload-content.error-type>.data-upload>.error-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upload-content.upl-type>.data-upload>* {
    display: none
}

.upload-content.upl-type>.data-upload>.success-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upload-icon {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.remove-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.session-details>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.session-details>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.table-type-a {
    width: 100%;
    overflow-x: auto
}

.table-type-a>table {
    width: 100%;
    border-spacing: 0 8px
}

.table-type-a>table>thead>tr>td {
    height: 40px;
    padding: 0 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.table-type-a>table>thead>tr>td:first-child {
    padding-left: 20px;
    border-radius: 8px 0 0 8px
}

.table-type-a>table>thead>tr>td:last-child {
    padding: 0;
    padding-right: 8px;
    border-radius: 0 8px 8px 0
}

.table-type-a>table>tbody>tr {
    -webkit-transition: .2s;
    transition: .2s;
    cursor: default
}

.table-type-a>table>tbody>tr>td {
    height: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.table-type-a>table>tbody>tr>td:first-child {
    padding-left: 20px;
    border-radius: 8px 0 0 8px
}

.table-type-a>table>tbody>tr>td:last-child {
    padding: 0;
    padding-right: 8px;
    border-radius: 0 8px 8px 0
}

.hidden-td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.icon-table {
    width: 40px;
    height: 40px;
    padding: 0
}

.icon-content {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.session-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px
}

.nav-theme-hide {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    cursor: pointer
}

.responsive-head-modal {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 222
}

.modal-header {
    overflow: hidden;
    position: absolute;
    right: 0;
    pointer-events: all;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    display: none;
    border-radius: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.modal-main-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-lang {
    width: 22px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.icon-lang>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.currency-data {
    max-height: 244px;
    overflow-y: auto;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.currency-data::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.currency-data>.item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: .2s;
    transition: .2s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 72px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.lang-data {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.lang-data:only-child {
    border-right: none
}

.lang-data>.item {
    width: 144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.lang-data>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.download-modal>.modal-main-content>.item {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.download-modal>.modal-main-content>.item:first-child:only-child {
    border-right: none
}

.download-modal>.modal-main-content>.item>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.qr-scan {
    width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qr-scan>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10px
}

.download-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.download-links>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-links>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.profile-nav-content>h1 {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.profile-nav-content>p {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.profile-modal>.modal-main-content {
    width: 272px
}

.profile-navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.profile-navigation>.item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    position: relative
}

.profile-navigation>.item:last-child {
    border-bottom: none
}

.profile-navigation>.item::before {
    content: "";
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.content-notif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.content-notif>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.notif-modal>.modal-main-content {
    width: 320px;
    padding: 24px;
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.action-head-modal>.default-button {
    max-width: 100%
}

.time-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.time-status>p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.time-status>span {
    width: 8px;
    height: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 10px
}

.notif-items {
    max-height: 533px;
    overflow-y: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.notif-items>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    gap: 12px
}

.notif-items>.item:last-child {
    border-bottom: none
}

.icon-notif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-notif::before {
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.container-head-modal {
    position: relative;
    padding: 88px 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.balance-value-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.balance-value-visual>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.balance-value-visual>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.item-balance-data {
    width: 100%
}

.item-balance-data>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.item-balance-data>h1 {
    word-break: break-all;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 4px
}

.item-balance-data>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.item-balance-data>:last-child {
    margin-bottom: 0
}

.balance-value-b>.item>.item-balance-data>h1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.balance-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.balance-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.balance-currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.balance-currency>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%
}

.balance-currency>p {
    border-radius: 43px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 16px
}

.balance-info>* {
    margin-bottom: 8px
}

.balance-info>:last-child {
    margin-bottom: 0
}

.head-balance-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.balance-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.icon-type {
    position: relative
}

.icon-type::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.balance-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 32px;
    height: 32px;
    margin-right: 16px
}

.balance-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.balance-value-items {
    max-width: 596px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.balance-value-items.balance-value-b {
    display: -ms-grid;
    display: grid;
    max-width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(264px,1fr))
}

.balance-value-items>.item {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.primary-balance {
    padding: 40px;
    border-radius: 24px
}

.primary-balance>* {
    margin-bottom: 40px
}

.primary-balance>:last-child {
    margin-bottom: 0
}

.visual-balance-count {
    max-width: 100%;
    height: 12px;
    border-radius: 6px
}

.bottom-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.bottom-balance>* {
    width: 100%
}

.asset-info-balance {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px
}

.asset-info-balance>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.check>p {
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    font-size: 16px
}

.multiple-asset-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px
}

.multiple-asset-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.multiple-asset-info>* {
    margin-bottom: 4px
}

.multiple-asset-info>:last-child {
    margin-bottom: 0
}

.status-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.status-order::before {
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 4px;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.status-order>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px
}

.primary-table {
    width: 100%;
    overflow-x: auto
}

.primary-table.table-type-b>table>tbody>tr>td,.primary-table.table-type-b>table thead>tr>td {
    white-space: nowrap
}

.primary-table.table-type-b>table>tbody>tr>td:first-child,.primary-table.table-type-b>table thead>tr>td:first-child {
    padding-left: 20px
}

.primary-table.table-type-b>table>tbody>tr>td:last-child,.primary-table.table-type-b>table thead>tr>td:last-child {
    padding-right: 20px
}

.primary-table>table {
    overflow: hidden;
    width: 100%;
    border-spacing: 0
}

.primary-table>table>tbody>tr>td {
    height: 78px;
    padding: 0 12px
}

.primary-table>table>tbody>tr>td>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.primary-table>table>tbody>tr>td:first-child {
    padding-left: 8px;
    border-radius: 8px 0 0 8px
}

.primary-table>table>tbody>tr>td:last-child {
    padding-right: 8px;
    border-radius: 0 8px 8px 0
}

.primary-table>table>tbody>tr>td.empty-col {
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0
}

.primary-table>table>thead>tr>td {
    text-transform: uppercase;
    white-space: nowrap;
    height: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 0 12px
}

.primary-table>table>thead>tr>td:first-child {
    padding-left: 8px;
    border-radius: 8px 0 0 8px
}

.primary-table>table>thead>tr>td:last-child {
    padding-right: 8px;
    border-radius: 0 8px 8px 0
}

.asset-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.asset-item-info>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}

.asset-image-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 32px;
    height: 32px
}

.asset-image-balance>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.empty-data-table {
    margin: 8px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 40px
}

.empty-data-table::before {
    width: 60px;
    height: 49px;
    position: relative;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.empty-data-table>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.empty-data-table {
    border-radius: 8px
}

.coin-modal-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.coin-modal-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.coin-modal-image {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.coin-modal-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.coin-modal-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.details-modal-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.coin-modal-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.coin-modal-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.coin-modal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.coin-modal-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.coin-modal-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.coin-modal-info>* {
    margin-bottom: 2px
}

.coin-modal-info>:last-child {
    margin-bottom: 0
}

.details-modal-coins>.balance-value-items {
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.coin-price-change-modal>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.coin-price-change-modal>* {
    margin-bottom: 8px
}

.coin-price-change-modal>:last-child {
    margin-bottom: 0
}

.coin-name-info-modal>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.coin-name-info-modal>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.coin-name-info-modal>* {
    margin-bottom: 8px
}

.coin-name-info-modal>:last-child {
    margin-bottom: 0
}

.head-visual-coin-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

.body-visual-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 140px;
    width: 100%
}

.body-visual-chart>.chart-info {
    height: 100%
}

.visual-coin-chart {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 16px
}

.details-modal-coins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.details-modal-coins>* {
    width: 100%
}

.large-modal-action>.default-button {
    max-width: 100%
}

.set-max-input {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.min-content-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.min-content-modal>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.min-content-modal>.item>p:last-child {
    margin-bottom: 0
}

.total-with-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding: 16px;
    border-radius: 8px
}

.total-with-data>.item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.total-with-data>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.total-with-data>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.message-with-info {
    padding: 12px 16px;
    border-radius: 8px
}

.message-with-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.message-with-info>* {
    margin-bottom: 8px
}

.message-with-info>:last-child {
    margin-bottom: 0
}

.message-with-details>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px
}

.message-with-details>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.message-with-details>* {
    margin-bottom: 4px
}

.message-with-details>:last-child {
    margin-bottom: 0
}

.secondary-select-head {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    border-radius: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.secondary-select-head::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    -webkit-transition: .2s;
    transition: .2s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.secondary-head-info {
    max-width: calc(100% - 40px);
    width: 100%;
    overflow: hidden
}

.secondary-head-info>h1 {
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.secondary-head-info>p,.secondary-head-info h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.secondary-head-info>* {
    margin-bottom: 4px
}

.secondary-head-info>:last-child {
    margin-bottom: 0
}

.secondary-head-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 40px
}

.secondary-head-icon>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.secondary-head-data {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.secondary-body-info {
    overflow: hidden
}

.secondary-body-info>h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.secondary-body-info>p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.secondary-body-info>* {
    margin-bottom: 2px
}

.secondary-body-info>:last-child {
    margin-bottom: 0
}

.secondary-body-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 32px;
    height: 32px;
    position: relative
}

.secondary-body-icon>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.secondary-body-icon>img.mini-icon {
    right: -4px;
    bottom: -4px;
    width: 14px;
    height: 14px;
    position: absolute
}

.secondary-body-data {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    overflow: unset
}

.secondary-body-content {
    border-radius: 0 0 11px 11px;
    max-height: 300px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow-y: auto
}

.secondary-body-content::-webkit-scrikkbar {
    width: 6px;
    height: 6px
}

.secondary-body-content>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    position: relative
}

.secondary-body-content>.item.active::after {
    position: relative;
    content: "";
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px
}

.secondary-select-body {
    border-radius: 12px;
    display: none
}

.secondary-select {
    position: relative
}

.secondary-select.active>.secondary-select-head::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.secondary-select-body {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    right: 0;
    top: calc(100% + 2px)
}

.secondary-search {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.secondary-search>input {
    padding: 0 16px;
    padding-right: 50px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.secondary-search::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    right: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.empty-option {
    padding: 12px
}

.empty-option>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center
}

.balance-deposit-info {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    border-radius: 16px
}

.balance-deposit-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.balance-depoist-data>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    text-align: right
}

.balance-depoist-data>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-align: right
}

.balance-depoist-data>* {
    margin-bottom: 8px
}

.balance-depoist-data>:last-child {
    margin-bottom: 0
}

.deposit-adress-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.deposit-adress-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px
}

.deposit-adress-info>* {
    margin-bottom: 12px
}

.deposit-adress-info>:last-child {
    margin-bottom: 0
}

.default-copy {
    padding: 16px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%
}

.default-copy>p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.adress-qr-adress {
    max-width: 160px;
    width: 100%;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adress-qr-adress>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.default-copy-button {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.deposit-adress-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    border-radius: 16px
}

.deposit-adress-data>* {
    margin-bottom: 24px
}

.deposit-adress-data>:last-child {
    margin-bottom: 0
}

.primary-input>input {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.deposit-verif-status {
    margin-top: 24px
}

.deposit-verif-status:only-child {
    margin-top: 0
}

.deposit-verif-status>p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.witdraw-content-modal>.item {
    margin-bottom: 24px
}

.witdraw-content-modal>.item:last-child {
    margin-bottom: 0
}

.witdraw-content-modal>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.witdraw-content-modal>.item>p:last-child {
    margin-bottom: 0
}

.balance-deposit-data>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    text-align: right
}

.balance-deposit-data>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-align: right
}

.balance-deposit-data>* {
    margin-bottom: 8px
}

.balance-deposit-data>:last-child {
    margin-bottom: 0
}

.paginate-asset {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sort-asset-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.sort-asset-tab>.item {
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 20px;
    border-radius: 90px
}

.sort-asset-tab>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.sort-asset-select,.sort-asset-tab-select {
    max-width: 196px;
    width: 100%
}

.sort-asset-select>.default-select>.head-select,.sort-asset-tab-select>.default-select>.head-select {
    height: 48px
}

.sort-asset-select>.default-select>.body-select>.content-select>.item,.sort-asset-tab-select>.default-select>.body-select>.content-select>.item {
    height: 42px
}

.sort-asset-select>.default-select>.body-select>.content-select>.item>p,.sort-asset-tab-select>.default-select>.body-select>.content-select>.item>p {
    font-size: 14px
}

.primary-asset-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-head-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

.item-head-copy:last-child {
    margin-bottom: 0
}

.item-head-copy>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px
}

.copy-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.item-head-icon {
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 100px
}

.status-info {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 8px;
    border-radius: 43px
}

.status-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.sort-asset-tab-select {
    display: none
}

.icon-head-type>p {
    position: relative;
    gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-head-type>p::before {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.temp-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 4/2;
    border-radius: 24px;
    border: 1px dashed #3772FF
}

.temp-banner>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.primary-trade-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 16px
}

.primary-trade-info>.item {
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.primary-trade-info>.item>.gain-asset::before {
    width: 18px;
    height: 18px
}

.primary-trade-info>.item>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px
}

.primary-trade-info>.item>h1:last-child {
    margin-bottom: 0
}

.primary-trade-info>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px
}

.row-order-vis {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    bottom: 0
}

.row-order-vis+.item {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.trade-live-info {
    overflow: hidden;
    max-width: 416px;
    width: 100%;
    border-radius: 8px
}

.order-book-body {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-book-body.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-book-body>.tbody-order>:first-child.item-tbody-info {
    border-top: 0
}

.row-tbody-order {
    position: relative;
    padding: 0 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.row-tbody-order>.item {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-tbody-order>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right
}

.row-tbody-order>.item:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.thead-order {
    border-top: 1px solid rgba(255,255,255,0);
    padding: 0 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.thead-order>.item {
    padding: 11px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.thead-order>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.thead-order>.item:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.item-tbody-info {
    padding: 10px 16px
}

.item-tbody-info>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.head-trade-live-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.head-trade-live-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.head-trade-live-item>.item {
    padding: 11px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
    position: relative
}

.head-trade-live-item>.item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.head-trade-live-item>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.tbody-order.single-type>.item {
    max-height: 373px
}

.tbody-order>.item {
    max-height: 186px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: orderOpen .4s;
    animation: orderOpen .4s
}

.tbody-order>.item:only-child {
    max-height: 476px
}

.tbody-order>.item>.row-tbody-order {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 24px;
    margin-bottom: 1px
}

.tbody-order>.item>.row-tbody-order:last-child {
    margin-bottom: 0
}

.primary-trade-live {
    min-height: 558px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.trade-live {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px
}

.trade-live>.tradingview-widget-container {
    width: 100%;
    height: 100%
}

.order-book-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-book-view>.item {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center
}

.order-book-view>.item:last-child {
    margin-right: 0
}

.order-book-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-top: 1px solid rgba(255,255,255,0)
}

.trade-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 506px;
    overflow: hidden;
    width: 100%;
    margin-right: 24px;
    border-radius: 16px
}

.head-trade-table {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-trade-table>.item {
    height: 40px;
    border-radius: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 20px;
    margin-right: 8px
}

.head-trade-table>.item:last-child {
    margin-right: 0
}

.head-trade-table>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.body-trade-table {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.body-trade-table>.item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
    overflow-y: auto;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-trade-table>.item>.empty-data-table {
    background: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    border-radius: 0
}

.body-trade-table>.item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-trade-table>.item>table {
    width: 100%;
    border-spacing: 0
}

.body-trade-table>.item>table>thead>tr>td {
    white-space: nowrap;
    padding: 0 16px;
    height: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.body-trade-table>.item>table>tbody>tr>td {
    white-space: nowrap;
    padding: 0 16px;
    height: 58px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.trade-action {
    max-width: 416px;
    width: 100%
}

.head-trade-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px
}

.head-trade-action>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 12px;
    border-radius: 12px;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

.head-trade-action>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.trade-action {
    padding: 16px;
    border-radius: 16px
}

.trade-limit-market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 -16px;
    margin-bottom: 16px
}

.trade-limit-market::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    pointer-events: none
}

.trade-limit-market>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.trade-limit-market>.item::before {
    position: absolute;
    content: "";
    height: 2px;
    opacity: 0;
    pointer-events: none;
    bottom: 0;
    width: 100%
}

.trade-limit-market>.item.active::before {
    opacity: 1
}

.trade-limit-market>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center
}

.body-trade-action {
    margin-top: 8px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-trade-action.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-trade-action.active>.trade-content-item>.action-trade-content.active {
    display: -ms-grid;
    display: grid
}

.action-trade-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.action-trade-fill>.item {
    padding: 13px 16px;
    border-radius: 12px;
    margin-bottom: 8px
}

.action-trade-fill>.item.item-disabled {
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed
}

.action-trade-fill>.item.item-disabled>.item-set-fill>input {
    pointer-events: none
}

.action-trade-fill>.item:last-child {
    margin-bottom: 0
}

.action-trade-fill>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px
}

.item-set-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-set-fill>input {
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-appearance: none;
    border: none;
    background: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.item-set-fill>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.move-content {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.move-content::before {
    position: absolute;
    content: "";
    width: calc(100% - 12px);
    height: 1px;
    left: 6px;
    right: 6px;
    pointer-events: none;
    bottom: 8px
}

.move-content>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.move-content>.item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.move-content>.item>p {
    margin-bottom: 2px;
    position: absolute;
    bottom: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: none
}

.move-content>.item.active>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.action-trade-content {
    display: none;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.action-trade-content.active {
    display: -ms-grid;
    display: grid
}

.action-trade-move>p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.action-trade-move>* {
    margin-bottom: 16px
}

.action-trade-move>:last-child {
    margin-bottom: 0
}

.action-trade-content>.default-button {
    max-width: 100%;
    height: 48px
}

.action-trade-content>.default-button>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.primary-trade-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.primary-trade-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.primary-trade-main>* {
    margin-bottom: 24px
}

.primary-trade-main>:last-child {
    margin-bottom: 0
}

.item-order-book {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.item-order-book.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item-order-book.active>.order-book-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-m {
    height: 48px;
    border-radius: 12px;
    padding: 0 24px
}

.order-book-head>.default-select {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.order-book-head>.default-select>.head-select {
    min-width: 55px;
    gap: 0;
    height: 32px;
    padding: 0 12px
}

.order-book-head>.default-select>.head-select::after {
    width: 16px;
    height: 16px
}

.order-book-head>.default-select>.head-select>p {
    max-width: calc(100% - 16px)
}

.order-book-head>.default-select>.body-select {
    right: 0;
    min-width: 120px
}

.primary-trade-info>.item>.secondary-select.active>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body {
    left: -25px;
    top: calc(100% + 27px);
    min-width: 320px;
    max-width: 320px
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content {
    max-height: 300px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item::after {
    content: none
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data {
    width: 100%
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>h1 {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px
}

.primary-trade-info>.item>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data>.secondary-body-info>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head {
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: none;
    border: none
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head::after {
    content: none
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head>.secondary-head-data {
    gap: 12px
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1 {
    margin: 0;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    position: relative;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-trade-info>.item>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h3 {
    margin-bottom: 6px;
    line-height: 16px;
    font-size: 12px
}

.secondaty-body-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.secondaty-body-price>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px
}

.secondaty-body-price>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right
}

.secondary-body-fav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.secondary-filter-content {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.secondary-filter-content::before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    height: 1px
}

.secondary-filter-content>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    gap: 4px;
    padding: 0 8px;
    position: relative
}

.secondary-filter-content>.item::after {
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s
}

.secondary-filter-content>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center
}

.secondary-thead-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 8px;
    position: relative
}

.secondary-thead-content::before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    height: 1px
}

.secondary-thead-content>.item {
    padding: 0 8px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.secondary-thead-content>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase
}

.fav-type::before {
    position: relative;
    content: "";
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-promotions>h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 12px
}

.primary-promotions>h2:last-child {
    margin-bottom: 0
}

.primary-promotions>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%
}

.primary-promotions>.primary-slides {
    margin-top: 40px
}

.news-items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-column-gap: 24px;
    grid-row-gap: 32px
}

.news-items>.item {
    border-radius: 16px;
    overflow: hidden
}

.new-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 4/2;
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

.new-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.bottom-new {
    padding: 24px
}

.bottom-new>.default-button {
    max-width: 100%
}

.bottom-new>p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.tag-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tag-new:only-child {
    margin-bottom: 0
}

.tag-new>.item {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 16px
}

.tag-new>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.pagination>.item {
    border-radius: 12px;
    padding: 0 16px;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    user-select: none
}

.pagination>.item.disabled {
    cursor: not-allowed
}

.pagination>.item>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.page-info {
    padding: 0 16px;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 4px;
    border-radius: 12px
}

.page-info>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.prev-item::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.next-item::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-news>* {
    margin-bottom: 32px
}

.primary-news>:last-child {
    margin-bottom: 0
}

.new-item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    aspect-ratio: 4/2
}

.new-item-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.new-item-content {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-item-text>p>a {
    color: var(--color-light-d);
}

.new-item-content>* {
    margin-bottom: 24px
}

.new-item-content>:last-child {
    margin-bottom: 0
}

.new-item-content>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px
}

.space-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 80px;
    width: 100%;
    height: 2px;
    pointer-events: none;
    border-radius: 6px
}

.new-item {
    max-width: 856px;
    width: 100%;
    border-radius: 24px;
    overflow: hidden
}

.new-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.new-item-text>* {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.new-social-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.new-social-items>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 38px;
    height: 38px
}

.new-social-items>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.primary-news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-featured {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-featured>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    padding: 32px;
    border-radius: 16px;
    margin-bottom: 16px
}

.content-featured>.item:last-child {
    margin-bottom: 0
}

.image-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.image-feature>img {
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.feature-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.feature-info>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.new-featured {
    margin-left: 24px
}

.new-featured>h1 {
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.new-featured>h1:last-child {
    margin-bottom: 0
}

.top-data-search>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 16px
}

.top-data-search>h1:last-child {
    margin-bottom: 0
}

.top-data-search>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.prices-search {
    isolation: isolate;
    position: relative;
    padding: 56px;
    min-height: 364px;
    border-radius: 24px;
    overflow: hidden
}

.prices-search>.search-type-b {
    margin-top: 40px
}

.search-type-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 380px;
    width: 100%;
    padding: 0 16px;
    border-radius: 12px;
    overflow: hidden
}

.search-type-b>input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-appearance: none;
    background: none;
    height: 56px;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.search-type-b>* {
    margin-right: 10px
}

.search-type-b>:last-child {
    margin-right: 0
}

.search-button {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.image-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1
}

.image-prices>img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover
}

.chart-head {
    width: 140px
}

.table-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px;
    width: 140px
}

.table-chart>.chart-info {
    max-width: 116px;
    width: 100%;
    height: 48px
}

.table-chart>.chart-load::before {
    background: none
}

.table-chart>.chart-load::after {
    width: 20px;
    height: 20px
}

.prices-cryptocurrency>.primary-table>table>tbody>tr>td {
    height: 72px
}

.category-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 140px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.category-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.prices-category-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.prices-category-items>.item {
    -webkit-transition: .2s;
    transition: .2s;
    padding: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.prices-category-items>.item>p {
    -webkit-transition: .2s;
    transition: .2s;
    margin-top: 32px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center
}

.prices-category>h1,.prices-cryptocurrency>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 32px
}

.primary-trade-navigation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    display: none;
    gap: 16px;
    height: 72px;
    margin-top: 16px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    padding: 0 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.primary-trade-navigation>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 74px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 32px 32px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.primary-trade-navigation>.item::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    bottom: 0;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    opacity: 0;
    margin-bottom: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: #FF6628;
    -webkit-transition: .2s;
    transition: .2s
}

.primary-trade-navigation>.item.open::before {
    opacity: 1
}

.responsive-alerts {
    padding: 16px;
    position: fixed;
    z-index: 30;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.responsive-alerts>* {
    margin-bottom: 8px
}

.responsive-alerts>:last-child {
    margin-bottom: 0
}

.item-alert {
    pointer-events: all;
    max-width: 272px;
    width: 100%;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.item-alert::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 62px;
    left: -1px;
    border-radius: 0 3px 3px 0;
    pointer-events: none
}

.item-alert>p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.head-alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.head-alert::before {
    margin-right: 8px;
    position: relative;
    content: "";
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.head-alert>p {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.hide-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.confirm-content {
    border-radius: 24px;
    overflow: hidden;
    z-index: 1;
    position: relative
}

.confirm-info {
    padding: 32px
}

.confirm-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center
}

.confirm-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-align: center
}

.confirm-info>* {
    margin-bottom: 16px
}

.confirm-info>:last-child {
    margin-bottom: 0
}

.confirm-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.confirm-action>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding: 0 24px
}

.confirm-action>.item>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.auth-user {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer
}

.auth-user>img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover
}

.n-read {
    position: relative
}

.n-read::before {
    top: 0;
    right: 0;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none
}

.auth-main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: center;
    align-items: flex-start;
    padding: 24px;
    overflow-y: auto
}

.auth-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 416px;
    width: 100%;
    margin: auto 0px;
}

.auth-content>* {
    margin-bottom: 40px
}

.auth-content>:last-child {
    margin-bottom: 0
}

.auth-content.auth-code-qr {
    max-width: 546px
}

.head-auth-content>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.head-auth-content>p {
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.pass-recover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pass-recover>* {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.auth-fill>.item {
    width: 100%
}

.auth-fill>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.auth-fill>* {
    margin-bottom: 16px
}

.auth-fill>:last-child {
    margin-bottom: 0
}

.message-auth>p {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.auth-action>.default-button {
    max-width: 100%
}

.auth-action>.default-button>p {
    font-weight: 700;
    font-size: 14px
}

.auth-action>* {
    margin-bottom: 24px
}

.auth-action>:last-child {
    margin-bottom: 0
}

.logo-auth-info {
    max-width: 144px;
    width: 100%;
    height: 34px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo-auth-info>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.head-auth-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-auth-action>.item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 24px
}

.head-auth-action>.item:last-child {
    margin-right: 0
}

.head-auth-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.head-auth-info>.modal-header {
    right: 0;
    z-index: 12;
    left: unset;
    top: calc(100% + 10px)
}

.body-auth-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 64px
}

.body-auth-info>p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.body-auth-info>* {
    margin-bottom: 24px
}

.body-auth-info>:last-child {
    margin-bottom: 0
}

.auth-info {
    overflow-y: auto;
    max-width: 640px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.auth-info>.item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.auth-info>.item>* {
    margin-bottom: 40px
}

.auth-info>.item>:last-child {
    margin-bottom: 0
}

.footer-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 220px;
    width: 100%
}

.footer-image>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-head-info>* {
    margin-bottom: 24px
}

.footer-head-info>:last-child {
    margin-bottom: 0
}

.footer-head-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px
}

.footer-time-info>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px
}

.time-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.time-info>.item {
    width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    position: relative;
    margin-right: 40px
}

.time-info>.item:last-child {
    margin-right: 0
}

.time-info>.item>p {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase
}

.time-info>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.auth-verify>p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth-verify>p::after {
    margin-left: 8px;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.auth-verify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 0 6px;
    border-radius: 12px;
    position: relative
}

.auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.verify-toggle {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    border-radius: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 6px
}

.verify-toggle::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    pointer-events: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 20px
}

.auth-user-nav {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.auth-user-nav>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.auth-info-top>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.auth-info-top.large-info>p {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.no-notif {
    padding-top: 24px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.no-notif::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 16px
}

.no-notif>p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px
}

.no-notif {
    min-width: 220px
}

.error-messages {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.error-messages>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.empty-col {
    padding: 0!important
}

.primary-load {
    /* position: fixed; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* z-index: 999999; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.load-icon {
    width: 200px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.primary-refer {
    width: 100%;
    padding: 80px 0
}

.primary-refer>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 64px
}

.refer-items {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.refer-items>.item {
    width: 100%;
    padding: 16px;
    padding-bottom: 24px;
    border-radius: 24px;
    position: relative
}

.refer-items>.item>p {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

.refer-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 8px
}

.refer-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.image-refer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 264px;
    margin-bottom: 16px
}

.image-refer>img {
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.primary-started {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-started>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 24px;
    text-align: center
}

.primary-started>h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px
}

.primary-banner {
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    overflow: hidden
}

.primary-banner>.item {
    position: relative;
    width: 100%
}

.banner-top-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    margin-bottom: 16px
}

.banner-top-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.banner-action {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.banner-info {
    padding: 64px
}

.image-banner {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.image-banner>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.primary-affilate-steps {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 80px 0
}

.primary-affilate-steps>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 8px;
    text-align: center
}

.primary-affilate-steps>.item>h1:last-child {
    margin-bottom: 0
}

.primary-affilate-steps>.item>p {
    max-width: 306px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.primary-affilate {
    padding: 80px 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.primary-affilate>.item {
    width: 100%;
    padding: 40px;
    border-radius: 16px
}

.primary-affilate>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 24px
}

.primary-affilate>.item>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.benefit-details {
    width: 100%
}

.benefit-details>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.benefit-details>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%
}

.benefit-details>p {
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.benef-items {
    margin-top: 40px
}

.benef-items>.item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px
}

.benef-items>.item:last-child {
    margin-bottom: 0
}

.benef-items>.item::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.benef-item-data>h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.benef-item-data>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

.benef-item-data>p>a {
    text-decoration: underline
}

.image-benefit {
    max-width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.image-benefit>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.primary-benefit {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.primary-benefit.reverse-benedit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.primary-benefit>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.primary-affilate-steps {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.primary-affilate-steps>.item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.step-num {
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 32px;
    border-radius: 12px
}

.step-num>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 100px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%
}

.primary-affilate-info {
    padding: 80px 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.primary-affilate-info>.item {
    border-radius: 16px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.primary-affilate-info>.item>h1 {
    max-width: 306px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%
}

.primary-affilate-info>.item>p {
    max-width: 306px;
    width: 100%;
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.listing-fills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.listing-fills>.item {
    width: 100%;
    margin-bottom: 24px
}

.listing-fills>.item:last-child {
    margin-bottom: 0
}

.listing-fills>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.listing-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.listing-data>.item {
    width: 100%
}

.primary-listing {
    padding: 80px 0
}

.listing {
    padding: 40px;
    border-radius: 16px
}

.listing>h1 {
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%
}

.action-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 24px
}

.listing-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.listing-comment>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.fees-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px
}

.fees-items>.item {
    border-radius: 24px;
    padding: 24px;
    width: 100%
}

.fees-items>.item>h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px
}

.fees-items>.item>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px
}

.fees-items>.item>p {
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.primary-fees {
    padding-top: 20px;
    padding-bottom: 80px
}

.primary-fees>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 32px
}

.fees-content>.item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none
}

.fees-content>.item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.couple-data {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.couple-data>.item {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px
}

.couple-data>.item:last-child {
    margin-bottom: 0
}

.primary-table.table-type-b>table>tbody>tr>td {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top
}

.primary-table.table-type-b>table>tbody>tr>td:first-child {
    padding-left: 20px
}

.primary-table.table-type-b>table>tbody>tr>td:last-child {
    padding-right: 20px
}

.primary-table.table-type-b>table>tbody>tr>td>p {
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-table.table-type-b>table>tbody>tr>td>p.high-type {
    font-weight: 700
}

.fees-table {
    margin-top: 32px
}

.primary-vip {
    padding: 80px 0
}

.primary-vip>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 64px
}

.vip-details {
    margin-top: 64px
}

.vip-details>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 16px
}

.vip-details>ol {
    padding-left: 16px
}

.vip-details>ol>li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

.vip-details>ol>li:last-child {
    margin-bottom: 0
}

.upload-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
    gap: 8px
}

.upload-details>.item {
    width: 80px;
    height: 80px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden
}

.upload-details>.item>input {
    display: none
}

.upload-details>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.upload-details>label {
    cursor: pointer
}

.upload-program>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.upload-program>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.fill-program {
    margin-bottom: 24px
}

.fill-program:last-child {
    margin-bottom: 0
}

.fill-program>.listing-comment {
    margin-top: 24px
}

.fill-program>.listing-comment>textarea {
    min-height: 116px
}

.top-fill-program {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.top-fill-program>.item {
    width: 100%
}

.top-fill-program>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 8px
}

.action-program {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.program-vip-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.program-vip-info>h1 {
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px
}

.content-program {
    padding: 40px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.content-program>.item {
    width: 100%
}

.primary-vip-program {
    padding: 80px 0
}

.primary-vip-program>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    text-align: center
}

.primary-vip-program>p {
    margin-bottom: 64px;
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.primary-vip-details {
    padding: 80px 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.primary-vip-details>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 8px
}

.primary-vip-details>.item>p {
    max-width: 306px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.image-vip-detail {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.image-vip-detail>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.vip-app-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    margin-bottom: 16px
}

.vip-app-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.vip-app-platform {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vip-app-platform>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 56px;
    height: 56px;
    margin-right: 24px
}

.vip-app-platform>.item:last-child {
    margin-right: 0
}

.vip-app-platform>.item>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.image-vip-app {
    width: 100%;
    height: 100%
}

.image-vip-app>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.primary-vip-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.primary-vip-app>.item {
    width: 100%
}

.delete-upload {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.secondary-body-data {
    overflow: unset
}

.primary-trade-info-coin {
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.primary-trade-info-coin>.primary-trade-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.coin-trade-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.coin-trade-info>.secondary-select {
    height: 100%
}

.coin-trade-info>.secondary-select>.secondary-select-head {
    height: 100%;
    background: none;
    border: none
}

.coin-trade-info>.secondary-select>.secondary-select-head::after {
    content: none
}

.coin-trade-info>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.coin-trade-info>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 4px
}

.coin-trade-info>.secondary-select>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    position: relative;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.coin-trade-info>.secondary-select.active>.secondary-select-head>.secondary-head-data>.secondary-head-info>h1::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coin-trade-info>.secondary-select>.secondary-select-body {
    width: 343px;
    overflow-x: hidden
}

.coin-trade-info>.secondary-select>.secondary-select-body>.secondary-body-content>.item>.secondary-body-data {
    width: 100%
}

.coin-trade-info>.secondary-select>.secondary-select-body>.secondary-body-content>.item::after {
    content: none
}

.secondary-head-icon {
    position: relative
}

.secondary-head-icon>.mini-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    right: -2px;
    bottom: 0
}

.primary-buy-crypto {
    padding-bottom: 80px
}

.primary-buy-crypto>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    margin-bottom: 16px
}

.primary-buy-crypto>h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.methods-buy {
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(74px,1fr));
    grid-gap: 16px
}

.methods-buy>.item {
    width: 100%;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 4px;
    border-radius: 4px
}

.methods-buy>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain
}

.method-image-action {
    width: 172px
}

.method-image-action>.default-button {
    max-width: 100%;
    padding: 0 10px
}

.method-image-action>.default-button>p {
    font-size: 14px
}

.image-method {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    margin-bottom: 16px
}

.image-method:last-child {
    margin-bottom: 0
}

.image-method>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.method-info {
    margin-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.method-info>h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px
}

.method-info>p {
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.method-buy-action {
    margin-top: 40px
}

.method-buy-action>.item {
    padding: 24px;
    border-radius: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.method-buy-action>.item:last-child {
    margin-bottom: 0
}

.primary-banner.banner-type-b {
    overflow: unset;
    background: none
}

.primary-banner.banner-type-b>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.primary-banner.banner-type-b>.item>.banner-info {
    padding: 0
}

.primary-banner.banner-type-b>.item>.image-banner {
    position: unset;
    height: 352px
}

.primary-affilate.affilate-type-b {
    grid-template-columns: repeat(auto-fill,minmax(306px,1fr))
}

.primary-squad-info {
    padding: 80px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px
}

.primary-squad-info>.item>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 8px
}

.primary-squad-info>.item>h1:last-child {
    margin-bottom: 0
}

.primary-squad-info>.item>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.primary-squad-team {
    padding: 80px 0
}

.squad-team-info {
    margin-bottom: 64px
}

.squad-team-info:last-child {
    margin-bottom: 0
}

.squad-team-info>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 8px
}

.squad-team-info>h1:last-child {
    margin-bottom: 0
}

.squad-team-info>p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.team-user-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 124px;
    height: 124px
}

.team-user-avatar>img {
    border-radius: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.squad-team-peolpe {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(416px,1fr));
    grid-gap: 24px
}

.squad-team-peolpe>.item {
    width: 100%;
    border-radius: 16px;
    padding: 40px
}

.squad-team-peolpe>.item>h1 {
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 4px
}

.squad-team-peolpe>.item>h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.squad-team-peolpe>.item>p {
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.primary-logo-download {
    padding: 80px 0
}

.primary-logo-download>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 64px
}

.logo-download {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px
}

.logo-download>.item {
    border-radius: 16px;
    overflow: hidden;
    height: 280px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px
}

.logo-download>.item>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 72px;
    -o-object-fit: contain;
    object-fit: contain
}

.logo-download>.item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.data-table {
    width: 100%;
    position: relative
}

.data-table::before {
    position: absolute;
    content: "";
    right: 0;
    pointer-events: none;
    width: 54px;
    height: 100%;
    top: 0;
    bottom: 0
}

.primary-table>table>tbody>tr>td {
    -webkit-transition: .2s;
    transition: .2s;
    border-top: 2px solid rgba(255,255,255,0);
    border-bottom: 2px solid rgba(255,255,255,0)
}

.primary-table>table>tbody>tr>td:first-child {
    border-left: 2px solid rgba(255,255,255,0)
}

.primary-table>table>tbody>tr>td:last-child {
    border-right: 2px solid rgba(255,255,255,0)
}

.empty-col {
    border: none!important
}

.hide-modal {
    -webkit-transition: .3s;
    transition: .3s
}

.hide-modal:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal-content,.confirm-content {
    -webkit-animation: fade .4s ease;
    animation: fade .4s ease
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.button-g {
    -webkit-transition: .2s;
    transition: .2s
}

.button-g:hover {
    opacity: .7
}

.auth-info-top>.default-check>.check {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.auth-info-top>.default-check>.check>p {
    white-space: unset;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.secondary-body-content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.tns-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tns-controls {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px
}

.tns-controls>button {
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 100px;
    background-color: rgba(255,255,255,0.08);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px
}

.tns-controls>button:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dark .network-choose {
    background: var(--color-dark-f);
    border: 1px solid var(--color-dark-tr-a)
}

.dark .network-choose>h1 {
    color: var(--color-dark-b)
}

.light .network-choose {
    background: var(--color-light-f);
    border: 1px solid var(--color-light-tr-a)
}

.light .network-choose>h1 {
    color: var(--color-light-j)
}

.network-choose {
    border-radius: 8px;
    padding: 16px
}

.network-choose>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 16px
}

.confirm-action>.item>p {
    -webkit-transition: .2s;
    transition: .2s
}

.light .confirm-action>.item:hover {
    background: var(--color-light-e)
}

.light .confirm-action>.item:hover>p {
    color: var(--color-light-d)
}

.light .default-copy.alert-copy>p {
    color: var(--color-light-g)
}

.dark .confirm-action>.item:hover {
    background: var(--color-dark-e)
}

.dark .confirm-action>.item:hover>p {
    color: var(--color-dark-d)
}

.dark .default-copy.alert-copy>p {
    color: var(--color-dark-g)
}

.news-items>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.bottom-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.bottom-new>.default-button {
    margin-top: auto
}

.default-copy.alert-copy::after {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16C3.6 16 0 12.4 0 8ZM3.59961 8.0001L6.99961 11.4001L12.3996 6.0001L10.9996 4.6001L6.99961 8.6001L4.99961 6.6001L3.59961 8.0001Z' fill='%234FBF67'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px
}
.dark .line-alt::before,
.dark .line-alt::after {
    background: var(--color-dark-tr-a);
}

.dark .line-alt>p {
    color: var(--color-dark-c);
}

.light .line-alt::before,
.light .line-alt::after {
    background: var(--color-light-tr-a);
}

.default-button.alt-button {
    background-color: #FCFCFD;
    border: 1px solid #E0E9FD;
}

.default-button.alt-button>p {
    color: #23262F;
}

.light .line-alt>p {
    color: var(--color-light-c);
}

.alt-icon {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    margin-right: 12px;
    background-position: center;
    background-size: contain;
}

.alt-icon>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.alt-button {
    max-width: 100%;
    height: 48px;
    border-radius: 12px;
}

.alt-button>p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.alternative-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.alternative-items>.item {
    margin-bottom: 16px;
}

.alternative-items>.item:last-child {
    margin-bottom: 0;
}

.line-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.line-alt::before,
.line-alt::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1px;
}

.line-alt>p {
    margin: 0px 14px;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.alternative-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.alternative-auth>* {
    margin-bottom: 16px;
}

.alternative-auth>*:last-child {
    margin-bottom: 0;
}

.google-i {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8055 10.0415H21V10H12V14H17.6515C16.827 16.3285 14.6115 18 12 18C8.6865 18 6 15.3135 6 12C6 8.6865 8.6865 6 12 6C13.5295 6 14.921 6.577 15.9805 7.5195L18.809 4.691C17.023 3.0265 14.634 2 12 2C6.4775 2 2 6.4775 2 12C2 17.5225 6.4775 22 12 22C17.5225 22 22 17.5225 22 12C22 11.3295 21.931 10.675 21.8055 10.0415Z' fill='%23FFC107'/%3E%3Cpath d='M3.15234 7.3455L6.43784 9.755C7.32684 7.554 9.47984 6 11.9993 6C13.5288 6 14.9203 6.577 15.9798 7.5195L18.8083 4.691C17.0223 3.0265 14.6333 2 11.9993 2C8.15834 2 4.82734 4.1685 3.15234 7.3455Z' fill='%23FF3D00'/%3E%3Cpath d='M12.0002 22.0003C14.5832 22.0003 16.9302 21.0118 18.7047 19.4043L15.6097 16.7853C14.5719 17.5745 13.3039 18.0014 12.0002 18.0003C9.39916 18.0003 7.19066 16.3418 6.35866 14.0273L3.09766 16.5398C4.75266 19.7783 8.11366 22.0003 12.0002 22.0003Z' fill='%234CAF50'/%3E%3Cpath d='M21.8055 10.0415H21V10H12V14H17.6515C17.2571 15.1082 16.5467 16.0766 15.608 16.7855L15.6095 16.7845L18.7045 19.4035C18.4855 19.6025 22 17 22 12C22 11.3295 21.931 10.675 21.8055 10.0415Z' fill='%231976D2'/%3E%3C/svg%3E%0A");
}

.apple-i {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8311 0.190892C11.4968 1.00076 10.0603 2.88525 9.98056 5.24244C9.9616 5.80226 9.9616 5.80226 10.4354 5.77391C12.6148 5.64361 14.667 3.22725 14.6921 0.761907C14.7012 -0.132056 14.7221 -0.118239 13.8311 0.190892ZM14.1832 5.45081C13.899 5.48884 13.3837 5.60509 13.0381 5.70912C10.2807 6.53908 10.5475 6.52185 8.54015 6.00062C1.25354 4.10875 -2.35388 11.0774 1.67642 19.2597C3.78783 23.5461 5.54033 24.6764 8.40448 23.5991C10.1487 22.943 10.78 22.9438 12.7859 23.6039C14.8843 24.2945 15.7607 24.1237 17.1122 22.7613C18.739 21.1214 20.5067 17.6996 19.8651 17.4324C16.5599 16.0558 15.9231 11.3399 18.668 8.56705C19.5226 7.70382 19.4909 7.8115 19.0423 7.29591C17.8474 5.9224 15.9736 5.21084 14.1832 5.45081Z' fill='%2323262F'/%3E%3C/svg%3E%0A");
}

.twitter-i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3933 2.40255C23.6169 2.74031 22.8007 2.97551 21.9649 3.10233C22.3557 3.03461 22.9307 2.32354 23.1595 2.03573C23.5073 1.6016 23.7723 1.10599 23.9411 0.574101C23.9411 0.534597 23.9802 0.478164 23.9411 0.449947C23.9214 0.43908 23.8993 0.433386 23.8769 0.433386C23.8545 0.433386 23.8324 0.43908 23.8127 0.449947C22.9051 0.946801 21.9392 1.32601 20.9378 1.57862C20.9029 1.5894 20.8657 1.59037 20.8303 1.58142C20.7949 1.57247 20.7626 1.55394 20.7368 1.52783C20.6588 1.434 20.5749 1.3454 20.4856 1.26259C20.0771 0.89264 19.6137 0.58985 19.1123 0.365296C18.4355 0.0845823 17.7044 -0.0369888 16.9743 0.00976414C16.2658 0.0549945 15.5742 0.247089 14.9423 0.574101C14.3201 0.918867 13.7732 1.38724 13.3346 1.95108C12.8732 2.53142 12.5401 3.20491 12.3576 3.92626C12.2072 4.61241 12.1902 5.32157 12.3074 6.01431C12.3074 6.13282 12.3074 6.14975 12.2069 6.13282C8.22667 5.54026 4.96098 4.11249 2.2926 1.04814C2.17537 0.912703 2.11396 0.912703 2.01906 1.04814C0.857928 2.83145 1.42175 5.65313 2.87317 7.04704C3.06855 7.23327 3.26952 7.41386 3.48165 7.58316C2.81618 7.5354 2.16697 7.35309 1.57247 7.04704C1.46083 6.97368 1.39942 7.01318 1.39384 7.14862C1.37801 7.33639 1.37801 7.52519 1.39384 7.71296C1.51032 8.61285 1.86113 9.46532 2.41039 10.1832C2.95965 10.9011 3.68766 11.4586 4.51997 11.7988C4.72287 11.8866 4.93428 11.9528 5.15078 11.9963C4.53472 12.1189 3.90288 12.138 3.28068 12.0527C3.14671 12.0245 3.09646 12.0979 3.14671 12.2277C3.96732 14.485 5.7481 15.1735 7.05437 15.5572C7.23301 15.5855 7.41165 15.5855 7.61261 15.6306C7.61261 15.6306 7.61261 15.6306 7.57912 15.6645C7.19393 16.3755 5.63645 16.8552 4.9219 17.1035C3.61768 17.5771 2.22713 17.7581 0.846763 17.634C0.62905 17.6001 0.578809 17.6058 0.522985 17.634C0.467161 17.6622 0.522985 17.7243 0.584391 17.7807C0.86351 17.967 1.14263 18.1306 1.43291 18.2886C2.29709 18.7651 3.2107 19.1436 4.15712 19.4173C9.05845 20.783 14.5738 19.7785 18.2526 16.0821C21.1443 13.1814 22.1603 9.18023 22.1603 5.17344C22.1603 5.02107 22.3445 4.93078 22.4506 4.85177C23.1822 4.27552 23.8271 3.59499 24.3653 2.83145C24.4586 2.71763 24.5063 2.57272 24.4993 2.42512C24.4993 2.34047 24.4993 2.3574 24.3933 2.40255Z' fill='%2333CCFF'/%3E%3C/svg%3E%0A");
}

.facebook-i {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1853 13.4992L11.8168 9.15772H7.92632V6.33578C7.92632 5.14867 8.46947 3.98869 10.2063 3.98869H12V0.29169C10.9554 0.111481 9.89997 0.0139881 8.8421 0C5.64 0 3.54947 2.08253 3.54947 5.84737V9.15772H0V13.4992H3.54947V24H7.92632V13.4992H11.1853Z' fill='%23337FFF'/%3E%3C/svg%3E%0A");
}

.slides-line-items {
    width: 100%;
}

.slides-line-items > .item-content > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    aspect-ratio: 4/2;
    background: #777E90;
    border-radius: 8px;
    overflow: hidden;
}
.slides-line-items > .item-content > .item > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.primary-slides-line {
    margin: 0px -48px;
    border-radius: 8px;
    overflow: hidden;
}
.primary-slides-line > .tns-outer {
    border-radius: 0;
    padding: 0 48px !important;
    padding-bottom: 27px !important;
}
.primary-slides-line > .tns-outer > .tns-controls {
    padding: 0;
}
.primary-slides-line > .tns-outer > .tns-nav {
    bottom: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.primary-slides-line > .tns-outer > .tns-ovh {
    width: 100%;
}
.dark .bonus-switch {
    background: var(--color-dark-e);
}
.dark .bonus-switch > .item > p {
    color: var(--color-dark-b);
}
.dark .bonus-switch > .item.active {
    background: var(--color-dark-d);
}
.dark .bonus-val {
    background: var(--color-dark-tr-a);
}
.dark .bonus-val > h1 {
    color: var(--color-dark-b);
}
.dark .bonus-val > p {
    color: var(--color-dark-c);
}
.dark .bonus-val > span {
    color: var(--color-dark-e);
}
.dark .bonus-name {
    width: 100%;
}
.dark .bonus-name > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-dark-b);
    margin-bottom: 4px;
}
.dark .bonus-name > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-dark-c);
}
.dark .top-bonus-balance > h1 {
    color: var(--color-dark-b);
}
.dark .top-bonus-balance > p {
    color: var(--color-dark-b);
}
.dark .progress-b {
    background: var(--color-dark-tr-a);
    border: 1px solid var(--color-dark-tr-a);
}
.dark .progress-b-status {
    background: var(--color-dark-d);
}
.dark .bonuus-progress > p {
    color: var(--color-dark-c);
}
.dark .bonus-expired > h1 {
    color: var(--color-dark-c);
}
.dark .bonus-expired > p {
    color: var(--color-dark-b);
}
.dark .bonus-items {
    background: var(--color-dark-f);
}
.dark .bonus-items > .item {
    border-top: 1px solid var(--color-dark-tr-a);
}
.dark .bonus-status > .button-e {
    background: var(--color-dark-tr-a);
}
.dark .bonus-rule > h1 {
    color: var(--color-dark-b);
}
.dark .bonus-rule-content > * {
    color: var(--color-dark-c);
}
@media screen and (max-width: 1440px) {
    .dark .bonus-items > .item {
        background: var(--color-dark-f);
    }
}

.light .button-g.get-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9L9 15' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15V9H9' stroke='%23191B21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.light .bonus-switch {
    background: var(--color-light-e);
}
.light .bonus-switch > .item > p {
    color: var(--color-light-j);
}
.light .bonus-switch > .item.active {
    background: var(--color-light-d);
}
.light .bonus-switch > .item.active > p {
    color: var(--color-light-a);
}
.light .bonus-val {
    background: var(--color-light-tr-a);
}
.light .bonus-val > h1 {
    color: var(--color-light-j);
}
.light .bonus-val > p {
    color: var(--color-light-c);
}
.light .bonus-val > span {
    color: var(--color-light-j);
}
.light .bonus-name {
    width: 100%;
}
.light .bonus-name > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-light-j);
    margin-bottom: 4px;
}
.light .bonus-name > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-light-c);
}
.light .top-bonus-balance > h1 {
    color: var(--color-light-j);
}
.light .top-bonus-balance > p {
    color: var(--color-light-j);
}
.light .progress-b {
    background: var(--color-light-tr-a);
    border: 1px solid var(--color-light-tr-a);
}
.light .progress-b-status {
    background: var(--color-light-d);
}
.light .bonuus-progress > p {
    color: var(--color-light-c);
}
.light .bonus-expired > h1 {
    color: var(--color-light-c);
}
.light .bonus-expired > p {
    color: var(--color-light-j);
}
.light .bonus-items {
    background: var(--color-light-f);
}
.light .bonus-items > .item {
    border-top: 1px solid var(--color-light-tr-a);
}
.light .bonus-status > .button-e {
    background: var(--color-light-tr-a);
}
.light .bonus-rule > h1 {
    color: var(--color-light-j);
}
.light .bonus-rule-content > * {
    color: var(--color-light-c);
}
@media screen and (max-width: 1440px) {
    .light .bonus-items > .item {
        background: var(--color-light-f);
    }
}

.bonus-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 8px;
    border-radius: 65px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0px auto;
    gap: 4px;
}
.bonus-switch > .item {
    padding: 0px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 90px;
}
.bonus-switch > .item > p {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

.bonus-val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1px;
    padding: 4px 8px;
    border-radius: 8px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 130px;
    width: 100%;
    position: relative;
}
.bonus-val > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
}
.bonus-val > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.bonus-val > span {
    position: absolute;
    top: -18px;
    right: -16px;
    height: 26px;
    padding: 0px 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6628), to(#FFA800));
    background: linear-gradient(180deg, #FF6628 0%, #FFA800 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 12px 12px 12px 0px;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    line-height: 24px;
}

.bonus-name {
    width: 100%;
}
.bonus-name > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.bonus-name > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.bonus-balance {
    max-width: 362px;
    width: 100%;
}

.top-bonus-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
    gap: 8px;
}
.top-bonus-balance > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.top-bonus-balance > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.progress-b {
    max-width: 160px;
    width: 100%;
    height: 8px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 18px;
}

.progress-b-status {
    border-radius: 0px 10px 10px 0;
    position: absolute;
    height: 100%;
}

.bonuus-progress {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
}
.bonuus-progress > p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.bonus-expired {
    max-width: 160px;
    width: 100%;
}
.bonus-expired > h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.bonus-expired > p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.bonus-items {
    padding: 40px;
    border-radius: 16px;
}
.bonus-items > .item {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bonus-rule {
    padding-bottom: 80px;
}
.bonus-rule > h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 8px;
}

.bonus-rule-content > * {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.modal-content.banner-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    border: none;
    background: none;
    overflow: hidden;
    padding: 0;
}

.banner-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.banner-modal > img {
    pointer-events: none;
    -webkit-user-drag: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.bonus-status {
    max-width: 140px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.empty-col {
    border-radius: 8px !important;
}

.primary-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 64px;
}
.primary-bonus > .primary-asset {
    margin-bottom: 80px;
}

.vou-i::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8 8L16 9.2L9.2 16L8 14.8L14.8 8ZM4 4H20C21.11 4 22 4.89 22 6V10C21.4696 10 20.9609 10.2107 20.5858 10.5858C20.2107 10.9609 20 11.4696 20 12C20 12.5304 20.2107 13.0391 20.5858 13.4142C20.9609 13.7893 21.4696 14 22 14V18C22 19.11 21.11 20 20 20H4C3.46957 20 2.96086 19.7893 2.58579 19.4142C2.21071 19.0391 2 18.5304 2 18V14C3.11 14 4 13.11 4 12C4 11.4696 3.78929 10.9609 3.41421 10.5858C3.03914 10.2107 2.53043 10 2 10V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4ZM4 6V8.54C4.60768 8.8904 5.11236 9.39466 5.46325 10.0021C5.81415 10.6094 5.9989 11.2985 5.9989 12C5.9989 12.7015 5.81415 13.3906 5.46325 13.9979C5.11236 14.6053 4.60768 15.1096 4 15.46V18H20V15.46C19.3923 15.1096 18.8876 14.6053 18.5367 13.9979C18.1858 13.3906 18.0011 12.7015 18.0011 12C18.0011 11.2985 18.1858 10.6094 18.5367 10.0021C18.8876 9.39466 19.3923 8.8904 20 8.54V6H4ZM9.5 8C10.33 8 11 8.67 11 9.5C11 10.33 10.33 11 9.5 11C8.67 11 8 10.33 8 9.5C8 8.67 8.67 8 9.5 8ZM14.5 13C15.33 13 16 13.67 16 14.5C16 15.33 15.33 16 14.5 16C13.67 16 13 15.33 13 14.5C13 13.67 13.67 13 14.5 13Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1440px) {
    .bonus-status {
        max-width: 100%;
    }
    .bonus-status > * {
        max-width: 100%;
        width: 100%;
    }
    .bonus-items {
        padding: 0;
        background: none !important;
        gap: 16px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .bonus-items > .item {
        border-radius: 16px;
        padding: 32px 24px;
        border-top: none !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .bonus-items > .item > * {
        max-width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .bonus-switch > .item > p {
        font-size: 14px;
    }
    .primary-bonus {
        gap: 40px;
    }
    .primary-bonus > .primary-asset {
        margin-bottom: 0;
    }
    .bonus-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .primary-bonus {
        grid-gap: 30px;
    }
}


.head-widget {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
}
.head-widget > h1 {
    color: #191B21;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.hide-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 24px;
    height: 24px;
    border-radius: 51px;
    background-color: rgba(31, 33, 40, 0.08);
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37695 4L12.377 12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.377 4L4.37695 12' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.chat-widget {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    padding: 20px;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
}

.chat-widget>.widget>.item {
    box-shadow: none;
}

.open-widget {
    pointer-events: all;
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 40px;
    background-color: #3772FF;
    -webkit-box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5951 15.0509H11.635C11.083 15.0509 10.635 14.6029 10.635 14.0509C10.635 13.4989 11.083 13.0509 11.635 13.0509H20.5951C21.1471 13.0509 21.5951 13.4989 21.5951 14.0509C21.5951 14.6029 21.1471 15.0509 20.5951 15.0509ZM16.0791 20.2535H11.5644C11.0124 20.2535 10.5644 19.8055 10.5644 19.2535C10.5644 18.7015 11.0124 18.2535 11.5644 18.2535H16.0791C16.6311 18.2535 17.0777 18.7015 17.0777 19.2535C17.0777 19.8055 16.6311 20.2535 16.0791 20.2535ZM24.9591 7.01749C22.5684 4.62016 19.3897 3.29883 16.0044 3.29883C12.6177 3.29883 9.43502 4.62016 7.04436 7.01749C3.30302 10.7722 2.28302 16.5335 4.49369 21.3242C4.74836 21.9589 4.91502 22.4029 4.91502 22.7789C4.91502 23.2229 4.72702 23.7775 4.54436 24.3135C4.19102 25.3522 3.78969 26.5309 4.64836 27.3909C5.51102 28.2562 6.68969 27.8509 7.73102 27.4895C8.26036 27.3069 8.80702 27.1189 9.23902 27.1162C9.62836 27.1162 10.115 27.3122 10.679 27.5402C12.371 28.3229 14.1777 28.7029 15.9737 28.7029C19.2764 28.7029 22.5377 27.4162 24.9591 24.9869C29.8977 20.0322 29.8977 11.9708 24.9591 7.01749Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
}
.open-widget.active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7071 7.29289C8.31658 6.90237 7.68341 6.90237 7.29289 7.29289C6.90237 7.68341 6.90237 8.31658 7.29289 8.7071L14.5857 16L7.29289 23.2929C6.90237 23.6835 6.90237 24.3165 7.29289 24.7071C7.68341 25.0976 8.31658 25.0976 8.7071 24.7071L16 17.4143L23.2929 24.7071C23.6835 25.0976 24.3165 25.0976 24.7071 24.7071C25.0976 24.3165 25.0976 23.6835 24.7071 23.2929L17.4143 16L24.7071 8.7071C25.0976 8.31658 25.0976 7.68341 24.7071 7.29289C24.3165 6.90237 23.6835 6.90237 23.2929 7.29289L16 14.5857L8.7071 7.29289Z' fill='white'/%3E%3C/svg%3E%0A");
}

.widget {
    overflow: auto;
    max-width: 320px;
    max-height: 640px;
    height: 100%;
    width: 100%;
    pointer-events: all;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    pointer-events: none;
}
.widget.active {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.widget > .item {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    border-radius: 16px;
    border: 1px solid rgba(228, 228, 228, 0.08);
    background: #FFF;
    -webkit-box-shadow: 0px 4px 36px -2px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 36px -2px rgba(0, 0, 0, 0.25);
}
.widget > .item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bottom-widget {
    padding: 16px;
}
.bottom-widget > .default-button {
    max-width: 100%;
    height: 40px;
    border-radius: 8px;
}

.body-widget {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.default-input.wig-type {
    padding: 0px 12px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid rgba(31, 33, 40, 0.08);
    background: #FFF;
    color: #191B21;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.16px;
}
.default-input.wig-type::-webkit-input-placeholder {
    color: #191B21;
}
.default-input.wig-type::-moz-placeholder {
    color: #191B21;
}
.default-input.wig-type:-ms-input-placeholder {
    color: #191B21;
}
.default-input.wig-type::-ms-input-placeholder {
    color: #191B21;
}
.default-input.wig-type::placeholder {
    color: #191B21;
}
.default-input.wig-type:focus {
    border: 1px solid #1F2128;
}

.info-ticket {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 24px;
}
.info-ticket > .item {
    position: relative;
}
.info-ticket > .item > p {
    top: -8px;
    left: 10px;
    z-index: 1;
    padding: 0px 2px;
    background: #FFF;
    position: absolute;
    color: #777E90;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.12px;
}
.info-ticket > .item.mx-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.info-ticket > .item.mx-item > textarea {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.default-textarea.wig-type {
    padding: 13px 12px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid rgba(31, 33, 40, 0.08);
    background: #FFF;
    color: #191B21;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.16px;
}
.default-textarea.wig-type::-webkit-input-placeholder {
    color: #191B21;
}
.default-textarea.wig-type::-moz-placeholder {
    color: #191B21;
}
.default-textarea.wig-type:-ms-input-placeholder {
    color: #191B21;
}
.default-textarea.wig-type::-ms-input-placeholder {
    color: #191B21;
}
.default-textarea.wig-type::placeholder {
    color: #191B21;
}
.default-textarea.wig-type:focus {
    border: 1px solid #1F2128;
}

.default-select.wig-type > .body-select {
    z-index: 3;
    border-radius: 8px;
    border: 1px solid rgba(31, 33, 40, 0.08);
    background: #FFF;
    -webkit-box-shadow: 0px 16px 32px -8px rgba(31, 31, 31, 0.24);
            box-shadow: 0px 16px 32px -8px rgba(31, 31, 31, 0.24);
}
.default-select.wig-type > .body-select > .content-select > .item {
    height: 32px;
    padding: 0px 12px;
}
.default-select.wig-type > .body-select > .content-select > .item:hover {
    background: rgba(31, 33, 40, 0.08);
}
.default-select.wig-type > .body-select > .content-select > .item > p {
    color: #191B21;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.14px;
}
.default-select.wig-type > .head-select {
    height: 42px;
    border-radius: 8px;
    border: 1px solid rgba(31, 33, 40, 0.08);
    background: #FFF;
    padding: 0px 12px;
}
.default-select.wig-type > .head-select > p {
    color: #191B21;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.16px;
}
.default-select.wig-type > .head-select::after {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 10L4 6' stroke='%23191B21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.default-select.wig-type.active > .head-select {
    border: 1px solid #1F2128;
}

.send-ask {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4354 2.58198C20.9352 2.0686 20.1949 1.87734 19.5046 2.07866L3.408 6.75952C2.6797 6.96186 2.16349 7.54269 2.02443 8.28055C1.88237 9.0315 2.37858 9.98479 3.02684 10.3834L8.0599 13.4768C8.57611 13.7939 9.24238 13.7144 9.66956 13.2835L15.4329 7.4843C15.723 7.18231 16.2032 7.18231 16.4934 7.4843C16.7835 7.77623 16.7835 8.24935 16.4934 8.55134L10.72 14.3516C10.2918 14.7814 10.2118 15.4508 10.5269 15.9702L13.6022 21.0538C13.9623 21.6577 14.5826 22 15.2628 22C15.3429 22 15.4329 22 15.513 21.9899C16.2933 21.8893 16.9135 21.3558 17.1436 20.6008L21.9156 4.52479C22.1257 3.84028 21.9356 3.09537 21.4354 2.58198Z' fill='%233772FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.widget-ask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.widget-ask > input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    border: none;
    outline: none;
    font-weight: 400;
    line-height: 24px;
    color: #191B21;
}
.widget-ask > input::-webkit-input-placeholder {
    color: #777E90;
}
.widget-ask > input::-moz-placeholder {
    color: #777E90;
}
.widget-ask > input:-ms-input-placeholder {
    color: #777E90;
}
.widget-ask > input::-ms-input-placeholder {
    color: #777E90;
}
.widget-ask > input::placeholder {
    color: #777E90;
}

.messages > .item {
    max-width: 246px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.messages > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #777E90;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.messages > .item > h1 {
    color: #191B21;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
.messages > .item.me {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: auto;
}
.messages > .item.me > .mess-items > .item {
    border-radius: 8px 8px 0px 8px;
    background: #3772FF;
}
.messages > .item.me > .mess-items > .item > * {
    color: #FFF;
}

.mess-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.mess-items > .item {
    padding: 8px 12px;
    border-radius: 8px 8px 8px 0px;
    background: #F4F5F5;
}
.mess-items > .item > * {
    color: #191B21;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.widget-messages {
    border-top: 1px solid #EFEFF1;
    border-bottom: 1px solid #EFEFF1;
    padding: 12px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.widget-messages::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.widget-messages::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    border-radius: 5px;
}
.widget-messages::-webkit-scrollbar-track-piece {
    background: rgba(255, 255, 255, 0);
    border-radius: 5px;
}
.widget-messages::-webkit-scrollbar-thumb {
    background: #DFDFE2;
    border: 3px solid #FFF;
    border-radius: 12px;
}
.widget-messages::-webkit-scrollbar-corner {
    background: #DFDFE2;
    border-radius: 12px;
}
.widget-messages::-webkit-resizer {
    background: #DFDFE2;
    border-radius: 12px;
}

.group-date {
    padding: 8px 0;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.group-date::before, .group-date::after {
    content: "";
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1px;
    background: rgba(31, 33, 40, 0.08);
}
.group-date > p {
    white-space: nowrap;
    color: #777E90;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
.dark .head-sw-info.cen-va > p {
    color: var(--color-dark-c);
}
.dark .head-sw-info > h1 {
    color: var(--color-dark-b);
}
.dark .head-sw-info > p {
    color: var(--color-dark-b);
}
.dark .item-sw-mav > .item > p {
    color: var(--color-dark-c);
}
.dark .item-sw-mav > .item.active > p {
    color: var(--color-dark-b);
}
.dark .content-sw-mav > .item > h1 {
    color: var(--color-dark-b);
}
.dark .content-sw-item > p {
    color: var(--color-dark-c);
}

.light .head-sw-info.cen-va > p {
    color: var(--color-light-c);
}
.light .head-sw-info > h1 {
    color: var(--color-light-j);
}
.light .head-sw-info > p {
    color: var(--color-light-j);
}
.light .item-sw-mav > .item > p {
    color: var(--color-light-c);
}
.light .item-sw-mav > .item.active > p {
    color: var(--color-light-j);
}
.light .content-sw-mav > .item > h1 {
    color: var(--color-light-j);
}
.light .content-sw-item > p {
    color: var(--color-light-c);
}

.sw-tmof {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}

.item-sw-mav {
    max-width: 194px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.item-sw-mav > .item > p {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.content-sw-mav {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.content-sw-mav > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.content-sw-mav > .item > h1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.content-sw-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
.content-sw-item > p {
    color: #777E90;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .sw-tmof {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .item-sw-mav {
        max-width: 100%;
        overflow-x: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .item-sw-mav > .item {
        white-space: nowrap;
    }
}
.head-sw-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.head-sw-info.cen-va {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.head-sw-info.cen-va > p {
    max-width: 856px;
}
.head-sw-info > h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.head-sw-info > p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media screen and (max-width: 1444px) {
    .head-sw-info {
        gap: 8px;
    }
    .head-sw-info > h1 {
        font-size: 36px;
        font-weight: 700;
        line-height: 40px;
    }
    .head-sw-info > p {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
    }
}