.input-copy-wrapper .input-group {
    cursor: pointer;
    overflow: hidden
}

.input-copy-wrapper .input-group .copy-input {
    background: #0000;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 21px;
    font-weight: 700;
    padding: 0;
    text-align: center
}

.input-copy-wrapper .input-group .copy-input:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.input-copy-wrapper .input-group .input-group-text {
    background-color: #0000;
    border: none;
    padding: 0
}

.input-copy-wrapper.link-input .input-group .copy-input {
    font-size: 14px;
    font-weight: 700
}

.deposit-modal .modal-content {
    background-color: #fff;
    border-radius: 25px;
    min-height: 300px
}

.deposit-modal .modal-content .close {
    background: none;
    border: none;
    color: #e2e8f0;
    cursor: pointer;
    font-size: 30px;
    margin: 0;
    padding: 0
}

.deposit-modal .modal-content .transaction-container {
    margin: 0 auto;
    max-width: 1800px;
    padding-left: 15px;
    padding-right: 15px
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-form-block {
    background: #fff;
    border-radius: 12px;
    min-height: 300px;
    padding: 20px 15px
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 20px 15px
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .ttpay-input {
    background: #f7fafc;
    color: #e53935;
    font-size: 41px;
    font-weight: 700;
    height: 110px;
    text-align: center
}

@media(min-width:992px) {
    .deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .ttpay-input {
        font-size: 56px
    }
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block label {
    color: #ccc
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .text-deposit-block {
    color: #000;
    font-size: 16px;
    padding: 20px 0;
    text-align: center
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .bold-text {
    font-weight: 700
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .deposit-value-block {
    display: flex;
    flex-direction: column
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .deposit-value-block .qr-code-wrapper {
    background: #fff;
    border-radius: 12px;
    display: inline;
    margin: 0 auto 30px;
    max-width: 189px;
    padding: 10px
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .deposit-value-block .input-copy-wrapper .input-group {
    border: 1px solid #0d99ff;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
    padding: 10px
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .deposit-value-block .input-copy-wrapper .input-group .copy-input {
    color: #0d99ff;
    cursor: pointer;
    font-size: 16px;
    text-align: center
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .deposit-value-block .input-copy-wrapper .input-group .input-group-text {
    background-color: #fff;
    border: none
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .attention-block {
    border: 1px solid #0d99ff;
    border-radius: 12px;
    color: #d2c50a;
    margin-top: 20px;
    padding: 10px;
    text-align: center
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency {
    border: none;
    margin-bottom: 20px;
    width: 100%
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status {
    background-color: #1d3156;
    border: none;
    border-radius: 12px;
    color: #fff;
    height: calc(3.5rem + 2px)
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status:focus .css-6wp6pb-MuiOutlinedInput-notchedOutline,
.deposit-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status:hover .css-6wp6pb-MuiOutlinedInput-notchedOutline {
    border: 1px solid #0d99ff;
    box-shadow: none;
    outline: none
}

.deposit-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .MuiOutlinedInput-notchedOutline {
    border: none
}

.balances-header-new {
    background-color: #202427;
    border-radius: 20px;
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 8px 8px;
    position: relative
}

@media(max-width:576px) {
    .balances-header-new {
        margin: 0 4px 4px
    }
}

.balances-header-new {
    padding: 30px
}

.balances-header-new .balances-background-wrapper {
    height: 100%;
    justify-content: end;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.balances-header-new .balances-background-wrapper .balances-background {
    height: 100%;
    object-fit: cover;
    opacity: .5;
    width: 100%
}

.balances-header-new .balances-header-content-wrapper {
    position: relative;
    z-index: 1
}

.balances-header-new .balances-header-content-wrapper .balance-text * {
    color: #fff;
    display: block;
    font-size: 14px
}

.balances-header-new .balances-header-content-wrapper .balance-text .balances-title,
.balances-header-new .balances-header-content-wrapper .balance-text .balances-title * {
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700
}

.balances-header-new .balances-header-content-wrapper .balance-text .balances-title * .nowrap,
.balances-header-new .balances-header-content-wrapper .balance-text .balances-title .nowrap {
    white-space: nowrap
}

.balances-header-new .balances-header-content-wrapper .balance-text .balances-title * svg,
.balances-header-new .balances-header-content-wrapper .balance-text .balances-title svg {
    display: inline-block;
    height: 24px;
    margin-top: 2px;
    vertical-align: top;
    width: 24px
}

.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-deposit,
.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-withdraw {
    border-radius: 7px;
    box-sizing: initial;
    font-size: 10px;
    width: 100px
}

.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-deposit svg,
.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-withdraw svg {
    height: 14px
}

.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-deposit {
    background-color: #fff;
    color: #202427
}

.balances-header-new .balances-header-content-wrapper .balances-header-buttons .bhb-withdraw {
    background-color: #0000;
    border-color: #fff
}

@media(max-width:576px) {
    .balances-header-new {
        padding: 20px
    }
}

.white-block {
    background-color: #fff;
    box-shadow: 0 5px 14px 0 #0000000d;
    margin: 8px
}

@media(max-width:576px) {
    .white-block {
        margin: 4px
    }
}

.white-block {
    border-radius: 20px;
    padding: 20px
}

@media(max-width:768px) {
    .white-block {
        border-radius: 12px;
        padding: 12px
    }
}

@media(max-width:576px) {
    .white-block {
        padding: 12px 8px
    }
}

.white-block .white-block-title {
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700
}

.withdrawal-modal .modal-content {
    background-color: #fff;
    border-radius: 25px
}

.withdrawal-modal .modal-content .close {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 30px;
    margin: 0;
    padding: 0
}

.withdrawal-modal .modal-content .transaction-container {
    margin: 0 auto;
    max-width: 1800px;
    padding-left: 15px;
    padding-right: 15px
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .transaction-form-block {
    background: #fff;
    border-radius: 12px;
    min-height: 300px;
    padding: 20px 15px
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 20px 15px
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block .ttpay-input {
    background: #fff;
    color: #000
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .transaction-calculation-block label {
    color: #ccc
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency {
    border: none;
    margin-bottom: 20px;
    width: 100%
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status {
    background-color: #fff;
    border: none;
    border-radius: 12px;
    color: #000;
    height: calc(3.5rem + 2px)
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status:focus .css-6wp6pb-MuiOutlinedInput-notchedOutline,
.withdrawal-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .transaction-search-status:hover .css-6wp6pb-MuiOutlinedInput-notchedOutline {
    border: 1px solid #0d99ff;
    box-shadow: none;
    outline: none
}

.withdrawal-modal .modal-content .transaction-container .transaction-row-block .withdrawal-change-currency .MuiOutlinedInput-notchedOutline {
    border: none
}

.withdrawal-modal .modal-content .transaction-container .transaction-table-block {
    background: #0d182f;
    border: 2px solid #0600f9;
    border-radius: 12px;
    margin-top: 50px;
    padding: 20px 15px
}

.withdrawal-modal .modal-content .transaction-container .transaction-table-block .transaction-table {
    color: #fff
}

.white-block.trader-header {
    display: flex;
    margin-bottom: 8px;
    margin-top: 0;
    min-height: 72px;
    padding-bottom: 0;
    padding-top: 0
}

@media(max-width:1200px) {
    .white-block.trader-header {
        min-height: 58px
    }
}

.white-block.trader-header .balance-select-elem {
    align-items: center;
    display: flex;
    gap: 8px
}

.white-block.trader-header .balance-select-button {
    align-items: center;
    display: flex;
    gap: 6px;
    max-width: 240px;
    width: 240px
}

.white-block.trader-header .balance-select-icon {
    flex-shrink: 0
}

.white-block.trader-header .balance-select-text {
    flex: 1 1 auto;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.white-block.trader-header .balance-menu-left {
    align-items: center;
    display: flex;
    gap: 6px
}

.white-block.trader-header .balance-menu-currency-icon {
    flex-shrink: 0
}

@media(max-width:768px) {
    .white-block.trader-header .balance-select-button {
        max-width: 160px;
        width: 160px
    }

    .white-block.trader-header .balance-select-text {
        font-size: 12px
    }
}

.white-block.trader-header .elem,
.white-block.trader-header .trader-header-user-menu {
    align-items: center;
    display: inline-flex;
    padding: 0 20px
}

@media(max-width:1200px) {

    .white-block.trader-header .elem,
    .white-block.trader-header .trader-header-user-menu {
        padding: 0 12px
    }
}

.white-block.trader-header .elem:first-child,
.white-block.trader-header .trader-header-user-menu:first-child {
    padding-left: 0
}

.white-block.trader-header .elem:last-child,
.white-block.trader-header .trader-header-user-menu:last-child {
    padding-right: 0
}

.white-block.trader-header .white-block-title {
    flex-grow: 1;
    margin-left: 8px
}

@media(max-width:576px) {
    .white-block.trader-header .white-block-title {
        display: none
    }
}

.white-block.trader-header .balance,
.white-block.trader-header .exchange-rates {
    align-items: center;
    column-gap: 16px;
    display: inline-grid;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content)
}

.white-block.trader-header .balance .balance-button,
.white-block.trader-header .balance .exchange-rates-button,
.white-block.trader-header .exchange-rates .balance-button,
.white-block.trader-header .exchange-rates .exchange-rates-button {
    grid-row: 1/span 2
}

.white-block.trader-header .balance .balance-title,
.white-block.trader-header .balance .exchange-rates-title,
.white-block.trader-header .exchange-rates .balance-title,
.white-block.trader-header .exchange-rates .exchange-rates-title {
    align-self: end;
    display: block;
    font-weight: 700
}

.white-block.trader-header .balance .balance-text,
.white-block.trader-header .balance .exchange-rates-text,
.white-block.trader-header .exchange-rates .balance-text,
.white-block.trader-header .exchange-rates .exchange-rates-text {
    align-self: start;
    color: var(--bs-primary);
    column-gap: 4px;
    display: inline-flex;
    font-weight: 700
}

@media(max-width:1200px) {

    .white-block.trader-header .balance,
    .white-block.trader-header .exchange-rates {
        grid-template-columns: -webkit-max-content;
        grid-template-columns: max-content
    }

    .white-block.trader-header .balance :where(.balance-title, .exchange-rates-title, .balance-text, .exchange-rates-text):not(.tooltip *),
    .white-block.trader-header .exchange-rates :where(.balance-title, .exchange-rates-title, .balance-text, .exchange-rates-text):not(.tooltip *) {
        display: none
    }
}

.white-block.trader-header .balance-button,
.white-block.trader-header .bell-button,
.white-block.trader-header .exchange-rates-button {
    height: 40px;
    width: 40px
}

@media(max-width:1200px) {

    .white-block.trader-header .balance-button,
    .white-block.trader-header .bell-button,
    .white-block.trader-header .exchange-rates-button {
        height: 34px;
        width: 34px
    }
}

.white-block.trader-header .balance-button,
.white-block.trader-header .bell-button,
.white-block.trader-header .exchange-rates-button {
    --bs-btn-bg: var(--body-background-color-dark);
    align-items: center;
    border-color: var(--body-background-color-dark);
    display: flex;
    justify-content: center
}

.white-block.trader-header .balance,
.white-block.trader-header .exchange-rates,
.white-block.trader-header .trader-header-user-menu {
    border-left: 1px solid var(--body-color-lightest)
}

.white-block.trader-header .trader-header-user-menu .user-menu-button {
    align-items: center;
    column-gap: 2px;
    display: flex;
    height: 40px
}

@media(max-width:1200px) {
    .white-block.trader-header .trader-header-user-menu .user-menu-button {
        height: 34px
    }
}

.white-block.trader-header .trader-header-user-menu .user-menu-button {
    padding: 0;
    text-decoration: none
}

.white-block.trader-header .trader-header-user-menu .user-menu-button .user-icon {
    height: 40px;
    width: 40px
}

@media(max-width:1200px) {
    .white-block.trader-header .trader-header-user-menu .user-menu-button .user-icon {
        height: 34px;
        width: 34px
    }
}

.white-block.trader-header .trader-header-user-menu .user-menu-button .user-icon {
    align-items: center;
    border-radius: var(--bs-btn-border-radius);
    display: flex;
    justify-content: center
}

.white-block.trader-header .trader-header-user-menu .user-menu-button .user-icon svg {
    height: 24px;
    width: 24px
}

.white-block.trader-header .trader-header-user-menu .user-menu-button:hover .user-icon {
    background-color: var(--bs-primary);
    color: #fff
}

.white-block.trader-header .trader-header-user-menu .user-menu-button .user-name {
    color: #fff;
    font-weight: 700;
    margin-left: 4px
}

@media(max-width:1200px) {
    .white-block.trader-header .trader-header-user-menu .user-menu-button .user-name {
        display: none
    }
}

.white-block.trader-header .trader-header-user-menu .user-menu-button .expand-more-icon {
    height: 20px;
    width: 20px
}

@media(max-width:1200px) {
    .white-block.trader-header .trader-header-user-menu .user-menu-button .expand-more-icon {
        display: none
    }
}

/*# sourceMappingURL=2163.60c5c80c.chunk.css.map*/