@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@import url(https://fonts.cdnfonts.com/css/helvetica-neue-55);
@import url(https://fonts.cdnfonts.com/css/segoe-ui-4);
@import url(https://fonts.cdnfonts.com/css/roboto);
@import url(https://fonts.cdnfonts.com/css/open-sans);
@import url(https://fonts.cdnfonts.com/css/oxygen);
@import url(https://fonts.cdnfonts.com/css/cantarell);
@import url(https://fonts.cdnfonts.com/css/helvetica-neue-55);
@import url(https://fonts.cdnfonts.com/css/segoe-ui-4);
@import url(https://fonts.cdnfonts.com/css/roboto);
@import url(https://fonts.cdnfonts.com/css/open-sans);
@import url(https://fonts.cdnfonts.com/css/oxygen);
@import url(https://fonts.cdnfonts.com/css/cantarell);
@import url(https://fonts.cdnfonts.com/css/helvetica-neue-55);
@import url(https://fonts.cdnfonts.com/css/segoe-ui-4);
@import url(https://fonts.cdnfonts.com/css/roboto);
@import url(https://fonts.cdnfonts.com/css/open-sans);
@import url(https://fonts.cdnfonts.com/css/oxygen);
@import url(https://fonts.cdnfonts.com/css/cantarell);
@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900|Open+Sans:400,600);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(e603c690f754c70654004a753c17b60b.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueCyrBold';
  src: url(50475e9398305457c4ead55941b10a0f.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueCyrLight';
  src: url(307781839e3e303ff49b223dc242baac.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Bold';
  src: url(6dddddc0b4726becc525fc7794cfcf6b.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-BoldObl';
  src: url(1636d83d92a3f0fe3b6ceb2d6d704a77.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Book';
  src: url(0d987efe9bc0b858a7bc0367c2d5922c.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Demi';
  src: url(cc2af0787cb4b6579c8de6cdb7e0ec19.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-DemiObl';
  src: url(f1c52f0223d3590a23ab46f1a842926b.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-ExtraBold';
  src: url(c999cbc4fc7c2f563ac1c68072823706.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-ExtraBoldObl';
  src: url(05a35faaff84442e557157df7597c995.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Heavy';
  src: url(8b9416a7a903a8734f22e4fd043f74e9.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-HeavyObl';
  src: url(505ba927ca14f78ee751f16acc4fb591.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Light';
  src: url(c7f1106be884b5027c6d93deec8ca00a.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-LightObl';
  src: url(3e5135bd678f5b5cb4c6b32926e46dd0.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-Medium';
  src: url(540c81bc4ca37ae1efe4b60de51e753f.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPT-MediumObl';
  src: url(f90c9809d9d4b016f83e11504701cf5d.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-Bold';
  src: url(7ede65733dacdd6975db06e7e2f06d84.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-BoldObl';
  src: url(e24d9a9d51b6ca7e400c97d9a7e93d3b.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-Book';
  src: url(f85738dcbde9166d12d053ba6ae5a01b.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-ExtraBold';
  src: url(24f1af89556b236a6b84fdd0dff80d9d.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-ExtraBoldObl';
  src: url(15401b2b2c77b17d695e53d5139f3652.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-Medium';
  src: url(a2a7debca6b8988db5f0dbe382789707.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaPTCond-MediumObl';
  src: url(07cab374c27a0df130764a3aac4785dd.ttf) format('truetype');
  font-display: swap;
}
* {
    box-sizing: border-box;
}
.main__left-trading-view_21xCP {
    width: 90%;
}
.main__right-trading-view_3hba2 {
    width: 10%;
}
.main__container_2MJY_ {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.react-datepicker {
        background: rgb(47 52 74) !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

        .react-datepicker select {
            font-size: 0.844rem;
            color: rgba(166, 177, 220, 0.5);
            margin-top: 4px;
            background: none;
            border: none;
            cursor: pointer;
        }

        /* appearance: none; */

        .react-datepicker select::-webkit-scrollbar {
                width: 2px;
                height: 2px;
                background: rgb(96,105,137);
            }

        /* -moz-appearance: none; */

        .react-datepicker select::-webkit-scrollbar-thumb {
                background: rgb(166,177,220);
                border-radius: 10px;
            }

        /* -webkit-appearance: none; */

        .react-datepicker select::-ms-expand {
                display: none;
            }

        .react-datepicker select:focus {
                outline: none !important;
            }

        .react-datepicker select:checked {
            outline: none !important;
            border: none !important;
        }

        .react-datepicker select:checked::-webkit-scrollbar {
                width: 2px;
                height: 2px;
                background: rgb(96,105,137);
            }

        .react-datepicker select:checked::-webkit-scrollbar-thumb {
                background: rgb(166,177,220);
                border-radius: 10px;
            }

        .react-datepicker option {
            border: none !important;
            background: rgb(47,52,74);
        }

        .react-datepicker option:focus {
                outline: none;
            }

        .react-datepicker option::-webkit-scrollbar {
                width: 2px;
                height: 2px;
                background: rgb(96,105,137);
            }

        .react-datepicker option::-webkit-scrollbar-thumb {
                background: rgb(166,177,220);
                border-radius: 10px;
            }
    .react-datepicker__triangle {
        border-bottom-color: #22273A !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
    }
    .react-datepicker__triangle::before {
            border-bottom-color: rgba(0, 0, 0, 0.15) !important;
        }
    .react-datepicker__header {
        background-color: #22273A !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
        border-bottom: none !important;
    }
    .react-datepicker__header .react-datepicker__current-month {
            color: #F8F8F8 !important;
        }
    .react-datepicker__day {
        color: rgba(166, 177, 220, 0.5) !important;

        outline: none !important;
    }
    .react-datepicker__day:hover {
            background-color: #22273A !important;
        }
    .react-datepicker__day--keyboard-selected {
        background-color: #202434 !important;
        color: #F8F8F8 !important;
    }
    .react-datepicker__day--keyboard-selected:hover {
            background-color: #22273A !important;
        }
    .react-datepicker__day-name {
        color: rgba(166, 177, 220, 0.5) !important;
    }
    .react-datepicker__day--selected {
        background: #161A2A !important;
        color: #F8F8F8 !important;
    }
    .react-datepicker__navigation--previous {
        border-right-color: #A6B1DC !important;
        outline: none !important;
    }
    .react-datepicker__navigation--previous:hover {
            border-right-color: rgba(166, 177, 220, 0.5) !important;
        }
    .react-datepicker__navigation--next {
        border-left-color: #A6B1DC !important;
        outline: none !important;
    }
    .react-datepicker__navigation--next:hover {
            border-left-color: rgba(166, 177, 220, 0.5) !important;
        }
    .react-datepicker__day-names .react-datepicker__day-name {
            color: #f8f8f8 !important;
        }
    @media(max-width: 920px) {
    .react-datepicker-wrapper {
            width: 100% !important
    }
        }
    .react-datepicker__year-dropdown--scrollable,
    .react-datepicker__month-dropdown--scrollable,
    .react-datepicker__month-year-dropdown--scrollable {
        height: 50px !important;
        overflow-y: scroll;
    }
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view--down-arrow {
        top: 8px !important;
        left: 3px;
        border-top-color: #A6B1DC !important;
    }
    .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
            border-top-color: #dedbdb !important;
        }
    .react-datepicker__month-read-view--selected-month,
    .react-datepicker__year-read-view--selected-year {
        color: #dedbdb !important;
    }
    .react-datepicker__year-option,
    .react-datepicker__month-option,
    .react-datepicker__month-year-option {
        color: rgba(166, 177, 220, 0.5) !important;
        font-family: FuturaPT-Medium;
    }
    .react-datepicker__year-option:hover,
    .react-datepicker__month-option:hover,
    .react-datepicker__month-year-option:hover {
        background: #161a2a85 !important;
    }
    .react-datepicker__year-dropdown,
    .react-datepicker__month-dropdown,
    .react-datepicker__month-year-dropdown {
        background-color: rgb(47,52,74) !important;
        border: 1px solid #161A2A !important;
    }
    .react-datepicker__navigation--years-upcoming.react-datepicker-wrapper {
        border-bottom-color: #A6B1DC !important;
    }
    .react-datepicker__navigation--years-upcoming {
        border-bottom-color: #A6B1DC !important;
    }
    .react-datepicker__year-option
    .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option
    .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option
    .react-datepicker__navigation--years-previous{
        border-top-color: #A6B1DC !important;
    }


.Header__root_3JU09 {
    background: #0B0A1A;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    position: relative;
    height: 100%;
    border-bottom: 2px solid #282637;
    max-height: 84px;
    z-index: 12;
    font-family: SF Pro Display, sans-serif;
}

@media screen and (max-width: 768px){

.Header__root_3JU09 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center
}
    }

.Header__root_3JU09 .Header__headernavbtns_2xDNR{
        display: flex;
        flex-direction: row;
        width: 25%;
        gap: 28px;
        margin-right: 27px;
    }

@media(max-width: 768px) {

.Header__root_3JU09 .Header__headernavbtns_2xDNR{
            width:100%
    }
        }

.Header__root_3JU09 .Header__headerflex_right_1Eo6j{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

@media(max-width: 1024px) {

.Header__root_3JU09 {
    flex-direction: row-reverse;
    padding-right: 0px;
    z-index: 13
}
}

@media(max-width: 756px) {

.Header__root_3JU09 {
    padding: 0;
    padding-left: 14px
}
}

@media(max-width: 544px) {

.Header__root_3JU09 {
    max-height: 56px;
    position: -webkit-sticky;
    position: sticky
}
}

@media(max-height: 544px) {

.Header__root_3JU09 {
    max-height: 56px;
    position: -webkit-sticky;
    position: sticky
}
}
.Header__logo_IFz5p {
    width: 120px; margin-top: 20px;
}
@media screen and (max-width: 768px){
.Header__logo_IFz5p {
        margin-top: 10px
}
    }
@media(max-width: 1024px) {
.Header__logo_IFz5p {
    /* display: none; */
}
}
.Header__timeLangWrapper_2IwwA {
    display: flex;
    align-items: center;
}
.Header__langLink_HD_oP {
    text-decoration: none;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 500;
    color: rgba(166, 177, 220, 0.5);
}
.Header__langLink_HD_oP:hover{
         color: rgba(166, 177, 220, 0.9);
         cursor: pointer;
     }
.Header__activeLangLink_26JcE {
    text-decoration: none;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 500;
    color: white;
    cursor: pointer;
}
.Header__activeLangLink_26JcE:hover{
         color: white;
     }
.Header__iconStick_wD_7m {
    color: #A6B1DC;
    font-size: 20px;
    margin-top: -4px;
}
.Header__langBlock_1h_p4 {
    margin-right: 30px;
    display: flex;
    align-items: center;

}
.Header__timeContainer_15ei3 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.99);
    cursor: default;
    max-width: 114px;
    width: 100%;
}
.Header__timeContainer_15ei3 .Header__timeIcon_343PH {
    margin-right: 8px;
}
.Header__timeContainer_15ei3 .Header__timeInnerContainer_10WQe {
    width: 61px;
    margin: auto;
}
.Header__timeContainer_15ei3 .Header__timeInnerContainer_10WQe .Header__time_12wjj {
    margin-right: 6px;
    font-size: 16px;
    line-height: 21px;
}
.Header__timeContainer_15ei3 .Header__timeFormat_2la1A {
    font-size: 12px;
    line-height: 15px;
    margin-top: 4px;
}
@media(max-width: 1024px) {
.Header__timeContainer_15ei3 {
    display: none
}
}
.Header__depositButton_20GEY img{    padding: 8px;}
.Header__depositButton_20GEY p {color:#fff !important;}
p.Header__depositButton_20GEY {color: #fff !important;}
.Header__depositButton_20GEY {
    margin-right: 10px;
    margin-left: 10px;
    background: #3A52F9;
    border-radius: 100px;
    width: 110px;
    height: 40px;

    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width: 544px) {
.Header__depositButton_20GEY {
    font-size: 9px;
    line-height: 15px;
    margin-right: 0px;
    height: 36px;
    width: 48px;
    padding: 8px;
    border-radius:3px
}
}
@media(max-height: 544px) {
.Header__depositButton_20GEY {
    font-size: 12px;
    line-height: 15px;
    margin-right: 0px;
    height: 36px
}
}

.Header__mobileNavBarItems_1nRLW{
    display: none;
}

@media(max-width: 1024px) {

.Header__mobileNavBarItems_1nRLW{
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}
}

@media(max-width: 1024px) {

.Header__buyAndSellContainer_J_8YZ {
    display: none
}
}

.Header__accountButton_2Q9NI img{    padding: 8px;}
.Header__accountButton_2Q9NI p {color:#4768BA !important;}
p.Header__accountButton_2Q9NI {color: #4768BA !important;}
.Header__accountButton_2Q9NI {
    background: #201F32;
    border-radius: 100px;
    width: 110px;
    height: 40px;

    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #4768BA;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width: 544px) {
.Header__accountButton_2Q9NI {
    font-size: 9px;
    line-height: 15px;
    margin-right: 0px;
    height: 36px;
    width: 48px;
    padding: 8px;
    border-radius:3px
}
}

.Header__root_3JU09 {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    border-top: 1px solid #282637;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transition: all .5s ease;
    z-index: 12;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

@media(max-width: 1024px){

.Header__root_3JU09 {
        z-index: 10
}
        
    }

@media(max-width: 544px) {

.Header__root_3JU09 {
        height: 56px;
        position: -webkit-sticky;
        position: sticky
}
    }

@media(max-height: 544px) {

.Header__root_3JU09 {
        height: 56px;
        position: -webkit-sticky;
        position: sticky
}
    }

.Header__rootContainer_2Zyhy {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.Header__rootContainer_2Zyhy {
        width: 100%;
        padding-right: 0;
        z-index: 1
}
    }

.Header__footerOrderContainer_3BuCk {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.Header__footerOrderContainer_3BuCk {
        width: 100vw
}
    }

.Header__leftContainer_DKEzC {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    /*margin-right: 70px;*/
    background: #0B0A1A;
    z-index: 1;
}

.Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P {
        display: flex;
        /* color: rgba(248, 248, 248, 0.75); */
        padding: 7px 36px;
        align-items: center;
        /* height: 100%; */
        transition: all .3s ease;
        position: relative;
        background: #221F32;
        margin-left: 10px;
        color: #fff;
        border-radius: 100px;
    }

.Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P:last-child {
            color: #fff;
        }

.Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P:not(:last-child){
            cursor: pointer;
        }

.Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P:not(:last-child):hover {
                background: #3E51F4;
            }

.Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P::after {
            background: #3E51F4;
            color: #fff;
        }

.Header__leftContainer_DKEzC .Header__itemValue_1urVF {
        color: rgba(248, 248, 248, 0.5);
        margin-left: 8px;
    }

@media(max-width: 1440px) {

.Header__leftContainer_DKEzC {
        margin-right: 20px
}

        .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P {
            padding: 7px 18px;
        }

            .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P:last-child {
                display: none;
            }
    }

@media(max-width: 1024px) {

.Header__leftContainer_DKEzC {
        margin-right: 0;
        width: 100%
}

        .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P {
            width: 50%;
            justify-content: center;
        }

            .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P::after {
                bottom: 0;
                top: initial;
            }
    }

@media(max-width: 1024px) {
        .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P {
            flex-direction: column;
        }

            .Header__leftContainer_DKEzC .Header__leftContainerItem_19Q-P .Header__itemValue_1urVF {
                margin-left: 0;
            }
    }

.Header__middleContainer_2Tke1 {
    display: flex;
    align-items: center;
    overflow: auto;
}

.Header__middleContainer_2Tke1::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

.Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr {
        padding: 8px 18px;
        display: block;
        text-align: left;
        font-family: SF Pro Display, sans-serif;
        font-size: 13px;
        line-height: 21px;
        font-weight: 700;
        letter-spacing: 0.01em;
        color: #59566E;
        margin-right: 2px;
        white-space: nowrap;
    }

.Header__middleContainer_2Tke1 .Header__buttonItem_3tZNj {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        font-weight: 100;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #F8F8F8;
        white-space: nowrap;
    }

.Header__middleContainer_2Tke1 .Header__pu_25bRl {
        display: none;
    }

@media(max-width: 1024px) {

.Header__middleContainer_2Tke1 {
        position: fixed;
        width: 100%;
        bottom: 66px;
        display: flex;
        overflow: auto;
        background: #0B0A1A;
        z-index: 11
}


        .Header__middleContainer_2Tke1::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr {
            width: 33.333334%;
            margin-right: 0;
        }

        .Header__middleContainer_2Tke1 .Header__pu_25bRl {
            display: flex;
            background: #161A2A;
            min-width: 100%;
        }

            .Header__middleContainer_2Tke1 .Header__pu_25bRl span {
                color: rgba(248, 248, 248, 0.5);
            }

        .Header__middleContainer_2Tke1 .Header__facilities_2igwB {
            background: rgb(58,64,86);
            min-width: 100%;
        }

        .Header__middleContainer_2Tke1 .Header__pledge_2yNYI {
            background: rgb(77,70,50);
            min-width: 100%;
        }

        .Header__middleContainer_2Tke1 .Header__free_1Hsin {
            background: rgb(30,63,55);
            min-width: 100%;
        }
    }

@media(max-width: 544px) {

.Header__middleContainer_2Tke1 {
        bottom: 56px
}

        .Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr {
            font-size: 12px;
            font-weight: 100;
            line-height: 15px;
            padding: 4px 12px;
        }

            .Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr span {
                font-size: 12px;
                line-height: 15px;
            }

        .Header__middleContainer_2Tke1 .Header__pu_25bRl {
            min-width: 100%;
        }

        .Header__middleContainer_2Tke1 .Header__facilities_2igwB {
            min-width: 100%;
        }

        .Header__middleContainer_2Tke1 .Header__pledge_2yNYI {
            min-width: 100%;
        }

        .Header__middleContainer_2Tke1 .Header__free_1Hsin {
            min-width: 100%;
        }
    }

@media(max-height: 544px) {

.Header__middleContainer_2Tke1 {
        bottom: 56px
}

        .Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr {
            font-size: 12px;
            line-height: 15px;
            padding: 4px 12px;
        }

            .Header__middleContainer_2Tke1 .Header__middleContainerButton_px4rr span {
                font-size: 12px;
                line-height: 15px;
            }

        .Header__middleContainer_2Tke1 .Header__pu_25bRl {
            min-width: 102px;
        }

        .Header__middleContainer_2Tke1 .Header__facilities_2igwB {
            min-width: 139px;
        }

        .Header__middleContainer_2Tke1 .Header__pledge_2yNYI {
            min-width: 108px;
        }

        .Header__middleContainer_2Tke1 .Header__free_1Hsin {
            min-width: 149px;
        }
    }

.Header__rightContainer_pxdjq {
    display: flex;
    align-items: center;
}

.Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s ease;
    }

.Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf path {
            transition: all .3s ease;
        }

.Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf:first-child {
            margin-right: 44px;
        }

.Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf:hover {
            background: #161A2A;
        }

.Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf:hover path {
                fill: #F8F8F8;
            }

.Header__rightContainer_pxdjq .Header__activeButton_2252n {
        background: #161A2A;
    }

.Header__rightContainer_pxdjq .Header__activeButton_2252n path {
            fill: #F8F8F8;
        }

@media(max-width: 1440px) {
            .Header__rightContainer_pxdjq .Header__buttonContainer_1Puzf:first-child {
                margin-right: 20px;
            }
    }

@media(max-width: 1120px) {

.Header__rightContainer_pxdjq {
        display: none
}
    }

@media(max-width: 1024px) {

.Header__rightContainer_pxdjq {
        display: none
}
    }

.Header__footerOpenContainer_3nSWr {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.Header__footerOpenContainer_3nSWr {
        height: unset
}
    }

@media(max-width: 544px) {

.Header__footerOpenContainer_3nSWr {
        top: 51px
}
    }

@media(max-height: 544px) {

.Header__footerOpenContainer_3nSWr {
        top: 51px;
        overflow: hidden
}
    }

.Header__openPositionSlide_GymaO, .Header__closePositionSlide_3gkqB {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.Header__openPositionSlide_GymaO::-webkit-scrollbar, .Header__closePositionSlide_3gkqB::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

.Header__openPositionSlide_GymaO::-webkit-scrollbar-thumb, .Header__closePositionSlide_3gkqB::-webkit-scrollbar-thumb {
        background: rgba(166, 177, 220, 0.5);
        border-radius: 10px;
    }

.Header__openPositionSlide_GymaO::-webkit-scrollbar-thumb:hover, .Header__closePositionSlide_3gkqB::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

@media(max-width: 1024px) {

.Header__openPositionSlide_GymaO, .Header__closePositionSlide_3gkqB {
        align-items: flex-start;
        overflow: auto;
        height: calc(100vh - 252px);
        width: 100vw
}

        .Header__openPositionSlide_GymaO::-webkit-scrollbar, .Header__closePositionSlide_3gkqB::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }
    }

@media(max-width: 544px) {

.Header__openPositionSlide_GymaO, .Header__closePositionSlide_3gkqB {
        height: calc(100vh - 191px)
}
    }

@media(max-height: 544px) {

.Header__openPositionSlide_GymaO, .Header__closePositionSlide_3gkqB {
        height: calc(100vh - 191px)
}
    }

.Header__footerContentVisible_3xuY1 {
    -webkit-transform: translateY(-17vh);
            transform: translateY(-17vh);
}

@media(max-width: 1024px) {

.Header__footerContentVisible_3xuY1 {
        -webkit-transform: translateY(calc(-100vh + 150px));
                transform: translateY(calc(-100vh + 150px))
}
    }

@media(max-width: 544px) {

.Header__footerContentVisible_3xuY1 {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(max-height: 544px) {

.Header__footerContentVisible_3xuY1 {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(min-width: 1024px) {

.Header__footerContentVisibleFullSize_2TdNx {
        -webkit-transform: translateY(calc(-100vh + 150px)) !important;
                transform: translateY(calc(-100vh + 150px)) !important;
        height: calc(100vh - 149px) !important
}
    }

@media(min-width: 1024px) {

.Header__footerRootContainerFullSize_2VLPP {
        -webkit-transform: translateY(calc(-100vh + 149px)) !important;
                transform: translateY(calc(-100vh + 149px)) !important
}
    }

.Header__footerHeaderTable_11K4G {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.Header__footerHeaderTable_11K4G {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 23;
        background: rgb(11 10 26)
}
    }

.Header__footerRowsContainer_3p5s8 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.Header__footerRowsContainer_3p5s8 {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
}
    }

.Header__itemNum_2K0xk {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.Header__itemCreateDate_5-ijO {
    min-width: 124px;
}

.Header__itemCloseDate_3E4Ox {
    min-width: 124px;
}

.Header__itemAsset_3NwjJ {
    min-width: 148px;
}

.Header__itemAsset_3NwjJ .Header__firstImg_ZROnl {
        margin-right: 8px;
    }

.Header__itemAsset_3NwjJ .Header__secondImg_Tlf9r {
        margin-left: 7px;
    }

.Header__itemAmount_1N4Qu {
    min-width: 106px;
}

.Header__itemPledge_1Zfay {
    min-width: 112px;
}

.Header__itemOpeningRate_1Xaxb {
    min-width: 149px;
}

.Header__itemClosingRate_3eDF8 {
    min-width: 186px;
}

.Header__itemProfit_39h-C {
    min-width: 117px;
}

.Header__itemCommission_pzMHr {
    min-width: 70px;
}

.Header__itemClosingDate_1YExH {
    min-width: 113px;
}

.Header__itemDiffRate_1bd9e {
    margin-left: 9px;
}

.Header__footerItemTable_C7XAV {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.Header__footerItemTable_C7XAV:hover {
        background: #22273A;
    }

.Header__footerItemTable_C7XAV .Header__itemAmount_1N4Qu, .Header__footerItemTable_C7XAV .Header__itemCommission_pzMHr, .Header__footerItemTable_C7XAV .Header__itemPledge_1Zfay {
        color: #A6B1DC;
    }

.Header__footerItemTable_C7XAV .Header__itemClosingDate_1YExH {
        justify-content: flex-end;
        padding-right: 16px;
        cursor: pointer;
    }

@media(max-width: 1024px) {

.Header__footerItemTable_C7XAV {
        width: 100%
}
    }

.Header__footerItems_2FA72 {
    display: flex;
    align-items: center;

}

.Header__activePositionButton_31Hsy {
    background: #3E51F4 !important;
    color: #fff !important;
    position: relative;
}

.Header__activePositionButton_31Hsy::after {
        opacity: 1 !important;
    }

.Header__rootLeftColumn_1SPGT {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.Header__rootLeftColumn_1SPGT {
        display: none
}
    }

.Header__rootLeftColumnShow_VATua {
    height: calc(44vh + 66px);
}

.Header__rootLeftFullSize_F08Gh {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.Header__rootLeftFullSize_F08Gh {
        transition-delay: -5s
}
    }

.Header__openPositionSlide_GymaO .Header__footerHeaderTable_11K4G .Header__itemCommission_pzMHr {
            min-width: 91px;
        }

.Header__openPositionSlide_GymaO .Header__footerHeaderTable_11K4G .Header__itemClosingDate_1YExH {
            min-width: 205px;
        }

.Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__itemCommission_pzMHr {
            min-width: 128px;
        }

.Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__itemClosingDate_1YExH {
            font-family: SF Pro Display, sans-serif;;
            font-weight: 600;
            font-size: 16px;
            line-height: 21px;
            text-align: center;
            color: #A6B1DC;
            white-space: nowrap;
            width: auto;
            padding: 0 28px;
            min-width: 168px;
        }

.Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__itemClosingDate_1YExH:hover {
                background: #161A2A;
            }

.Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__itemClosingDate_1YExH .Header__arrowIcons_3-64L {
                display: flex;
                height: 100%;
            }

.Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__activeItemTable_26zC0 {
            background: #22273A;;
        }

@media(max-width: 1024px) {
            .Header__openPositionSlide_GymaO .Header__footerRowsContainer_3p5s8 .Header__itemCommission_pzMHr {
                min-width: 91px;
            }
            .Header__openPositionSlide_GymaO .Header__footerHeaderTable_11K4G .Header__itemClosingDate_1YExH {
                min-width: 168px;
            }
    }

.Header__activeClosingData_1d2vB {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.Header__activeClosingData_1d2vB img {
        margin-left: 20px;
        cursor: pointer;
    }

.Header__activeItemCommission_1z1uZ {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.Header__activeItemCommission_1z1uZ {
        min-width: 54px !important
}
    }

.Header__closeDealButton_3kqU3 {
    height: 100%;
    display: flex;
    align-items: center;
}


.Header__mobileOperations_3BzXi {
    display: flex;
}


.Header__mobileOperations_3BzXi path {
        transition: all .3s ease;
    }


@media(max-width: 1024px) {


.Header__mobileOperations_3BzXi {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
        background: #0B0A1A;
        cursor: pointer
}
    }


@media(max-width: 544px) {


.Header__mobileOperations_3BzXi {
        border-top: none
}
    }

.Header__mobileAssetsButton_1UrUz {
    display: none;
}

@media(max-width: 1024px) {

.Header__mobileAssetsButton_1UrUz {
        width: 100%;
        display: flex;
        justify-content: center;
        position: fixed;
        bottom: 0;
        height: 66px;
        background: #0B0A1A;
        z-index: 12
}
    }

@media(max-width: 544px) {

.Header__mobileAssetsButton_1UrUz {

        height: 56px;
        position: fixed;
        width: 100vw
}
    }

@media(max-height: 544px) {

.Header__mobileAssetsButton_1UrUz {
        height: 56px;
        position: -webkit-sticky;
        position: sticky
}
    }

.Header__mobileOperationsTitle_1JN4P {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.Header__mobileOperationsTitle_1JN4P {
        margin-top: 3px
}
    }

.Header__mobileOperationsButton_TaG2X {
    display: none;
}

@media(max-width: 1024px) {

.Header__mobileOperationsButton_TaG2X {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative
}

        .Header__mobileOperationsButton_TaG2X::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 0;
            left: 0;
            background: #4D6ADC;
            box-shadow: 0 0 5px 1px #4D6ADC;
            opacity: 0;
            transition: all .3s ease;
        }
    }

@media(max-width: 544px) {
        .Header__mobileOperationsButton_TaG2X svg {
            width: 15px;
            height: 18px;
        }
    }

.Header__showMobileLeftContainer_2c1t3 {
    display: flex;
}

@media(max-width: 1024px) {

.Header__showMobileLeftContainer_2c1t3 {
        width: 100%
}
    }

.Header__mobileFooterButton_16hIY {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.Header__middleContainerMobile_1ZayX{
    display: none;
}

@media(max-width: 1024px) {

.Header__middleContainerMobile_1ZayX{
        display: flex!important;
        flex-direction: column
}
    }

@media(max-width: 1024px) {

.Header__middleContainerDesktop_1V1su {
        display: none !important
}
    }

.Header__mobileAssetsMiddleLine_2UQHP {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.Header__mobileOperationsActive_2RzbK {
    background: #161A2A;
}

.Header__mobileOperationsActive_2RzbK::after {
        opacity: 1;
    }

.Header__mobileOperationsActive_2RzbK path {
        fill: #F8F8F8
    }

.Header__mobileOperationsActive_2RzbK .Header__mobileOperationsTitle_1JN4P {
        color: #F8F8F8;
    }

.Header__posValue_191_S {
    color: #27AE60 !important;
}

.Header__negValue_1F-C9 {
    color: rgba(235, 87, 87, 0.75) !important;
}

.Header__assetItemPair_oZo6A {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.Header__imgUpper_2C0ed {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.Header__imgLower_CyrJv {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.Header__imgAlone_1I9Pd {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.Header__positionsFullSize_3pHE_ {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.Header__preloader_aGCkW {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

.Header__loaderClosedOrders_3AtF9 {
    color: white;
    margin-top: 17px;
    margin-bottom: 17px;
}

.AuthorizationPanel__authorizationContainer_l0Ftd {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: rgba(248, 248, 248, 0.5);
}

.AuthorizationPanel__avatarContainer_tbbKc img{-webkit-filter: invert(0%) sepia(60%) saturate(100%) hue-rotate(8deg) brightness(1000%) contrast(150%);filter: invert(0%) sepia(60%) saturate(100%) hue-rotate(8deg) brightness(1000%) contrast(150%);}
.AuthorizationPanel__avatarContainer_tbbKc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}
@media(max-width: 544px) {
.AuthorizationPanel__avatarContainer_tbbKc {
    margin-right: 6px;
    margin-bottom: 8px
}

    .AuthorizationPanel__avatarContainer_tbbKc img {
        width: 24px;
        margin-top: 3px;
    }
}
@media(max-height: 544px) {
.AuthorizationPanel__avatarContainer_tbbKc {
    margin-right: 6px;
    margin-bottom: 8px
}

    .AuthorizationPanel__avatarContainer_tbbKc img {
        width: 24px;
        margin-top: 3px;
    }
}

.AuthorizationPanel__mainInfo_p3JUO {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__name_Xlzct {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    display: flex;
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__status_2BtWJ {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    margin-right: 4px;
    text-transform: uppercase;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__goldStatus_OYaxL {
    background: -webkit-linear-gradient(-90deg, #F6B93B 0%, rgba(209, 151, 31, 0.71) 100%);
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__platinumStatus_3dRbg {
    background: -webkit-linear-gradient(-90deg, #E5E4E2 0%, rgba(200, 200, 200, 0.71) 100%);
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__diamondStatus_1MmmI {
    background: -webkit-linear-gradient(-90deg, #B9F2FF 0%, rgba(26, 144, 171, 0.71) 100%);
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__vipStatus_14EVR {
    background: -webkit-linear-gradient(-90deg, #ff8769 0%, rgba(182, 65, 65, 0.71) 100%);
}

.AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__hash_DpTIn {
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    letter-spacing: 0.01em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(255, 255, 255, 0.99);
}

@media(max-width: 544px) {

.AuthorizationPanel__mainInfo_p3JUO {
    margin-right: 14px
}

    .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__name_Xlzct, .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__status_2BtWJ {
        font-size: 16px !important;
        line-height: 19px !important;
    }

    .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__hash_DpTIn {
        font-size: 12px;
        line-height: 13px;
    }
}

@media(max-height: 544px) {

.AuthorizationPanel__mainInfo_p3JUO {
    margin-right: 14px
}

    .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__name_Xlzct, .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__status_2BtWJ {
        font-size: 14px !important;
        line-height: 15px !important;
    }

    .AuthorizationPanel__mainInfo_p3JUO .AuthorizationPanel__statusContainer_WBQ4Z .AuthorizationPanel__hash_DpTIn {
        font-size: 12px;
        line-height: 13px;
    }
}

.AuthorizationPanel__defaultAvatar_3zvRC {
    margin-right: 12.5px;
    cursor: pointer;
}

.AuthorizationPanel__signIn_313lO {
    position: relative;
    margin-right: 8px;
    transition: all .3s ease;
    cursor: pointer;
}

.AuthorizationPanel__signIn_313lO::after {
     content: '';
     position: absolute;
     height: 15px;
     width: 1px;
     background: rgba(248, 248, 248, 0.05);
     top: 4px;
     right: -4px;
 }

.AuthorizationPanel__signIn_313lO:hover {
     color: rgba(248, 248, 248, 0.75);
 }

.AuthorizationPanel__signUp_3Q1js {
    transition: all .3s ease;
    cursor: pointer;
}

.AuthorizationPanel__signUp_3Q1js:hover {
     color: rgba(248, 248, 248, 0.75);
 }


.BalanceContainer__root_CB1ki {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.BalanceContainer__root_CB1ki {
        z-index: 10
}
    }

@media(max-width: 544px) {

.BalanceContainer__root_CB1ki {
        height: 56px
}
    }

@media(max-height: 544px) {

.BalanceContainer__root_CB1ki {
        height: 56px
}
    }

.BalanceContainer__rootContainer_2nso3 {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.BalanceContainer__rootContainer_2nso3 {
        width: 100%;
        padding-right: 0;
        z-index: 1
}
    }

.BalanceContainer__footerOrderContainer_3n41e {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.BalanceContainer__footerOrderContainer_3n41e {
        width: 100vw
}
    }

.BalanceContainer__leftContainer_d9m3x {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    /*margin-right: 70px;*/
    background: #0B0A1A;
    z-index: 1;
}

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K {
        display: flex;
        color: rgba(248, 248, 248, 0.75);
        padding: 0 36px;
        align-items: center;
        height: 100%;
        transition: all .3s ease;
        position: relative;
    }

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K:last-child {
            color: #A6B1DC;
        }

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K:not(:last-child){
            cursor: pointer;
        }

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K:not(:last-child):hover {
                background: #22273A;
            }

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 1;
            transition: all .3s ease;
            opacity: 0;
            background-color: #4D6ADC;
            box-shadow: 0 0 5px 1px #4D6ADC;
        }

.BalanceContainer__leftContainer_d9m3x .BalanceContainer__itemValue_16l2- {
        color: rgba(248, 248, 248, 0.5);
        margin-left: 8px;
    }

@media(max-width: 1440px) {

.BalanceContainer__leftContainer_d9m3x {
        margin-right: 20px
}

        .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K {
            padding: 0 18px;
        }

            .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K:last-child {
                display: none;
            }
    }

@media(max-width: 1024px) {

.BalanceContainer__leftContainer_d9m3x {
        margin-right: 0;
        width: 100%
}

        .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K {
            width: 50%;
            justify-content: center;
        }

            .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K::after {
                bottom: 0;
                top: initial;
            }
    }

@media(max-width: 1024px) {
        .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K {
            flex-direction: column;
        }

            .BalanceContainer__leftContainer_d9m3x .BalanceContainer__leftContainerItem_1Cc-K .BalanceContainer__itemValue_16l2- {
                margin-left: 0;
            }
    }

.BalanceContainer__middleContainer_1JD1W {
    display: flex;
    align-items: center;
    overflow: auto;
}

.BalanceContainer__middleContainer_1JD1W::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec {
        padding: 8px 18px;
        display: block;
        align-items: center;
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #A6B1DC;
        margin-right: 2px;
        white-space: nowrap;
    }

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__buttonItem_2kBsa {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #F8F8F8;
        margin-left: 8px;
        white-space: nowrap;
    }

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__pu_2BqFk {
        display: none;
    }

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__facilities_3p9_W {
        border-right: 1px solid #ffffff40;
    }

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__pledge_2T7DD {
        border-right: 1px solid #ffffff40;
}

.BalanceContainer__middleContainer_1JD1W .BalanceContainer__free_2buAI {
border-right: 1px solid #ffffff40;
    }

@media(max-width: 1024px) {

.BalanceContainer__middleContainer_1JD1W {
        position: fixed;
        width: 100%;
        bottom: 66px;
        display: flex;
        overflow: auto;
        background: #0B0A1A;
        z-index: 11
}


        .BalanceContainer__middleContainer_1JD1W::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec {
            width: 33.333334%;
            margin-right: 0;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pu_2BqFk {
            display: flex;
            background: #161A2A;
            min-width: 100%;
        }

            .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pu_2BqFk span {
                color: rgba(248, 248, 248, 0.5);
            }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__facilities_3p9_W {
            background: rgb(58,64,86);
            min-width: 100%;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pledge_2T7DD {
            background: rgb(77,70,50);
            min-width: 100%;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__free_2buAI {
            background: rgb(30,63,55);
            min-width: 100%;
        }
    }

@media(max-width: 544px) {

.BalanceContainer__middleContainer_1JD1W {
        bottom: 56px
}

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec {
            font-size: 12px;
            line-height: 15px;
            padding: 4px 12px;
        }

            .BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec span {
                font-size: 12px;
                line-height: 15px;
            }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pu_2BqFk {
            min-width: 100%;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__facilities_3p9_W {
            min-width: 100%;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pledge_2T7DD {
            min-width: 100%;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__free_2buAI {
            min-width: 100%;
        }
    }

@media(max-height: 544px) {

.BalanceContainer__middleContainer_1JD1W {
        bottom: 56px
}

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec {
            font-size: 12px;
            line-height: 15px;
            padding: 4px 12px;
        }

            .BalanceContainer__middleContainer_1JD1W .BalanceContainer__middleContainerButton_3HWec span {
                font-size: 12px;
                line-height: 15px;
            }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pu_2BqFk {
            min-width: 102px;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__facilities_3p9_W {
            min-width: 139px;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__pledge_2T7DD {
            min-width: 108px;
        }

        .BalanceContainer__middleContainer_1JD1W .BalanceContainer__free_2buAI {
            min-width: 149px;
        }
    }

.BalanceContainer__rightContainer_Vr4en {
    display: flex;
    align-items: center;
}

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s ease;
    }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF path {
            transition: all .3s ease;
        }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF:first-child {
            margin-right: 44px;
        }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF:hover {
            background: #161A2A;
        }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF:hover path {
                fill: #F8F8F8;
            }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__activeButton_2Hd-I {
        background: #161A2A;
    }

.BalanceContainer__rightContainer_Vr4en .BalanceContainer__activeButton_2Hd-I path {
            fill: #F8F8F8;
        }

@media(max-width: 1440px) {
            .BalanceContainer__rightContainer_Vr4en .BalanceContainer__buttonContainer_2xvrF:first-child {
                margin-right: 20px;
            }
    }

@media(max-width: 1120px) {

.BalanceContainer__rightContainer_Vr4en {
        display: none
}
    }

@media(max-width: 1024px) {

.BalanceContainer__rightContainer_Vr4en {
        display: none
}
    }

.BalanceContainer__footerOpenContainer_3ELGQ {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.BalanceContainer__footerOpenContainer_3ELGQ {
        height: unset
}
    }

@media(max-width: 544px) {

.BalanceContainer__footerOpenContainer_3ELGQ {
        top: 51px
}
    }

@media(max-height: 544px) {

.BalanceContainer__footerOpenContainer_3ELGQ {
        top: 51px;
        overflow: hidden
}
    }

.BalanceContainer__openPositionSlide_1hfK5, .BalanceContainer__closePositionSlide_1V5Kl {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.BalanceContainer__openPositionSlide_1hfK5::-webkit-scrollbar, .BalanceContainer__closePositionSlide_1V5Kl::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

.BalanceContainer__openPositionSlide_1hfK5::-webkit-scrollbar-thumb, .BalanceContainer__closePositionSlide_1V5Kl::-webkit-scrollbar-thumb {
        background: rgba(166, 177, 220, 0.5);
        border-radius: 10px;
    }

.BalanceContainer__openPositionSlide_1hfK5::-webkit-scrollbar-thumb:hover, .BalanceContainer__closePositionSlide_1V5Kl::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

@media(max-width: 1024px) {

.BalanceContainer__openPositionSlide_1hfK5, .BalanceContainer__closePositionSlide_1V5Kl {
        align-items: flex-start;
        overflow: auto;
        height: calc(100vh - 252px);
        width: 100vw
}

        .BalanceContainer__openPositionSlide_1hfK5::-webkit-scrollbar, .BalanceContainer__closePositionSlide_1V5Kl::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }
    }

@media(max-width: 544px) {

.BalanceContainer__openPositionSlide_1hfK5, .BalanceContainer__closePositionSlide_1V5Kl {
        height: calc(100vh - 191px)
}
    }

@media(max-height: 544px) {

.BalanceContainer__openPositionSlide_1hfK5, .BalanceContainer__closePositionSlide_1V5Kl {
        height: calc(100vh - 191px)
}
    }

.BalanceContainer__footerContentVisible_1in_9 {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.BalanceContainer__footerContentVisible_1in_9 {
        -webkit-transform: translateY(calc(-100vh + 150px));
                transform: translateY(calc(-100vh + 150px))
}
    }

@media(max-width: 544px) {

.BalanceContainer__footerContentVisible_1in_9 {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(max-height: 544px) {

.BalanceContainer__footerContentVisible_1in_9 {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(min-width: 1024px) {

.BalanceContainer__footerContentVisibleFullSize_1_V3S {
        -webkit-transform: translateY(calc(-100vh + 150px)) !important;
                transform: translateY(calc(-100vh + 150px)) !important;
        height: calc(100vh - 149px) !important
}
    }

@media(min-width: 1024px) {

.BalanceContainer__footerRootContainerFullSize_NsHfb {
        -webkit-transform: translateY(calc(-100vh + 149px)) !important;
                transform: translateY(calc(-100vh + 149px)) !important
}
    }

.BalanceContainer__footerHeaderTable_1evv7 {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.BalanceContainer__footerHeaderTable_1evv7 {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 23;
        background: rgb(11 10 26)
}
    }

.BalanceContainer__footerRowsContainer_2RnNk {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
    max-height: calc(44vh - 48px);
    overflow-y: auto;
}

.BalanceContainer__footerRowsContainer_2RnNk::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

.BalanceContainer__footerRowsContainer_2RnNk::-webkit-scrollbar-thumb {
        background: rgba(166, 177, 220, 0.5);
        border-radius: 10px;
    }

.BalanceContainer__footerRowsContainer_2RnNk::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

@media(max-width: 1024px) {

.BalanceContainer__footerRowsContainer_2RnNk {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-height: calc(100vh - 300px)
}
        
        .BalanceContainer__footerRowsContainer_2RnNk::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }
    }

@media(max-width: 544px) {

.BalanceContainer__footerRowsContainer_2RnNk {
        max-height: calc(100vh - 239px)
}
    }

@media(max-height: 544px) {

.BalanceContainer__footerRowsContainer_2RnNk {
        max-height: calc(100vh - 239px)
}
    }

.BalanceContainer__itemNum_2XVtB {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.BalanceContainer__itemCreateDate_1xKUJ {
    min-width: 124px;
}

.BalanceContainer__itemCloseDate_3aZn8 {
    min-width: 124px;
}

.BalanceContainer__itemAsset_9FZeD {
    min-width: 148px;
}

.BalanceContainer__itemAsset_9FZeD .BalanceContainer__firstImg_26x_h {
        margin-right: 8px;
    }

.BalanceContainer__itemAsset_9FZeD .BalanceContainer__secondImg_4-Qx8 {
        margin-left: 7px;
    }

.BalanceContainer__itemAmount_6KCsj {
    min-width: 106px;
}

.BalanceContainer__itemPledge_1Mbqd {
    min-width: 112px;
}

.BalanceContainer__itemOpeningRate_2bVfg {
    min-width: 149px;
}

.BalanceContainer__itemClosingRate_iQivh {
    min-width: 186px;
}

.BalanceContainer__itemProfit_24jjg {
    min-width: 117px;
}

.BalanceContainer__itemCommission_pJQaP {
    min-width: 70px;
}

.BalanceContainer__itemClosingDate_3WeqG {
    min-width: 113px;
}

.BalanceContainer__itemDiffRate_1fMXP {
    margin-left: 9px;
}

.BalanceContainer__footerItemTable_2aWJi {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.BalanceContainer__footerItemTable_2aWJi:hover {
        background: #22273A;
    }

.BalanceContainer__footerItemTable_2aWJi .BalanceContainer__itemAmount_6KCsj, .BalanceContainer__footerItemTable_2aWJi .BalanceContainer__itemCommission_pJQaP, .BalanceContainer__footerItemTable_2aWJi .BalanceContainer__itemPledge_1Mbqd {
        color: #A6B1DC;
    }

.BalanceContainer__footerItemTable_2aWJi .BalanceContainer__itemClosingDate_3WeqG {
        justify-content: flex-end;
        padding-right: 16px;
        cursor: pointer;
    }

@media(max-width: 1024px) {

.BalanceContainer__footerItemTable_2aWJi {
        width: 100%
}
    }

.BalanceContainer__footerItems_1oPV7 {
    display: flex;
    align-items: center;

}

.BalanceContainer__activePositionButton_5ymnR {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.BalanceContainer__activePositionButton_5ymnR::after {
        opacity: 1 !important;
    }

.BalanceContainer__rootLeftColumn_2Y5jH {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.BalanceContainer__rootLeftColumn_2Y5jH {
        display: none
}
    }

.BalanceContainer__rootLeftColumnShow_2eREN {
    height: calc(44vh + 66px);
}

.BalanceContainer__rootLeftFullSize_b1Rs1 {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.BalanceContainer__rootLeftFullSize_b1Rs1 {
        transition-delay: -5s
}
    }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerHeaderTable_1evv7 .BalanceContainer__itemCommission_pJQaP {
            min-width: 91px;
        }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerHeaderTable_1evv7 .BalanceContainer__itemClosingDate_3WeqG {
            min-width: 205px;
        }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__itemCommission_pJQaP {
            min-width: 128px;
        }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__itemClosingDate_3WeqG {
            font-family: SF Pro Display, sans-serif;;
            font-weight: 600;
            font-size: 16px;
            line-height: 21px;
            text-align: center;
            color: #A6B1DC;
            white-space: nowrap;
            width: auto;
            padding: 0 28px;
            min-width: 168px;
        }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__itemClosingDate_3WeqG:hover {
                background: #161A2A;
            }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__itemClosingDate_3WeqG .BalanceContainer__arrowIcons_qv4K1 {
                display: flex;
                height: 100%;
            }

.BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__activeItemTable_1rA0Z {
            background: #22273A;;
        }

@media(max-width: 1024px) {
            .BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerRowsContainer_2RnNk .BalanceContainer__itemCommission_pJQaP {
                min-width: 91px;
            }
            .BalanceContainer__openPositionSlide_1hfK5 .BalanceContainer__footerHeaderTable_1evv7 .BalanceContainer__itemClosingDate_3WeqG {
                min-width: 168px;
            }
    }

.BalanceContainer__activeClosingData_1bVPQ {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.BalanceContainer__activeClosingData_1bVPQ img {
        margin-left: 20px;
        cursor: pointer;
    }

.BalanceContainer__activeItemCommission_2r680 {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.BalanceContainer__activeItemCommission_2r680 {
        min-width: 54px !important
}
    }

.BalanceContainer__closeDealButton_3NHDJ {
    height: 100%;
    display: flex;
    align-items: center;
}


.BalanceContainer__mobileOperations_2bP9n {
    display: flex;
}


.BalanceContainer__mobileOperations_2bP9n path {
        transition: all .3s ease;
    }


@media(max-width: 1024px) {


.BalanceContainer__mobileOperations_2bP9n {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
        background: #0B0A1A;
        cursor: pointer
}
    }


@media(max-width: 544px) {


.BalanceContainer__mobileOperations_2bP9n {
        border-top: none
}
    }

.BalanceContainer__mobileAssetsButton_3ZYlJ {
    display: none;
}

@media(max-width: 1024px) {

.BalanceContainer__mobileAssetsButton_3ZYlJ {
        width: 100%;
        display: flex;
        justify-content: center;
        position: fixed;
        bottom: 0;
        height: 66px;
        background: #0B0A1A;
        z-index: 12
}
    }

@media(max-width: 544px) {

.BalanceContainer__mobileAssetsButton_3ZYlJ {
        height: 56px
}
    }

@media(max-height: 544px) {

.BalanceContainer__mobileAssetsButton_3ZYlJ {
        height: 56px
}
    }

.BalanceContainer__mobileOperationsTitle_3z2y3 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.BalanceContainer__mobileOperationsTitle_3z2y3 {
        margin-top: 3px
}
    }

.BalanceContainer__mobileOperationsButton_3TYqL {
    display: none;
}

@media(max-width: 1024px) {

.BalanceContainer__mobileOperationsButton_3TYqL {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative
}

        .BalanceContainer__mobileOperationsButton_3TYqL::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 0;
            left: 0;
            background: #4D6ADC;
            box-shadow: 0 0 5px 1px #4D6ADC;
            opacity: 0;
            transition: all .3s ease;
        }
    }

@media(max-width: 544px) {
        .BalanceContainer__mobileOperationsButton_3TYqL svg {
            width: 15px;
            height: 18px;
        }
    }

.BalanceContainer__showMobileLeftContainer_3jyfz {
    display: flex;
}

@media(max-width: 1024px) {

.BalanceContainer__showMobileLeftContainer_3jyfz {
        width: 100%
}
    }

.BalanceContainer__mobileFooterButton_BRmMv {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.BalanceContainer__middleContainerMobile_1zYbh{
    display: none;
}

@media(max-width: 1024px) {

.BalanceContainer__middleContainerMobile_1zYbh{
        display: flex!important;
        flex-direction: column
}
    }

@media(max-width: 1024px) {

.BalanceContainer__middleContainerDesktop_31sLY {
        display: none !important
}
    }

.BalanceContainer__mobileAssetsMiddleLine_2GqXU {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.BalanceContainer__mobileOperationsActive_3AYtU {
    background: #161A2A;
}

.BalanceContainer__mobileOperationsActive_3AYtU::after {
        opacity: 1;
    }

.BalanceContainer__mobileOperationsActive_3AYtU path {
        fill: #F8F8F8
    }

.BalanceContainer__mobileOperationsActive_3AYtU .BalanceContainer__mobileOperationsTitle_3z2y3 {
        color: #F8F8F8;
    }

.BalanceContainer__posValue_dznxZ {
    color: #27AE60 !important;
}

.BalanceContainer__negValue_2q_zd {
    color: rgba(235, 87, 87, 0.75) !important;
}

.BalanceContainer__assetItemPair_1U0vy {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.BalanceContainer__imgUpper_1-xRi {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.BalanceContainer__imgLower_2rzoe {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.BalanceContainer__imgAlone_3b5Z7 {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.BalanceContainer__positionsFullSize_1v9iY {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.BalanceContainer__positionsFullSize_1v9iY .BalanceContainer__footerRowsContainer_2RnNk {
    max-height: calc(100vh - 196px) !important;
}

.BalanceContainer__preloader_3UNjS {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

.BalanceContainer__loaderClosedOrders_2kCTb {
    color: white;
    margin-top: 17px;
    margin-bottom: 17px;
}

.AssetsButton__root_G9NVW {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
    align-items: center;
}

@media(max-width: 1024px) {

.AssetsButton__root_G9NVW {
    width: 50%;
    z-index: 1;
    display: flex;
    gap: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin-top: 15px;
    align-items: center;
    background: #0b0a1a
}
}
.AssetsButton__languagesSelectorMargin_2syGv{
    min-width: 50px;
}

.AssetsButton__imgcontainertgpdtrading_39gmE{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.AssetsButton__onerowtradingleftbar_menu_38FAk{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.AssetsButton__buttonContainer_rE_if {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #0B0A1A;
    transition: all .3s ease;
    position: relative;
}

.AssetsButton__buttonContainer_rE_if:hover{
        background: #3D52F3;
        border-radius: 6px;
    }

@media screen and (max-width: 768px){
        }

.AssetsButton__buttonContainer_rE_if::after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 2px;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
 }

.AssetsButton__buttonContainer_rE_if:first-child .AssetsButton__button_2RA9z {
    margin-top: 4px;
}

@media(max-width: 1024px) {

.AssetsButton__buttonContainer_rE_if {
    width: 100%;
    height: 100%;
    border-right: none;
    background: #0b0a1a
}


.AssetsButton__buttonContainer_rE_if::after {
     width: 100%;
     height: 2px;
 }
}

@media(max-height: 544px) and (orientation: portrait){

.AssetsButton__buttonContainer_rE_if {
    width: 56px;
    height: 56px
}
}

@media screen and (max-width: 768px) {
    .AssetsButton__buttonContainer_rE_if:nth-child(n+2):nth-child(-n+4) {
        display: none !important;
    }
}

.AssetsButton__activeButtonText_39V7e {
    color: #F8F8F8 !important;
}



.AssetsButton__button_2RA9z {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    text-align: center;
    margin-top: 5px;
    transition: all .4s ease;
}



@media(max-width: 544px) {



.AssetsButton__button_2RA9z {
    margin-top: 3px
}
}

.AssetsButton__buttonTitleActive_1TJ_z {
    color: #F8F8F8;
}

.AssetsButton__menuContent_1auuK {
    position: absolute;
    width: 454px;
    height: 110%;
    top: -49px;
    background: rgb(11 10 26);
    z-index: -1;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 5px;
}

@media(max-width: 1024px) {

.AssetsButton__menuContent_1auuK {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    position: fixed;
    width: 100%;
    top: 84px;
    left: 0;
    transition: all .5s ease
}
}

@media(max-width: 544px) {

.AssetsButton__menuContent_1auuK {
    top: 51px
}
}

@media(max-height: 544px) {

.AssetsButton__menuContent_1auuK {
    height: calc(100% - 134px)
}
}

.AssetsButton__menuContentHistory_1Tt71 {
    position: absolute;
    width: 450px;
    height: 110%;
    top: -49px;
    background: rgb(11 10 26);
    z-index: -1;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 5px;
}

@media(max-width: 1024px) {

.AssetsButton__menuContentHistory_1Tt71 {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    position: fixed;
    width: 100%;
    top: 84px;
    left: 0;
    transition: all .5s ease
}
}

@media(max-width: 544px) {

.AssetsButton__menuContentHistory_1Tt71 {
    top: 51px
}
}

@media(max-height: 544px) {

.AssetsButton__menuContentHistory_1Tt71 {
    height: calc(100% - 134px)
}
}

.AssetsButton__menuContentNews_2TB9o {
    position: absolute;
    width: 450px;
    height: 110%;
    top: -49px;
    background: rgb(11 10 26);
    z-index: -1;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 5px;
}

@media(max-width: 1024px) {

.AssetsButton__menuContentNews_2TB9o {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    position: fixed;
    width: 100%;
    top: 84px;
    left: 0;
    transition: all .5s ease
}
}

@media(max-width: 544px) {

.AssetsButton__menuContentNews_2TB9o {
    top: 51px
}
}

@media(max-height: 544px) {

.AssetsButton__menuContentNews_2TB9o {
    height: calc(100% - 134px)
}
}

.AssetsButton__menuOpen_3WPzS {
    -webkit-transform: translate(255px);
            transform: translate(255px);
}

@media(max-width: 1024px) {

.AssetsButton__menuOpen_3WPzS {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
    -webkit-overflow-scrolling: auto
}
}

@media(max-height: 544px) {

.AssetsButton__menuOpen_3WPzS {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px)
}
}

.AssetsButton__menuOpenHistory_CNGVh {
    -webkit-transform: translate(253px);
            transform: translate(253px);
}

@media(max-width: 1024px) {

.AssetsButton__menuOpenHistory_CNGVh {
    -webkit-transform: translateY(0);
            transform: translateY(0);
        overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
    -webkit-overflow-scrolling: auto
}
}

@media(max-height: 544px) {

.AssetsButton__menuOpenHistory_CNGVh {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px)
}
}

.AssetsButton__menuOpenNews_3Q8fT {
    -webkit-transform: translate(253px);
            transform: translate(253px);
}

@media(max-width: 1024px) {

.AssetsButton__menuOpenNews_3Q8fT {
    -webkit-transform: translateY(0);
            transform: translateY(0);
        overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
    -webkit-overflow-scrolling: auto
}
}

@media(max-height: 544px) {

.AssetsButton__menuOpenNews_3Q8fT {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px)
}
}
span.newssrc {
    color: #ffff !important;
    /* Add any styles you want for the News component */
}
.newsboard{
        display: inline-grid !important;
        width: 100% !important;
        margin-left: 0 !important;
}
img.img-news {
    max-width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
h1.article-news{
    color: #ffff !important;
    font-size: 19px !important;
    line-height: normal !important;
}
article{
    display: block !important;
    width: 97% !important;
    margin-bottom: 40px !important;
}
span.AssetsButton__newssrc_38_Hd {
    font-size: 14px;
    color: #fff !important;
}
.AssetsButton__contentnews_30XEZ{
    display: flex;
    flex-direction: column;
    overflow: auto;
    min-height: 900px;
    color: #ffff;
}
.AssetsButton__contentnews_30XEZ .AssetsButton__row_3rgae > h1.AssetsButton__article-news_vwndi, .AssetsButton__contentnews_30XEZ .AssetsButton__row_3rgae > span.AssetsButton__newssrc_38_Hd {
        color: #fff;
    }
.AssetsButton__contentnews_30XEZ span.AssetsButton__newssrc_38_Hd {
        font-size: 14px;
        color: #fff;
    }
.AssetsButton__contentnews_30XEZ::-webkit-scrollbar {
    width: 8px;
    }
.AssetsButton__contentnews_30XEZ::-webkit-scrollbar-track {
        background: #29295c;
      }
.AssetsButton__contentnews_30XEZ::-webkit-scrollbar-thumb {
        background: #3A52F9;
        border-radius: 4px;
      }
.AssetsButton__contentnews_30XEZ::-webkit-scrollbar-thumb:hover {
        background: #3a3a7a;
      }
.AssetsButton__flexshowedmoretdpd_3iBca{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    gap: 25%;
    margin-top: 10px;
}

.AssetsButton__rowedtradingshowmore_3AeLL{
    display: flex;
    flex-direction: column;
}

.AssetsButton__title_1ubYp {
    font-family: SF Pro Display, sans-serif;
    font-size: 16px;
    line-height: 31px;
    font-weight: 900;
    text-align: start;
    z-index: 999;
    margin-left: -21px;
    margin-bottom: 10px;
    /* left: 2px; */
    letter-spacing: 0.01em;
    display: flex;
    color: #ffffff;
    padding: 24px;
    /* border-bottom: 1px solid #333543; */
    margin-bottom: -9px;
    margin-top: -7px;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

@media(max-height: 544px) {

.AssetsButton__title_1ubYp {
    margin-bottom: 0
}
}

.AssetsButton__buttonActive_10rpS {
    background: transparent;
}

.AssetsButton__buttonActive_10rpS::after {
     opacity: 1;
 }

.AssetsButton__contentContaine_4uQQu{
    margin-top: 23px;
}
.AssetsButton__contentItem_1DEOl {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: rgba(248, 248, 248, 0.75);
    display: flex;
    height: 52px;
    padding: 15px 18px 15px 26px;
    background: #0a0c1561;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 100px;

}
@media screen and (max-width: 768px){
.AssetsButton__contentItem_1DEOl {
        font-family: SF Pro Display, sans-serif;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.01em;
        color: rgba(248, 248, 248, 0.75);
        display: flex;
        height: 52px;
        padding: 15px 18px 15px 26px;
        background: #0a0c1561;
        cursor: pointer;
        position: fixed;
        position: relative;
        z-index: -1;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        border-radius: 100px

}
    }
@media screen and (max-width: 768px){
        .AssetsButton__contentItem_1DEOl:last-child{
            position: absolute;
            z-index: -99999999999999;
            left: 25%;
        }
    }

.AssetsButton__contentItemHistory_1DFk3 {
    font-family: SF Pro Display, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: rgba(248, 248, 248, 0.75);
    display: flex;
    height: 52px;
    padding: 15px 18px 15px 26px;
    background: #0a0c1561;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    flex-direction: column;
    gap: 10px;
}

.AssetsButton__contentItemText_1BMcI {
    transition: all .3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row-reverse;
    background: #211f32;
    padding: 10px;
    height: 34px;
    border-radius: 20px;
}

@media screen and (max-width: 768px){

.AssetsButton__contentItemText_1BMcI {
        width: auto
}
    }

.AssetsButton__contentItemText_1BMcI path {
    transition: all .3s ease;
}

.AssetsButton__contentItemTextActive_2ha9O {
    color: #F8F8F8;
    display: none;
}

.AssetsButton__innerAssetsContainer_283FW {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    gap: 10px;
    margin-left: -71px;
    display: flex;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: all .3s ease;
    pointer-events: none;
    opacity: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.AssetsButton__innerAssetsButtonVisible_2qFu3 {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

@media screen and (max-width: 768px){

.AssetsButton__innerAssetsButtonVisible_2qFu3 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center
}
    }

.AssetsButton__assetsItem_rzH8E {
    font-family: SF Pro Display, sans-serif;
    font-size: 13px;
    line-height: 18px;
    border-radius: 29px;
    font-weight: 400px;
    letter-spacing: 0.012em;
    color: rgb(255, 255, 255);
    padding: 7px 14px;
    background: #211E35;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #211E35;
    transition: all .3s ease;
    display: flex;
    align-items: center;
}

.AssetsButton__assetsItem_rzH8E:hover {
     background: #3D52FE;
 }

.AssetsButton__assetsItem_rzH8E img {
    margin-right: 8px;
}

.AssetsButton__iconContainer_36X7q {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.AssetsButton__iconArrow_mmA_Q {
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
    transition: all .3s ease;
}

.AssetsButton__iconArrowActive_13rA1 {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.AssetsButton__buttonImg_uu8az path {
    transition: all .3s ease;
}

@media(max-width: 544px) {

.AssetsButton__buttonImg_uu8az {
    width: 10px;
    height: 18px
}
}

.AssetsButton__buttonImgActive_3KNWW path {
    fill: #F8F8F8;
}


.AssetsButton__assetsContainer_3yIDL {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 106px;
    border-top: 1px solid #333543;
    height: calc(100vh - 361px);
    overflow: auto;
}


@media screen and (min-width:740px) {


.AssetsButton__assetsContainer_3yIDL {
        position: absolute;
        left: 0px;
        width: 100%;
        top: 106px;
        height: calc(100vh - 317px);
        overflow: auto;
        min-width: 454px
}
    }


.AssetsButton__assetsContainer_3yIDL::-webkit-scrollbar {
     width: 7px;
     height: 2px;
     background: rgb(96,105,137);
 }


.AssetsButton__assetsContainer_3yIDL::-webkit-scrollbar-thumb {
     background: rgb(166,177,220);
     border-radius: 10px;
 }


.AssetsButton__assetsContainer_3yIDL::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }


@media(max-width: 1024px) {


.AssetsButton__assetsContainer_3yIDL {
    height: calc(100vh - 361.5px)
}

.AssetsButton__assetsContainer_3yIDL::-webkit-scrollbar {
     width: 2px;
 }
}


.AssetsButton__assetsContainer_3yIDL .AssetsButton__favoriteStar_2Gf_A{
    background: none !important;
    border: none !important;
    margin-left: 12px !important;
    fill: #5d5d5d !important;
}


.AssetsButton__assetsContainer_3yIDL .AssetsButton__favoriteActive_3sr1E{
    fill: yellow !important;
}


.AssetsButton__assetsContainer_3yIDL .AssetsButton__assetsSectionTitle_nbcv8 {
    font-family: SF Pro Display, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #8d90a5;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 8px 16px;
    background: #0b0a1a;
}


@media(max-width: 544px) {


.AssetsButton__assetsContainer_3yIDL {
    height: calc(100vh - 323px)
}
}


@media(max-height: 544px) {


.AssetsButton__assetsContainer_3yIDL {
    height: auto
}
}

.AssetsButton__assetItemContainer_24u3j {
    background: rgb(11 11 24);
    padding: 12px 24px;
    align-items: center;
    border-bottom: 1px solid #33354313;
    transition: all .3s ease;
    height: 48px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetItemImg_3UXem {
    margin-right: 16px;
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #A6B1DC;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

@media(max-width: 1024px) {

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px

}
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR .AssetsButton__favoriteStar_2Gf_A {
    margin-left: 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    /* base state uses grey fill */
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR button.AssetsButton__favoriteStar_2Gf_A {
    background: none !important;
    border: none !important;
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR button.AssetsButton__AssetsButton__favoriteStar_1hkHK_3a8JU{
    background: none;
    border: none;
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR .AssetsButton__favoriteStar_2Gf_A svg path { fill: #5d5d5d !important; }

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR .AssetsButton__favoriteActive_3sr1E svg path { fill: yellow !important; }

@media(max-width: 500px) {

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR {
    max-width: 170px

}
}

@media(max-width: 359px) {

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsName_14JCR {
    max-width: 135px

}
}

.AssetsButton__assetItemContainer_24u3j .AssetsButton__assetsPrice_3yAjr {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #27AE60;
    position: absolute;
    right: 0;
    margin-right: 24px;
}

.AssetsButton__assetItemContainer_24u3j:hover {
     background: rgba(166, 177, 220, 0.25);
 }

.AssetsButton__mobileBuyAndSell_2X89M {
    display: none;
    transition: all .3s ease;
    overflow: hidden;
}

@media(max-width: 1024px) {

.AssetsButton__mobileBuyAndSell_2X89M {
    display: flex !important;
    opacity: 0;
    pointer-events: none;
    width: 100%
}
}

@media(max-width: 1024px) {

.AssetsButton__assetItemContainerActive_2TQ1m {
    height: 102px;
    background: rgba(166, 177, 220, 0.25);
    align-items: flex-start;
    justify-content: flex-start;
    top: 0;
    z-index: 1
}

    .AssetsButton__assetItemContainerActive_2TQ1m .AssetsButton__mobileBuyAndSell_2X89M {
        opacity: 1;
        pointer-events: auto;
        position: absolute;
        top: 51px;
        justify-content: center;
        width: calc(100% - 48px);
    }
}

.AssetsButton__contentCenter_3KFQ5 {
    justify-content: center;
    height: 48px;
}

@media screen and (min-width:740px) {

.AssetsButton__contentCenter_3KFQ5 {
        min-width: 454px
}
    }

.AssetsButton__contentContainer_2C77E {
    margin-top: 50px;
}

@media(max-height: 544px) {

.AssetsButton__contentContainer_2C77E {
    height: calc(100vh - 214px);
    overflow: auto
}
}

.AssetsButton__searchField_EAGrQ {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    font-family: SF Pro Display, sans-serif;
    font-size: 14px;
    background: #211F32;
    border-radius: 12px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #585971;
    width: 100%;
    height: 28px;
    padding: 0px 10px;
}

.AssetsButton__searchField_EAGrQ:focus {
         outline: none;
         box-shadow: none;
         border: none;
     }

@media screen and (max-width: 768px){

.AssetsButton__searchField_EAGrQ {
        min-width: 300px
}
    }

.AssetsButton__searchField_EAGrQ::-webkit-input-placeholder {
     color: rgba(248, 248, 248, 0.75);
 }

.AssetsButton__searchField_EAGrQ::-moz-placeholder {
     color: rgba(248, 248, 248, 0.75);
 }

.AssetsButton__searchField_EAGrQ::-ms-input-placeholder {
     color: rgba(248, 248, 248, 0.75);
 }

.AssetsButton__searchField_EAGrQ::placeholder {
     color: rgba(248, 248, 248, 0.75);
 }

.AssetsButton__posPrice_2-09N {
    color: #27AE60 !important;
}

.AssetsButton__negPrice_1FLIQ {
    color: rgba(235, 87, 87, 0.75) !important;
}

.AssetsButton__assetItemDataContainer_1wxQp {
    display: flex;
    width: 100%;
    align-items: center;
}

.AssetsButton__assetItemPair_1lMnd {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.AssetsButton__imgUpper_mYCrQ {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}

.AssetsButton__imgLower_1mTWX {
    height: 18px;
    width: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
}

.AssetsButton__imgAlone_3WzKo {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.AssetsButton__buttonactiveorders_container_1b9FB{
    display: flex;
    flex-direction: row;
    width: 100%;
}
button.AssetsButton__buttoncontentinactiveorders_G_NXx{
    border-bottom: 2px #ffffff;
    color: #ffffff;
    text-align: center;
    padding: 4px 10px;
    background: transparent;
    width: 50%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    font-weight: 700;
}
button.AssetsButton__buttoncontentinactiveorders_G_NXx.AssetsButton__active_nrES2{
    border-bottom: 2px solid #29295C;
}
.AssetsButton__imgAloneHistory_2WKUM{
    height: 21px;
    width: 21px;
    position: absolute;
    top: 50%;
    border-radius: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
}
.AssetsButton__tradingpdlist_RptvJ{
    padding: 6px;
    border: 1px solid #28283A;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
@media(max-width: 744px) {
.AssetsButton__tradingpdlist_RptvJ{
        min-height: 500px;
        overflow: auto;
        text-align: center
}
    }
.AssetsButton__ordertdpdlist_2Ht0a{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
p.AssetsButton__ptdpdlisttrading_1mpqc{
    color: #DDDDEC !important;
}
@media screen and (max-width: 769px){
    .AssetsButton__buttonActive_10rpS {
        background: #0b0a1a;
    }
}
.AssetsButton__hiddentdpdtradingblockdown_2BzGA{
    display: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 3px;
}
.AssetsButton__tdpdbuy_34FPZ{
    color: #12CF32 !important;
    text-transform: capitalize;
    font-weight: 500 !important;
}
.AssetsButton__tdpdsell_2DETg{
    color: #F1394D !important;
    text-transform: capitalize;
    font-weight: 500 !important;
}
.AssetsButton__typesellbuy_3OTMf{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-right: 30px;
}
p.AssetsButton__ptdpdlisttradingAmount_2JfLb{
    color: #DDDDEC !important;
    font-size: 11px !important;
}
p.AssetsButton__ptpdspanarrowprice_2GwC8{
    color: #DDDDEC !important;
    font-size: 11px !important;
    font-weight: 500;
}
p.AssetsButton__ptpdspanarrowpricegray_NPyyj{
    color: #7D7989 !important;
    font-size: 11px !important;
    font-weight: 500;
}
.AssetsButton__divfullwidth_2P4rz{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
button.AssetsButton__onClickedShowMoreTrading_yoPQn{
    background-color: #264ACC !important;
    color: #DDDDEC !important;
    width: 100%;
    border: none;
    border-radius: 4px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 5px 0px;
}
button.AssetsButton__onClickedCloseOrder_2Qfwc{
    background-color: #F03850 !important;
    color: #DDDDEC !important;
    width: 100%;
    border: none;
    border-radius: 4px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 5px 0px;
}
.AssetsButton__ordercontainer_2Hux3{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}
.AssetsButton__profittgpd_3YKtt{
    color: #12CF32 !important;
}
.AssetsButton__profitandorderchange_3B_ki{
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}
button.AssetsButton__AssetsButton__favoriteStar_1hkHK_3a8JU {
    background: none;
    border: none;
}
.BuyAndSellComponent__root_2jExV {
    width: 100%;
    padding: 10px 10px 20px 20px;
}

@media screen and (max-width: 768px){

.BuyAndSellComponent__root_2jExV {
        width: 100%;
        padding: 0px;
        margin-top: -10px;
        height: 56px
}
    }
.BuyAndSellComponent__itemName_2Qnb1 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.5);
    width: 100%;
    margin-right: 5px;
}
.BuyAndSellComponent__buyAndSell_23jPZ {
    display: flex;
    flex-direction: column;
}
.BuyAndSellComponent__buyAndSell_23jPZ .BuyAndSellComponent__title_1Ctse {
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #ffffff;


}
.BuyAndSellComponent__buyAndSell_23jPZ .BuyAndSellComponent__labelwhite_3lL9u_dIXVq{
    font-size:12px;
    color: #fff;
}
.BuyAndSellComponent__buyAndSell_23jPZ label.BuyAndSellComponent__labelwhite_3YFUk{
    color: #fff;
    font-size: 12px;
}
.BuyAndSellComponent__buyAndSell_23jPZ .BuyAndSellComponent__price_2E00Z {
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.012em;
    color: #ffffff;

}
.BuyAndSellComponent__buyAndSell_23jPZ p.BuyAndSellComponent__whitetextlabel_3rVKk{
    font-size:12px;
    color: #fff;
}
.BuyAndSellComponent__buyAndSell_23jPZ .BuyAndSellComponent__whitetextlabel_3rVKk {
    font-size: 12px !important;
    color: #fff !important;
}
.BuyAndSellComponent__buyAndSell_23jPZ label.BuyAndSellComponent__BuyAndSellComponent__labelwhite_3lL9u_SoqY0 {
    color: #fff;
    font-size: 12px;
}
.BuyAndSellComponent__buyAndSell_23jPZ .BuyAndSellComponent__labelwhite_3YFUk {
    font-size: 14px;
    color: white;
}
.BuyAndSellComponent__inputamountcontainer_2V7PT{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.BuyAndSellComponent__buy_3Aq76, .BuyAndSellComponent__counterContainer_1l4EB, .BuyAndSellComponent__sell_2xBvC{
    width: 96px;
    height: 40px;
    border-radius:2px;
}
@media(max-width: 1024px) {
.BuyAndSellComponent__buy_3Aq76, .BuyAndSellComponent__counterContainer_1l4EB, .BuyAndSellComponent__sell_2xBvC{
    width: 33.3333%
}
}


.BuyAndSellComponent__buy_3Aq76 {
    background-color: #211F32;
    width: 50%;
    cursor: pointer;
}


.BuyAndSellComponent__buy_3Aq76:hover{background: linear-gradient(90deg, rgba(14, 169, 123, 0.66), rgba(14, 169, 123, 0.66));}
.BuyAndSellComponent__buy_3Aq76:hover .BuyAndSellComponent__price_2E00Z{color: white;}
.BuyAndSellComponent__buy_3Aq76:hover .BuyAndSellComponent__title_1Ctse{color: white;}
.BuyAndSellComponent__counterContainer_1l4EB {
    background: #202030;
    position: relative;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #ffffff05;
    align-content: center;
    border-radius: 4px;
}
label.BuyAndSellComponent__BuyAndSellComponent__labelwhite_3lL9u_SoqY0 {
    font-size: 15px;
    color: white;
}
.BuyAndSellComponent__counter_1DUYp {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.012em;
    color: #F8F8F8;
    width: 100%;
    padding-left: 12px;
    font-family: SF Pro Display, sans-serif;
}
.BuyAndSellComponent__counter_1DUYp:focus {
         outline: none;
         box-shadow: none;
         border: none;
     }
.BuyAndSellComponent__counter_1DUYp::-webkit-outer-spin-button,
.BuyAndSellComponent__counter_1DUYp::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

.BuyAndSellComponent__sell_2xBvC {
    background: #211F32;
    width: 50%;
    cursor: pointer;
}

.BuyAndSellComponent__sell_2xBvC:hover{background: linear-gradient(270deg, rgba(242, 85, 85, 0.56), rgba(242, 85, 85, 0.56));}
.BuyAndSellComponent__sell_2xBvC :hover .BuyAndSellComponent__price_2E00Z{color: white;}
.BuyAndSellComponent__sell_2xBvC :hover .BuyAndSellComponent__title_1Ctse{color: white;}
.BuyAndSellComponent__arrows_2vhGx {
    position: absolute;
    right: 9.5px;
    cursor: pointer;
}

.BuyAndSellComponent__arrowUp_3etzH {
    top: -10px;
}

.BuyAndSellComponent__arrowDown_2e4cz {
    bottom: -7px;
}
.BuyAndSellComponent__leftamount_2TVYj{
    width: 50%;
}
.BuyAndSellComponent__rightamount_kI-k_{
    width: 50%;
}
.BuyAndSellComponent__containeramounttop_1V_vI{
    width: 100%;
    display:flex;
}
.BuyAndSellComponent__sellingPopupContainer_1-DUg {
    width: 100%;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
}
@media(max-width: 1024px) {
.BuyAndSellComponent__sellingPopupContainer_1-DUg {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    transition: all .5s ease
}
}

.BuyAndSellComponent__buyActive_2k0Rh{
    background-color: #12CF32 !important;
}
.BuyAndSellComponent__sellActive_3dP_1{
    background-color: #F1394D !important;
}

.BuyAndSellComponent__confirmPopupContainer_20nvy {

    transition: all .5s ease;
    width: 100%;
}

@media(max-width: 1024px) {

.BuyAndSellComponent__confirmPopupContainerActive_2yCfH {
    position: fixed;
    width: 100%;
    height: calc(100% - 134px);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(11 10 26);
    z-index: 1
}
}

.BuyAndSellComponent__confirmPopupContainerActive_2yCfH label.BuyAndSellComponent__labelwhite_3YFUk{
    color: white;
    font-size: 12px;
}

@media(max-width: 544px) {

.BuyAndSellComponent__confirmPopupContainerActive_2yCfH {
    height: calc(100% - 112px)
}
}
.BuyAndSellComponent__ConfirmPopup__itemName_2oMfu_fYCMm {
    width: 62px !important;
    margin-right: 5px;
}

.BuyAndSellComponent__counterContainer_1l4EB input::-webkit-input-placeholder {
    color: #F8F8F8;
}

.BuyAndSellComponent__counterContainer_1l4EB input::-moz-placeholder {
    color: #F8F8F8;
}

.BuyAndSellComponent__counterContainer_1l4EB input::-ms-input-placeholder {
    color: #F8F8F8;
}

.BuyAndSellComponent__counterContainer_1l4EB input::placeholder {
    color: #F8F8F8;
}

.ConfirmPopup__root_1f5Zk {
    cursor: default;
    width: 100%;
}
    @media (max-width: 1024px) {.ConfirmPopup__root_1f5Zk {
        position: relative;
        width: auto;
        height: auto
}
    }
.ConfirmPopup__blue-switch_2P-C2[data-state="checked"] {
    background-color: #3b82f6 !important; /* Blue color */
    border-color: #3b82f6 !important;
}
.ConfirmPopup__itemName_2oMfu {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #ffff;
    width: 100%;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
    .ConfirmPopup__containerisedpopupitem_2jPW0 {
        display: none;
    }
}
input#ConfirmPopup__input_17Qsv {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
}
.ConfirmPopup__counterContainer_13Uka {
    background: #202030;
    position: relative;
    display: flex;
    padding: 10px 6px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 10px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #ffffff05;
    align-content: center;
    border-radius: 4px;
}
.ConfirmPopup__counterContainer_13Uka input#ConfirmPopup__amount_GN1eC {
        background: transparent;
        border: none;
        color: #fff;
        font-family: "Sf Pro Display";
    }
.ConfirmPopup__inputamountcontainer_iP9Yw {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}
input#ConfirmPopup__leverage_P-Ve5 {
    width: 100%;
}

.ConfirmPopup__leverage_P-Ve5 {
    width: 100%;
}

input#ConfirmPopup__amount_GN1eC {
    background: transparent;
    border: none;
    color: #fff;
    font-family: "Sf Pro Display";
}

.ConfirmPopup__MuiFormControlLabel-root_1iPPQ {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.ConfirmPopup__popup_3zJGk {
    width: 284px;
    position: fixed;
    /* -webkit-transform: translateY(31px);
      transform: translateY(31px); */
    background: transparent;
    /* transition: all .3s ease; */
    opacity: 0;
    pointer-events: none;
    padding: 0px 0px;

    font-family: SF Pro Display, sans-serif;
;
    cursor: default;
    border-radius: 12px;
}

.ConfirmPopup__popup_3zJGk .ConfirmPopup__leverage_P-Ve5 {
        width: 100%;
    }

.ConfirmPopup__popup_3zJGk .ConfirmPopup__rangeover_30RnX .ConfirmPopup__itemleveragecontain_5pXAJ {
            display: flex;
            width: 100%;
        }

.ConfirmPopup__popup_3zJGk .ConfirmPopup__rangeover_30RnX .ConfirmPopup__itemName_2oMfu {
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 0.012em;
            color: #ffff;
            width: 100%;
            margin-right: 5px;
        }

.ConfirmPopup__popup_3zJGk .ConfirmPopup__rangeover_30RnX input#ConfirmPopup__leverage_P-Ve5 {
            width: 100%;
        }

.ConfirmPopup__popup_3zJGk .ConfirmPopup__title_12eNb {
        font-size: 14px;
        line-height: 18px;
        text-align: start;
        letter-spacing: 0.012em;
        color: #fff;
        margin-bottom: 18px;
    }

.ConfirmPopup__popup_3zJGk .ConfirmPopup__title_12eNb img {
            -webkit-transform: translate(4px, 2px);
                    transform: translate(4px, 2px);
            width: 13px;
        }

@media (max-width: 1024px) {

.ConfirmPopup__popup_3zJGk {
        position: relative;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        display: none
}

        .ConfirmPopup__popup_3zJGk::before {
            content: none;
        }
    }

input[type="checkbox"] {
    margin-left: 45px;
}
.ConfirmPopup__counter_1hYrB {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.012em;
    color: #ffff;
    width: 100%;
    padding-left: 12px;
    font-family: SF Pro Display, sans-serif;
}
.ConfirmPopup__counter_1hYrB:focus {
         outline: none;
         box-shadow: none;
         border: none;
     }
.ConfirmPopup__counter_1hYrB::-webkit-outer-spin-button,
    .ConfirmPopup__counter_1hYrB::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.ConfirmPopup__isOpen_ga57_ {
    opacity: 1;
    pointer-events: auto;
    display: flex;
    left: 0;
    top: -43px;
    position: static;
    width: 100%;
}
.ConfirmPopup__MuiSwitch-colorSecondary_3beuA.ConfirmPopup__Mui-checked_34LoR + .ConfirmPopup__MuiSwitch-track_3rtT8 {
    background-color: #2600f5 !important;
}
.ConfirmPopup__MuiSwitch-colorSecondary_3beuA.ConfirmPopup__Mui-checked_34LoR {
    color: #0086f5 !important;
}
.ConfirmPopup__popupItem_2VOvM {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.ConfirmPopup__popupItem_2VOvM .ConfirmPopup__rangeover_30RnX .ConfirmPopup__itemName_2oMfu {
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 0.012em;
            color: #ffff;
            width: 100%;
            margin-right: 5px;
        }
.ConfirmPopup__popupItem_2VOvM .ConfirmPopup__rangeover_30RnX input#ConfirmPopup__leverage_P-Ve5 {
            width: 100%;
        }
.ConfirmPopup__popupItem_2VOvM .ConfirmPopup__itemName_2oMfu {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: #ffff;
        width: 100%;
        margin-right: 5px;
    }
.ConfirmPopup__popupItem_2VOvM .ConfirmPopup__itemValue_3HDdP {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: #FFFFFF;
    }
.ConfirmPopup__popupItem_2VOvM .ConfirmPopup__price_1BEbH {
        color: #b7c1cd;
        white-space: nowrap;
    }

.ConfirmPopup__rangeover_30RnX input#ConfirmPopup__leverage_P-Ve5 {
        width: 100%;
    }

.ConfirmPopup__rangeover_30RnX .ConfirmPopup__itemName_2oMfu {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: #ffff;
        width: 62px;
        margin-right: 5px;
    }

.ConfirmPopup__confirmButton_1GmP0 {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    background-color: #12cf32;
    height: 44px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #FFFFFF;
    padding: 3px 12px 5px;
    width: 100%;
    font-family: SF Pro Display, sans-serif;
;
    cursor: pointer;
}

.ConfirmPopup__confirmButton_1GmP0:focus {
         outline: none;
         box-shadow: none;
     }

.ConfirmPopup__rejectButton_cjHhw {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    width: 100%;
    height: 44px;
    background: #f1394d;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
}

.ConfirmPopup__rejectButton_cjHhw:focus {
         outline: none;
         box-shadow: none;
     }

.ConfirmPopup__buttonContainers_2T3Qw {
    top: 71px;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.ConfirmPopup__selling_2NveY::before {
        -webkit-transform: translate(169px, -32px);
                transform: translate(169px, -32px);
    }

.ConfirmPopup__successPopup_2wSk7 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
    position: absolute;
}

.ConfirmPopup__successPopup_2wSk7 .ConfirmPopup__title_12eNb {
        margin-bottom: 16px;
        white-space: nowrap;
    }

.ConfirmPopup__popupContainer_3Gtg8 {
    opacity: 0;
    transition: all .4s ease;
    position: absolute;
    pointer-events: none;
}

.ConfirmPopup__isPopupVisible_3-wjV {
    opacity: 1;
    position: relative;
    pointer-events: auto;
    width: 100%;
    -webkit-transform: translateY(31px);
            transform: translateY(31px);
}

.ConfirmPopup__isSuccessPopupVisible_2Veyv {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

.ConfirmPopup__isAutoClose_vBFIW {
    opacity: 0;
}

.ConfirmPopup__popupOnFailed_1W_kl {
    /* opacity: 0 !important; */
}

.ConfirmPopup__failedPopup_r91Hb {
    position: absolute;
    display: flex;
    opacity: 0;
    transition: all .3s ease;
    background: rgba(166, 177, 220, 0.25);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    -webkit-transform: translateY(31px);
            transform: translateY(31px);
    position: relative;
    padding: 12px 16px;
    pointer-events: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 100;
}

/* Added to ensure error is visible */

.ConfirmPopup__failedPopup_r91Hb .ConfirmPopup__title_12eNb {
        margin-left: 7px !important;
        margin-bottom: 0 !important;
        font-size: 14px;
        line-height: 18px;
        text-align: start;
        letter-spacing: 0.012em;
        color: #f8f8f8;
        white-space: nowrap;
    }

.ConfirmPopup__failedPopup_r91Hb img {
        width: 16px;
    }

@media (max-width: 768px) {
        .ConfirmPopup__failedPopup_r91Hb::before {
            content: initial;
        }
    }

.ConfirmPopup__isFailedPopup_toyqP {
    opacity: 1 !important; /* Added !important to override any conflicting styles */
    pointer-events: auto;
    position: relative; /* Ensure it's positioned properly */
    z-index: 1000; /* Higher z-index to ensure visibility */
}

.ConfirmPopup__sellingIsFailedPopup_2cN7p {
    -webkit-transform: translate(26px, 31px) !important;
            transform: translate(26px, 31px) !important;
}

.ConfirmPopup__sellingIsFailedPopup_2cN7p::before {
        -webkit-transform: translate(152px, -24px) !important;
                transform: translate(152px, -24px) !important;
    }

.ConfirmPopup__preloader_3shcd {
    width: 100%;
    height: 26px;
    display: flex;
    justify-content: center;
}

.ConfirmPopup__assetItemPair_is__M {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.ConfirmPopup__imgUpper_1tinW {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.ConfirmPopup__imgLower_3V___ {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.ConfirmPopup__imgAlone_294mv {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.ConfirmPopup__counterContainerLeft_2_Q93 {
    left: 0px;
}

.ConfirmPopup__counterDisabled_4NbjS {
    opacity: 0.5;
}

/* Предотвращение зума на iPhone для всех полей ввода */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="date"],
    textarea,
    select {
        font-size: 16px !important;
    }
    
    /* Дополнительная защита от зума */
    input:focus,
    textarea:focus,
    select:focus {
        font-size: 16px !important;
    }
}

.PrivateDataFormPopup__privateDataContainer_2ulyh {
    width: 100%;
    max-width: 860px;
    background: transparent;
    height: auto;
    overflow: hidden; /* Сохраняем базовый overflow: hidden */
    width: calc(100vw - 60px);
}

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs {
        max-width: 244px;
        width: 100%;
        display: flex;
        margin: 24px auto 0;
    }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__avatarContainer_2We28 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-right: 27px;
        }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ {
            font-family: SF Pro Display, sans-serif;
        }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__personName_JDV4S {
                font-size: 24px;
                line-height: 31px;
                letter-spacing: 0.01em;
                color: #F8F8F8;
                white-space: nowrap;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__personStatus_DEh2C {
                font-size: 14px;
                line-height: 18px;
                letter-spacing: 0.012em;
                text-transform: uppercase;
                margin: 4px 0;
                display: flex;
                align-items: center;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__personStatus_DEh2C svg {
                    margin-left: 7px;
                }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__goldStatus_pr7JQ {
                color: #F6B93B;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__platinumStatus_2a1wS {
                color: #E5E4E2;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__diamondStatus_YR0w9 {
                color: #B9F2FF;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__vipStatus_8N9rM {
                color: #FF8541;
            }

.PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs .PrivateDataFormPopup__rightContainer_1R-LQ .PrivateDataFormPopup__hash_35-4q {
                font-size: 14px;
                line-height: 18px;
                letter-spacing: 0.012em;
                color: rgba(248, 248, 248, 0.75);
            }

@media(max-width: 768px) {

.PrivateDataFormPopup__privateDataContainer_2ulyh {
        width: 100%;
        height: auto /* Убираем фиксированную высоту */
        /* Убираем все overflow настройки для мобильных */
}
    }

@media(max-width: 600px) {

.PrivateDataFormPopup__privateDataContainer_2ulyh {
        width: 100%
}

        .PrivateDataFormPopup__privateDataContainer_2ulyh .PrivateDataFormPopup__mainDataContainer_3jGNs {
          
            margin-left: 31px;
        }
    }

@media(max-width: 544px) {

    }

.PrivateDataFormPopup__form_1V0NC {
    margin-top: 41px;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 31px;
    position: relative;
}

@media(max-width: 768px) {

.PrivateDataFormPopup__form_1V0NC {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 40px;
        margin-top: 40px
}
    }

.PrivateDataFormPopup__form_1V0NC .PrivateDataFormPopup__bottomLabel_vcz8s {
        position: absolute;
        top: 40px;
        left: 0;
        font-family: SF Pro Display, sans-serif;;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: rgba(166, 177, 220, 0.25);
        transition: all .3s ease;
        opacity: 0;
        pointer-events: none;
    }

.PrivateDataFormPopup__form_1V0NC .PrivateDataFormPopup__bottomLabelActive_2_09V {
        opacity: 1;
    }

.PrivateDataFormPopup__form_1V0NC .PrivateDataFormPopup__bottomPasswordLabel_mYOl- {
        opacity: 1 !important;
    }

@media(max-width: 450px) {

.PrivateDataFormPopup__form_1V0NC {
        padding: 0 16px
}
    }

/* Убираем overflow для мобильных */

@media(max-width: 768px) {

.PrivateDataFormPopup__form_1V0NC {
        /* Оставляем только базовые настройки */
}
    }

.PrivateDataFormPopup__button_1iZAs {
    background-color: #4D6ADC;
    color: #FFFFFF;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-top: -24px;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
    transition: .5s ease;
    border: none;
    padding: 7.5px 42.5px;
    bottom: 81px;
    right: 31px;
    max-width: 124px;
    box-shadow: 0 0 5px 1px #4D6ADC;
}

@media(max-width: 920px) {

.PrivateDataFormPopup__button_1iZAs {
        position: relative;
        bottom: initial;
        right: initial;
        margin-top: -19px
}
    }

@media(max-width: 600px) {

.PrivateDataFormPopup__button_1iZAs {
        width: 100%;
        max-width: initial
}
    }

.PrivateDataFormPopup__isVisible_3Tjs9 {
    opacity: 1;
}

.PrivateDataFormPopup__isVisible_3Tjs9 .PrivateDataFormPopup__content_fiwoR {
        pointer-events: auto;
    }



.PrivateDataFormPopup__genderContainerField_TXluM, .PrivateDataFormPopup__birthDateContainerField_DwtrX, .PrivateDataFormPopup__phoneContainerField_2WXC3,
.PrivateDataFormPopup__countryContainerField_1YaZV, .PrivateDataFormPopup__cityContainerField_3gaZS, .PrivateDataFormPopup__addressContainerField_1D1Ab,
.PrivateDataFormPopup__accountNumberContainerField_2yxcb, .PrivateDataFormPopup__emailContainerField_3Myig, .PrivateDataFormPopup__emptyContainerField_1nGpC,
.PrivateDataFormPopup__newPasswordContainerField_jQshM, .PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
    position: relative;
    margin-bottom: 62px;
    max-width: 242px;
    height: 36px;
    width: 100%;
}



.PrivateDataFormPopup__genderContainerField_TXluM input, .PrivateDataFormPopup__birthDateContainerField_DwtrX input, .PrivateDataFormPopup__phoneContainerField_2WXC3 input, .PrivateDataFormPopup__countryContainerField_1YaZV input, .PrivateDataFormPopup__cityContainerField_3gaZS input, .PrivateDataFormPopup__addressContainerField_1D1Ab input, .PrivateDataFormPopup__accountNumberContainerField_2yxcb input, .PrivateDataFormPopup__emailContainerField_3Myig input, .PrivateDataFormPopup__emptyContainerField_1nGpC input, .PrivateDataFormPopup__newPasswordContainerField_jQshM input, .PrivateDataFormPopup__confirmPasswordContainerField_aBfOa input {
        width: 100% !important;
    }



.PrivateDataFormPopup__genderContainerField_TXluM img, .PrivateDataFormPopup__birthDateContainerField_DwtrX img, .PrivateDataFormPopup__phoneContainerField_2WXC3 img, .PrivateDataFormPopup__countryContainerField_1YaZV img, .PrivateDataFormPopup__cityContainerField_3gaZS img, .PrivateDataFormPopup__addressContainerField_1D1Ab img, .PrivateDataFormPopup__accountNumberContainerField_2yxcb img, .PrivateDataFormPopup__emailContainerField_3Myig img, .PrivateDataFormPopup__emptyContainerField_1nGpC img, .PrivateDataFormPopup__newPasswordContainerField_jQshM img, .PrivateDataFormPopup__confirmPasswordContainerField_aBfOa img {
        position: absolute;
        top: 10px;
        right: 12.5px;
        z-index: 1;
        cursor: pointer;
    }



@media(max-width: 920px) {



.PrivateDataFormPopup__genderContainerField_TXluM, .PrivateDataFormPopup__birthDateContainerField_DwtrX, .PrivateDataFormPopup__phoneContainerField_2WXC3,
.PrivateDataFormPopup__countryContainerField_1YaZV, .PrivateDataFormPopup__cityContainerField_3gaZS, .PrivateDataFormPopup__addressContainerField_1D1Ab,
.PrivateDataFormPopup__accountNumberContainerField_2yxcb, .PrivateDataFormPopup__emailContainerField_3Myig, .PrivateDataFormPopup__emptyContainerField_1nGpC,
.PrivateDataFormPopup__newPasswordContainerField_jQshM, .PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
        max-width: initial;
        width: 48%
}

    }



@media(max-width: 600px) {



.PrivateDataFormPopup__genderContainerField_TXluM, .PrivateDataFormPopup__birthDateContainerField_DwtrX, .PrivateDataFormPopup__phoneContainerField_2WXC3,
.PrivateDataFormPopup__countryContainerField_1YaZV, .PrivateDataFormPopup__cityContainerField_3gaZS, .PrivateDataFormPopup__addressContainerField_1D1Ab,
.PrivateDataFormPopup__accountNumberContainerField_2yxcb, .PrivateDataFormPopup__emailContainerField_3Myig, .PrivateDataFormPopup__emptyContainerField_1nGpC,
.PrivateDataFormPopup__newPasswordContainerField_jQshM, .PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
        width: 84%
}
    }

@media(max-width: 600px) {
       
    }

.PrivateDataFormPopup__accountNumberContainerField_2yxcb {
    pointer-events: none;
}

.PrivateDataFormPopup__birthDateContainerField_DwtrX {
    background: #161A2A;
}

.PrivateDataFormPopup__birthDateContainerField_DwtrX .PrivateDataFormPopup__birthDateContainerFormInput_1-_8L input {
            opacity: 0;
        }

.PrivateDataFormPopup__birthDateContainerField_DwtrX .PrivateDataFormPopup__birthDateContainerFormInput_1-_8L p {
            font-size: 12px !important;
            line-height: 15px !important;
            top: -20px !important;
            left: 0px !important;
            opacity: .7;
        }

.PrivateDataFormPopup__birthDateContainerField_DwtrX img {
        z-index: 4;
        pointer-events: none;
    }

@media(max-width: 920px) {
            .PrivateDataFormPopup__birthDateContainerField_DwtrX .PrivateDataFormPopup__birthDateContainerFormInput_1-_8L input {
                opacity: 1;
                color: #161A2A;
            }
    }

.PrivateDataFormPopup__phoneContainerField_2WXC3 input {
        padding-left: 48px;
    }

.PrivateDataFormPopup__phoneContainerField_2WXC3 p {
        font-size: 12px !important;
        line-height: 15px !important;
        top: -20px !important;
        left: 0px !important;
        opacity: .7;
    }

.PrivateDataFormPopup__genderContainerField_TXluM img {
        transition: all .3s ease;
        top: 16px;
    }

.PrivateDataFormPopup__genderContainerField_TXluM .PrivateDataFormPopup__genderFormFieldContainer_1ImVq {
        position: absolute;
        width: 100%;
    }

.PrivateDataFormPopup__genderContainerField_TXluM .PrivateDataFormPopup__genderFormFieldContainer_1ImVq > div {
            margin-bottom: 0!important;
        }

.PrivateDataFormPopup__genderContainerField_TXluM .PrivateDataFormPopup__genderFormFieldContainer_1ImVq input {
            background: transparent;
            font-size: 0;
            cursor: pointer;
        }

.PrivateDataFormPopup__emptyContainerField_1nGpC {
    opacity: 0;
    pointer-events: none;
    width: 242px;
    height: 36px;
}

@media(max-width: 920px) {

.PrivateDataFormPopup__emptyContainerField_1nGpC {
        display: none
}
    }

.PrivateDataFormPopup__countryContainerField_1YaZV > div {
        width: 100%;
    }

.PrivateDataFormPopup__countryContainerField_1YaZV p {
        color: rgba(166, 177, 220, 0.75);
    }

.PrivateDataFormPopup__countryContainerField_1YaZV input {
        padding-left: 46px;
        color: rgba(166, 177, 220, 0.75);
    }

.PrivateDataFormPopup__countryContainerField_1YaZV .PrivateDataFormPopup__iconFlag_196Ft {
        position: absolute;
        top: 10px;
        left: 7px;
        right: 13.5px;
        z-index: 1;
        cursor: pointer;

    }

.PrivateDataFormPopup__countryContainerField_1YaZV .PrivateDataFormPopup__iconArrowDown_eUZ7s {
        top: 15px;
        left: 43px;
        transition: all .3s ease;
    }

.PrivateDataFormPopup__newPasswordContainerField_jQshM {
    margin-top: 35px;
    -webkit-transform: translateY(-19px);
            transform: translateY(-19px);
}

@media(max-width: 920px) {

.PrivateDataFormPopup__newPasswordContainerField_jQshM {
        -webkit-transform: none;
                transform: none
}
    }

@media(max-width: 600px) {

.PrivateDataFormPopup__newPasswordContainerField_jQshM {
        margin-top: 0
}
    }

.PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
    position: absolute;
    bottom: 81px;
    left: 0;
    right: 0;
    margin: auto;
}

@media(max-width: 920px) {

.PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
        position: relative;
        bottom: initial;
        margin: initial
}

    }

@media(max-width: 600px) {

.PrivateDataFormPopup__confirmPasswordContainerField_aBfOa {
        margin-top: 0
}
    }

.PrivateDataFormPopup__clearPasswords_MRDp- {
    color: rgba(248, 248, 248, 0.5);
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    bottom: 81px;
    right: 191px;
    height: 36px;
    line-height: 36px;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
}

@media(max-width: 920px) {

.PrivateDataFormPopup__clearPasswords_MRDp- {
        position: relative;
        bottom: initial;
        top: -19px;
        margin-left: auto;
        right: 36px
}
    }

@media(max-width: 600px) {

.PrivateDataFormPopup__clearPasswords_MRDp- {
        margin: auto;
        right: initial;
        width: 100%;
        order: 1;
        text-align: center;
        margin-top: 6px;
        margin-bottom: 26px;
        top: 0
}
    }

.PrivateDataFormPopup__isPopupHidden_2tI7j {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.PrivateDataFormPopup__passwordLine_3sEvs {
    position: absolute;
    border-bottom: 1px solid #333543;
    width: 100%;
    left: 0;
    bottom: 155px;
}

@media(max-width: 920px) {

.PrivateDataFormPopup__passwordLine_3sEvs {
        bottom: 220px
}
    }

@media(max-width: 600px) {

.PrivateDataFormPopup__passwordLine_3sEvs {
        bottom: 322px;
        width: calc(100% - 62px);
        left: auto
}
    }

@media(max-width: 450px) {

.PrivateDataFormPopup__passwordLine_3sEvs {
        width: calc(100% - 32px)
}
    }

.PrivateDataFormPopup__errorMessage_2QAsZ {
    position: absolute;
    -webkit-transform: translateY(-18px);
            transform: translateY(-18px);
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: rgba(235, 87, 87, 0.75);
}

.PrivateDataFormPopup__errorBottomLabel_2qBcD {
    color: rgba(235, 87, 87, 0.75) !important;
}

.PrivateDataFormPopup__genderSelect_3JTRI {
    height: 100%;
    background: #161A2A;
    position: relative;
    cursor: pointer;
}

.PrivateDataFormPopup__innerGenderContainer_VvVL5 {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 36px;
    z-index: 3;
    transition: all .3s ease;
    pointer-events: none;
}

.PrivateDataFormPopup__innerGenderContainerOpen_288IL {
    opacity: 1;
    z-index: 9;
    pointer-events: auto;
}

.PrivateDataFormPopup__rotateImg_3eYpq {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.PrivateDataFormPopup__genderContainer_1iUYt {
    background: #22273A;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    height: 36px;
    width: 100%;
    border-top: 1px solid rgba(248, 248, 248, 0.05);
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    transition: all .3s ease;
    color: rgba(166, 177, 220, 0.5);
}

.PrivateDataFormPopup__genderContainer_1iUYt:hover {
        background: rgb(67,73,98);
        color: rgba(248, 248, 248, 0.75);
    }

.PrivateDataFormPopup__currentGenderTitle_1zlNI {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background: #161A2A;
    position: relative;
    cursor: pointer;
}

.PrivateDataFormPopup__countryTitle_1l48M {
    padding-left: 46px;
}

.PrivateDataFormPopup__callingCode_2v5PW {
    position: absolute;
    top: 9px;
    z-index: 1;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    color: rgba(166, 177, 220, 0.5);
    left: 16px;
    transition: all .3s ease;
}

.PrivateDataFormPopup__phoneInputActive_28JIB .PrivateDataFormPopup__callingCode_2v5PW {
        color: #A6B1DC !important;
    }

.PrivateDataFormPopup__datePickerContainer_Hgdor {
    position: absolute;
    top: 0;
    z-index: 4;
    width: inherit;
}

.PrivateDataFormPopup__datePickerContainer_Hgdor input {
        border: none;
        outline: none;
        height: 36px;
        width: 242px !important;
        font-family: SF Pro Display, sans-serif;;
        font-style: normal;
        font-weight: 450;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.012em;
        background: #161A2A;
        padding-left: 16px;
        transition: all .3s ease;
        color: rgba(166, 177, 220, 0.5);
    }

/* Предотвращение зума на iPhone */

@media(max-width: 768px) {

.PrivateDataFormPopup__datePickerContainer_Hgdor input {
            font-size: 16px
    }
        }

@media(max-width: 920px) {

.PrivateDataFormPopup__datePickerContainer_Hgdor {
        display: none
}

        .PrivateDataFormPopup__datePickerContainer_Hgdor input {
            width: 100% !important;
        }
    }

.PrivateDataFormPopup__topLabel_Yo3J3 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    color: rgba(166, 177, 220, 0.5);
    position: absolute;
    top: -20px;
    opacity: .7;
}

@media(max-width: 600px) {

.PrivateDataFormPopup__buttonContainer_2mxV3 {
        width: 100%
}
    }

.PrivateDataFormPopup__mobileMaskDate_d5n2b {
    display: none;
    background: none;
    color: rgba(166, 177, 220, 0.5);
    font-size: 14px;
    line-height: 18px;
    outline: none;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    padding: 9px 16px;
    font-family: SF Pro Display, sans-serif;;
    transition: all .3s;
}

/* Предотвращение зума на iPhone */

@media(max-width: 768px) {

.PrivateDataFormPopup__mobileMaskDate_d5n2b {
        font-size: 16px
}
    }

@media(max-width: 920px) {

.PrivateDataFormPopup__mobileMaskDate_d5n2b {
        display: block;
        position: absolute;
        z-index: 7;
        top: 0;
        height: 100%
}
    }

.PrivateDataFormPopup__mobileMaskDateActive_3Ff1H {
    outline: .5px solid #A6B1DC;
    color: #A6B1DC !important;
}

.PrivateDataFormPopup__successPopup_3AQFk{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 70%;
    max-width: 300px;
    height: auto;
    background: rgb(56,63,87, .9);
    z-index: 1;
    padding: 10px;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
    visibility: hidden;
}

.PrivateDataFormPopup__active_Uk20U{
    opacity: 1;
    transition: opacity 1s;
    visibility: visible;
}

.PrivateDataFormPopup__successPopupTitle_S9Wmj{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #F8F8F8;
    font-family: SF Pro Display, sans-serif;;
    margin-bottom: 20px;
}


.LanguagesSelector__iconFlag_Lh17i {
    left: 16px;
    top: 12px;
    position: absolute;
    z-index: 1;
}

.LanguagesSelector__currentCountryTitle_3jks1 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 62px;
    background: #161A2A;
    position: relative;
    cursor: pointer;
}

.LanguagesSelector__innerCountryContainer_2Gcir {
    position: absolute;
    width: 100%;
    top: 36px;
    z-index: 2;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none;
}

.LanguagesSelector__innerCountryContainerOpen_1OFc2 {
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 204px;
    pointer-events: auto !important;
    background-color: transparent;

}

@media screen and (max-width: 768px){

.LanguagesSelector__innerCountryContainerOpen_1OFc2 {
        position: absolute;
        z-index: 99999;
        top: -30px;
        border-radius: 5px;
        background: #3d52f3;
        height: 106px;
        left: 0px;
        width: 49px

}
    }

.LanguagesSelector__innerCountryContainerOpen_1OFc2::-webkit-scrollbar {
     width: 7px;
     height: 2px;
 }

.LanguagesSelector__innerCountryContainerOpen_1OFc2::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.LanguagesSelector__innerCountryContainerOpen_1OFc2::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }


.LanguagesSelector__countryContainer_2XbVb {
   
    height: 36px;
    width: 100%;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
  
    color: rgba(166, 177, 220, 0.5);
    position: relative;
    background: transparent;
    cursor: pointer;
}


.LanguagesSelector__countryContainer_2XbVb:hover {
        background: transparent;
    }

.LanguagesSelector__countryTitle_1uCSY {
    padding-left: 46px;
}

.LanguagesSelector__rotateImg_2G_8Y {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.LanguagesSelector__iconArrowDown_2th-T {
    display: none !important;
    top: 15px !important;
    left: 37px;
    transition: all .3s ease;
    position: absolute;
    z-index: 1;
}

.LanguagesSelector__selectorContainer_2PBbH {
    position: absolute;
    top: 32px;
    width: 100%;
    height: 36px;
    cursor: pointer;

}

.LanguagesSelector__selectorContainerActive_3_2bw {
    z-index: 7;
}

.LanguagesSelector__countryNameBlock_3WMpT {
    position: absolute;
    left: 61px;
    width: 173px;
    height: 31px;
}

.LanguagesSelector__countryNameBlock_3WMpT:hover {
        background: transparent;
    }

.LanguagesSelector__countryNameText_55Imt {
    position: absolute;
    top: 6px;
}

.OpenedOrders__root_1bB9j {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.OpenedOrders__root_1bB9j {
    z-index: 10
}
}

@media(max-width: 544px) {

.OpenedOrders__root_1bB9j {
    height: 56px
}
}

@media(max-height: 544px) {

.OpenedOrders__root_1bB9j {
    height: 56px
}
}

.OpenedOrders__rootContainer_-UYtO {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.OpenedOrders__rootContainer_-UYtO {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.OpenedOrders__footerOrderContainer_1aK83 {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.OpenedOrders__footerOrderContainer_1aK83 {
    width: 100vw
}
}

.OpenedOrders__leftContainer_1VfFP {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB- {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-:last-child {
     color: #A6B1DC;
 }

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-:not(:last-child){
     cursor: pointer;
}

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-:not(:last-child):hover {
     background: #22273A;
 }

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__itemValue_qoxKs {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.OpenedOrders__leftContainer_1VfFP {
    margin-right: 20px
}

    .OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB- {
        padding: 0 18px;
}

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.OpenedOrders__leftContainer_1VfFP {
    margin-right: 0;
    width: 100%
}

    .OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB- {
        width: 50%;
        justify-content: center;
}

.OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB-::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB- {
        flex-direction: column;
}

    .OpenedOrders__leftContainer_1VfFP .OpenedOrders__leftContainerItem_3kfB- .OpenedOrders__itemValue_qoxKs {
        margin-left: 0;
    }
}

.OpenedOrders__middleContainer_2XyJe {
    display: flex;
    align-items: center;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__buttonItem_2mGY8 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pu_2KOP8 {
    display: none;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__facilities_yJ97v {
    background: rgba(166, 177, 220, 0.25);
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pledge_2588m {
    background: rgba(242, 201, 76, 0.25);
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__free_3WK22 {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.OpenedOrders__middleContainer_2XyJe {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.OpenedOrders__middleContainer_2XyJe::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl {
        width: 33.333334%;
        margin-right: 0;
    }

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__pu_2KOP8 {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__pu_2KOP8 span {
        color: rgba(248, 248, 248, 0.5);
    }

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__facilities_yJ97v {
    background: rgb(58,64,86);
    min-width: 186px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pledge_2588m {
    background: rgb(77,70,50);
    min-width: 145px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__free_3WK22 {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.OpenedOrders__middleContainer_2XyJe {
    bottom: 56px
}

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl span {
        font-size: 12px;
        line-height: 15px;
    }

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pu_2KOP8 {
    min-width: 102px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__facilities_yJ97v {
    min-width: 139px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pledge_2588m {
    min-width: 108px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__free_3WK22 {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.OpenedOrders__middleContainer_2XyJe {
    bottom: 56px
}

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .OpenedOrders__middleContainer_2XyJe .OpenedOrders__middleContainerButton_15QWl span {
        font-size: 12px;
        line-height: 15px;
    }

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pu_2KOP8 {
    min-width: 102px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__facilities_yJ97v {
    min-width: 139px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__pledge_2588m {
    min-width: 108px;
}

.OpenedOrders__middleContainer_2XyJe .OpenedOrders__free_3WK22 {
    min-width: 149px;
}
}

.OpenedOrders__rightContainer_23JL3 {
    display: flex;
    align-items: center;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN path {
    transition: all .3s ease;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN:first-child {
     margin-right: 44px;
 }

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN:hover {
     background: #161A2A;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN:hover path {
    fill: #F8F8F8;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__activeButton_1H2cx {
    background: #161A2A;
}

.OpenedOrders__rightContainer_23JL3 .OpenedOrders__activeButton_1H2cx path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.OpenedOrders__rightContainer_23JL3 .OpenedOrders__buttonContainer_2KkMN:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.OpenedOrders__rightContainer_23JL3 {
    display: none
}
}

@media(max-width: 1024px) {

.OpenedOrders__rightContainer_23JL3 {
    display: none
}
}

.OpenedOrders__footerOpenContainer_2XJHS {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.OpenedOrders__footerOpenContainer_2XJHS {
    height: unset
}
}

@media(max-width: 544px) {

.OpenedOrders__footerOpenContainer_2XJHS {
    top: 51px
}
}

@media(max-height: 544px) {

.OpenedOrders__footerOpenContainer_2XJHS {
    top: 51px;
    overflow: hidden
}
}

.OpenedOrders__openPositionSlide_Vcdcq, .OpenedOrders__closePositionSlide_26SVi {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.OpenedOrders__openPositionSlide_Vcdcq::-webkit-scrollbar, .OpenedOrders__closePositionSlide_26SVi::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.OpenedOrders__openPositionSlide_Vcdcq::-webkit-scrollbar-thumb, .OpenedOrders__closePositionSlide_26SVi::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.OpenedOrders__openPositionSlide_Vcdcq::-webkit-scrollbar-thumb:hover, .OpenedOrders__closePositionSlide_26SVi::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.OpenedOrders__openPositionSlide_Vcdcq, .OpenedOrders__closePositionSlide_26SVi {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.OpenedOrders__openPositionSlide_Vcdcq::-webkit-scrollbar, .OpenedOrders__closePositionSlide_26SVi::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.OpenedOrders__openPositionSlide_Vcdcq, .OpenedOrders__closePositionSlide_26SVi {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.OpenedOrders__openPositionSlide_Vcdcq, .OpenedOrders__closePositionSlide_26SVi {
    height: calc(100vh - 191px)
}
}

.OpenedOrders__footerContentVisible_3Im9Y {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.OpenedOrders__footerContentVisible_3Im9Y {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.OpenedOrders__footerContentVisible_3Im9Y {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.OpenedOrders__footerContentVisible_3Im9Y {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.OpenedOrders__footerContentVisibleFullSize_1o-jZ {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.OpenedOrders__footerRootContainerFullSize_CI44J {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.OpenedOrders__footerHeaderTable_2EBZL {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
}

@media(max-width: 1024px) {
    .OpenedOrders__footerHeaderTable_2EBZL {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 23;
        background: rgb(11 10 26);
    }
}

/* Мобильные стили для заголовков таблицы */
@media(max-width: 768px) {
    .OpenedOrders__footerHeaderTable_2EBZL {
        display: none !important;
    }
}

.OpenedOrders__footerRowsContainer_1CtY9 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.OpenedOrders__footerRowsContainer_1CtY9 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

/* Мобильные стили для контейнера строк */

@media(max-width: 768px) {
    .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__footerRowsContainer_1CtY9 {
        width: 100% !important;
        min-width: auto !important;
        padding: 0 15px;
    }
}

.OpenedOrders__itemNum_1cWwN {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.OpenedOrders__itemCreateDate_2mMKI {
    min-width: 124px;
}

.OpenedOrders__itemCloseDate_HCIQ5 {
    min-width: 124px;
}

.OpenedOrders__itemAsset_1uKHa {
    min-width: 148px;
}

.OpenedOrders__itemAsset_1uKHa .OpenedOrders__firstImg_2u3QD {
    margin-right: 8px;
}

.OpenedOrders__itemAsset_1uKHa .OpenedOrders__secondImg_2EObd {
    margin-left: 7px;
}

.OpenedOrders__profitAndLoss_9z4-L {
    min-width: 106px;
}

.OpenedOrders__itemAmount_Ia1B2 {
    min-width: 106px;
}

.OpenedOrders__itemPledge_QSvAw {
    min-width: 112px;
}

.OpenedOrders__itemOpeningRate_3g6H5 {
    min-width: 149px;
}

.OpenedOrders__itemClosingRate_3kPZp {
    min-width: 186px;
}

.OpenedOrders__itemProfit_3c6IZ {
    min-width: 117px;
}

.OpenedOrders__itemCommission_31c30 {
    min-width: 70px;
}

.OpenedOrders__itemClosingDate_205Wv {
    min-width: 113px;
}

.OpenedOrders__itemDiffRate_JX-CI {
    margin-left: 9px;
}

.OpenedOrders__footerItemTable_1-a5u {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.OpenedOrders__footerItemTable_1-a5u:hover {
     background: #22273A;
 }

.OpenedOrders__footerItemTable_1-a5u .OpenedOrders__itemAmount_Ia1B2, .OpenedOrders__footerItemTable_1-a5u .OpenedOrders__itemCommission_31c30, .OpenedOrders__footerItemTable_1-a5u .OpenedOrders__itemPledge_QSvAw {
    color: #A6B1DC;
}

.OpenedOrders__footerItemTable_1-a5u .OpenedOrders__itemClosingDate_205Wv {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.OpenedOrders__footerItemTable_1-a5u {
    width: 100%
}
}

.OpenedOrders__footerItems_2BbKR {
    display: flex;
    align-items: center;

}

.OpenedOrders__activePositionButton_2CpSJ {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.OpenedOrders__activePositionButton_2CpSJ::after {
     opacity: 1 !important;
 }

.OpenedOrders__rootLeftColumn_1r4Gl {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.OpenedOrders__rootLeftColumn_1r4Gl {
    display: none
}
}

.OpenedOrders__rootLeftColumnShow_35CLR {
    height: calc(44vh + 66px);
}

.OpenedOrders__rootLeftFullSize_2b3fj {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.OpenedOrders__rootLeftFullSize_2b3fj {
    transition-delay: -5s
}
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerHeaderTable_2EBZL .OpenedOrders__itemCommission_31c30 {
    min-width: 91px;
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerHeaderTable_2EBZL .OpenedOrders__itemClosingDate_205Wv {
    min-width: 205px;
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__itemCommission_31c30 {
    min-width: 128px;
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__itemClosingDate_205Wv {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__itemClosingDate_205Wv:hover {
     background: #161A2A;
 }

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__itemClosingDate_205Wv .OpenedOrders__arrowIcons_316ot {
    display: flex;
    height: 100%;
}

.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__activeItemTable_3mCQd {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerRowsContainer_1CtY9 .OpenedOrders__itemCommission_31c30 {
        min-width: 91px;
    }
.OpenedOrders__openPositionSlide_Vcdcq .OpenedOrders__footerHeaderTable_2EBZL .OpenedOrders__itemClosingDate_205Wv {
    min-width: 168px;
}
}

.OpenedOrders__activeClosingData_2qazG {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.OpenedOrders__activeClosingData_2qazG img {
    margin-left: 20px;
    cursor: pointer;
}

.OpenedOrders__activeItemCommission_2ZmQe {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.OpenedOrders__activeItemCommission_2ZmQe {
    min-width: 54px !important
}
}

.OpenedOrders__closeDealButton_36sXm {
    height: 100%;
    display: flex;
    align-items: center;
}


.OpenedOrders__mobileOperations_3RZAo {
    display: flex;
}


.OpenedOrders__mobileOperations_3RZAo path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.OpenedOrders__mobileOperations_3RZAo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.OpenedOrders__mobileOperations_3RZAo {
    border-top: none
}
}

.OpenedOrders__mobileAssetsButton_3SLuO {
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrders__mobileAssetsButton_3SLuO {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.OpenedOrders__mobileAssetsButton_3SLuO {
    height: 56px
}
}

@media(max-height: 544px) {

.OpenedOrders__mobileAssetsButton_3SLuO {
    height: 56px
}
}

.OpenedOrders__mobileOperationsTitle_2WYFM {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.OpenedOrders__mobileOperationsTitle_2WYFM {
    margin-top: 3px
}
}

.OpenedOrders__mobileOperationsButton_3Mlu6 {
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrders__mobileOperationsButton_3Mlu6 {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.OpenedOrders__mobileOperationsButton_3Mlu6::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .OpenedOrders__mobileOperationsButton_3Mlu6 svg {
        width: 15px;
        height: 18px;
    }
}

.OpenedOrders__showMobileLeftContainer_3EJNo {
    display: flex;
}

@media(max-width: 1024px) {

.OpenedOrders__showMobileLeftContainer_3EJNo {
    width: 100%
}
}

.OpenedOrders__mobileFooterButton_3KJ3C {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.OpenedOrders__middleContainerMobile_1kYdh{
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrders__middleContainerMobile_1kYdh{
    display: flex!important
}
}

@media(max-width: 1024px) {

.OpenedOrders__middleContainerDesktop_1i1Ae {
    display: none !important
}
}

.OpenedOrders__mobileAssetsMiddleLine_P4gzI {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.OpenedOrders__mobileOperationsActive_12sSU {
    background: #161A2A;
}

.OpenedOrders__mobileOperationsActive_12sSU::after {
     opacity: 1;
 }

.OpenedOrders__mobileOperationsActive_12sSU path {
    fill: #F8F8F8
}

.OpenedOrders__mobileOperationsActive_12sSU .OpenedOrders__mobileOperationsTitle_2WYFM {
    color: #F8F8F8;
}

.OpenedOrders__posValue_2gcWC {
    color: #27AE60 !important;
}

.OpenedOrders__negValue_lgfdl {
    color: rgba(235, 87, 87, 0.75) !important;
}

.OpenedOrders__assetItemPair_3BnXS {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.OpenedOrders__imgUpper_3Q4Mt {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.OpenedOrders__imgLower_1XBfo {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.OpenedOrders__imgAlone_1MjtO {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.OpenedOrders__positionsFullSize_2FAjo {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.OpenedOrders__preloader_1W5cM {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

.OpenedOrder__root_2ruz3 {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.OpenedOrder__root_2ruz3 {
    z-index: 10
}
}

@media(max-width: 544px) {

.OpenedOrder__root_2ruz3 {
    height: 56px
}
}

@media(max-height: 544px) {

.OpenedOrder__root_2ruz3 {
    height: 56px
}
}

.OpenedOrder__rootContainer_3KrPO {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.OpenedOrder__rootContainer_3KrPO {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.OpenedOrder__footerOrderContainer_18R08 {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.OpenedOrder__footerOrderContainer_18R08 {
    width: 100vw
}
}

.OpenedOrder__leftContainer_3ylxw {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ:last-child {
     color: #A6B1DC;
 }

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ:not(:last-child){
     cursor: pointer;
}

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ:not(:last-child):hover {
     background: #22273A;
 }

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__itemValue_2eeqW {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.OpenedOrder__leftContainer_3ylxw {
    margin-right: 20px
}

    .OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ {
        padding: 0 18px;
}

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.OpenedOrder__leftContainer_3ylxw {
    margin-right: 0;
    width: 100%
}

    .OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ {
        width: 50%;
        justify-content: center;
}

.OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ {
        flex-direction: column;
}

    .OpenedOrder__leftContainer_3ylxw .OpenedOrder__leftContainerItem_2NfHZ .OpenedOrder__itemValue_2eeqW {
        margin-left: 0;
    }
}

.OpenedOrder__middleContainer_3Jpjg {
    display: flex;
    align-items: center;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__buttonItem_9Ix2- {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pu_1Ghjb {
    display: none;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__facilities_1V9B2 {
    background: rgba(166, 177, 220, 0.25);
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pledge_3oSsR {
    background: rgba(242, 201, 76, 0.25);
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__free_1-jfy {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.OpenedOrder__middleContainer_3Jpjg {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.OpenedOrder__middleContainer_3Jpjg::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY {
        width: 33.333334%;
        margin-right: 0;
    }

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pu_1Ghjb {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pu_1Ghjb span {
        color: rgba(248, 248, 248, 0.5);
    }

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__facilities_1V9B2 {
    background: rgb(58,64,86);
    min-width: 186px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pledge_3oSsR {
    background: rgb(77,70,50);
    min-width: 145px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__free_1-jfy {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.OpenedOrder__middleContainer_3Jpjg {
    bottom: 56px
}

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY span {
        font-size: 12px;
        line-height: 15px;
    }

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pu_1Ghjb {
    min-width: 102px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__facilities_1V9B2 {
    min-width: 139px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pledge_3oSsR {
    min-width: 108px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__free_1-jfy {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.OpenedOrder__middleContainer_3Jpjg {
    bottom: 56px
}

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .OpenedOrder__middleContainer_3Jpjg .OpenedOrder__middleContainerButton_3a7nY span {
        font-size: 12px;
        line-height: 15px;
    }

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pu_1Ghjb {
    min-width: 102px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__facilities_1V9B2 {
    min-width: 139px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__pledge_3oSsR {
    min-width: 108px;
}

.OpenedOrder__middleContainer_3Jpjg .OpenedOrder__free_1-jfy {
    min-width: 149px;
}
}

.OpenedOrder__rightContainer_3xIFG {
    display: flex;
    align-items: center;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd path {
    transition: all .3s ease;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd:first-child {
     margin-right: 44px;
 }

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd:hover {
     background: #161A2A;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd:hover path {
    fill: #F8F8F8;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__activeButton_35Ck2 {
    background: #161A2A;
}

.OpenedOrder__rightContainer_3xIFG .OpenedOrder__activeButton_35Ck2 path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.OpenedOrder__rightContainer_3xIFG .OpenedOrder__buttonContainer_2yFVd:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.OpenedOrder__rightContainer_3xIFG {
    display: none
}
}

@media(max-width: 1024px) {

.OpenedOrder__rightContainer_3xIFG {
    display: none
}
}

.OpenedOrder__footerOpenContainer_2X7rh {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.OpenedOrder__footerOpenContainer_2X7rh {
    height: unset
}
}

@media(max-width: 544px) {

.OpenedOrder__footerOpenContainer_2X7rh {
    top: 51px
}
}

@media(max-height: 544px) {

.OpenedOrder__footerOpenContainer_2X7rh {
    top: 51px;
    overflow: hidden
}
}

.OpenedOrder__openPositionSlide_3tq3M, .OpenedOrder__closePositionSlide_2ys3a {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.OpenedOrder__openPositionSlide_3tq3M::-webkit-scrollbar, .OpenedOrder__closePositionSlide_2ys3a::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.OpenedOrder__openPositionSlide_3tq3M::-webkit-scrollbar-thumb, .OpenedOrder__closePositionSlide_2ys3a::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.OpenedOrder__openPositionSlide_3tq3M::-webkit-scrollbar-thumb:hover, .OpenedOrder__closePositionSlide_2ys3a::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.OpenedOrder__openPositionSlide_3tq3M, .OpenedOrder__closePositionSlide_2ys3a {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.OpenedOrder__openPositionSlide_3tq3M::-webkit-scrollbar, .OpenedOrder__closePositionSlide_2ys3a::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.OpenedOrder__openPositionSlide_3tq3M, .OpenedOrder__closePositionSlide_2ys3a {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.OpenedOrder__openPositionSlide_3tq3M, .OpenedOrder__closePositionSlide_2ys3a {
    height: calc(100vh - 191px)
}
}

.OpenedOrder__footerContentVisible_16bvy {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.OpenedOrder__footerContentVisible_16bvy {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.OpenedOrder__footerContentVisible_16bvy {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.OpenedOrder__footerContentVisible_16bvy {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.OpenedOrder__footerContentVisibleFullSize_1qnQ3 {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.OpenedOrder__footerRootContainerFullSize_c3Tm9 {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.OpenedOrder__footerHeaderTable_1wtSJ {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.OpenedOrder__footerHeaderTable_1wtSJ {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 23;
    background: rgb(11 10 26)
}
}

.OpenedOrder__footerRowsContainer_3ZCQf {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.OpenedOrder__footerRowsContainer_3ZCQf {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

.OpenedOrder__itemNum_1nv_- {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.OpenedOrder__itemCreateDate_2OWSW {
    min-width: 124px;
}

.OpenedOrder__itemCloseDate_wnPSG {
    min-width: 124px;
}

.OpenedOrder__itemAsset_DFGWc {
    min-width: 148px;
    justify-content: left;
    margin-left: 20px;
}

.OpenedOrder__itemAsset_DFGWc .OpenedOrder__firstImg_2DEF0 {
    margin-right: 8px;
}

.OpenedOrder__itemAsset_DFGWc .OpenedOrder__secondImg_2u4Ta {
    margin-left: 7px;
}

.OpenedOrder__profitAndLoss_Nhcz4 {
    min-width: 106px;
    text-align: center;
    justify-content: center;
}

.OpenedOrder__itemAmount__G4yN {
    min-width: 106px;
}

.OpenedOrder__itemPledge_1pv_n {
    min-width: 112px;
}

.OpenedOrder__itemOpeningRate_2eKm4 {
    min-width: 149px;
}

.OpenedOrder__itemClosingRate_3RBcW {
    min-width: 186px;
}

.OpenedOrder__itemProfit_1p4wr {
    min-width: 117px;
}

.OpenedOrder__itemCommission_2V0Rf {
    min-width: 70px;
}

.OpenedOrder__itemClosingDate_1B0tj {
    min-width: 113px;
}

.OpenedOrder__itemDiffRate_3J3Dz {
    margin-left: 9px;
}

.OpenedOrder__footerItemTable_aJoQb {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;
    font-size: 14px;
    line-height: 9px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 72px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.OpenedOrder__footerItemTable_aJoQb:hover {
     background: #22273A;
 }

.OpenedOrder__footerItemTable_aJoQb .OpenedOrder__itemAmount__G4yN, .OpenedOrder__footerItemTable_aJoQb .OpenedOrder__itemCommission_2V0Rf, .OpenedOrder__footerItemTable_aJoQb .OpenedOrder__itemPledge_1pv_n {
    color: #A6B1DC;
}

.OpenedOrder__footerItemTable_aJoQb .OpenedOrder__itemClosingDate_1B0tj {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.OpenedOrder__footerItemTable_aJoQb {
    width: 100%
}
}

.OpenedOrder__footerItems_1FPde {
    display: flex;
    align-items: center;

}

.OpenedOrder__activePositionButton_h6nPq {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.OpenedOrder__activePositionButton_h6nPq::after {
     opacity: 1 !important;
 }

.OpenedOrder__rootLeftColumn_1gi4I {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.OpenedOrder__rootLeftColumn_1gi4I {
    display: none
}
}

.OpenedOrder__rootLeftColumnShow_3xgsJ {
    height: calc(44vh + 66px);
}

.OpenedOrder__rootLeftFullSize_OSAa3 {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.OpenedOrder__rootLeftFullSize_OSAa3 {
    transition-delay: -5s
}
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerHeaderTable_1wtSJ .OpenedOrder__itemCommission_2V0Rf {
    min-width: 91px;
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerHeaderTable_1wtSJ .OpenedOrder__itemClosingDate_1B0tj {
    min-width: 205px;
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__itemCommission_2V0Rf {
    min-width: 128px;
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__itemClosingDate_1B0tj {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__itemClosingDate_1B0tj:hover {
     background: #161A2A;
 }

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__itemClosingDate_1B0tj .OpenedOrder__arrowIcons_1PScx {
    display: flex;
    height: 100%;
}

.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__activeItemTable_iV1Y8 {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerRowsContainer_3ZCQf .OpenedOrder__itemCommission_2V0Rf {
        min-width: 91px;
    }
.OpenedOrder__openPositionSlide_3tq3M .OpenedOrder__footerHeaderTable_1wtSJ .OpenedOrder__itemClosingDate_1B0tj {
    min-width: 168px;
}
}

.OpenedOrder__activeClosingData_2VT6O {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.OpenedOrder__activeClosingData_2VT6O img {
    margin-left: 20px;
    cursor: pointer;
}

.OpenedOrder__activeItemCommission_9blLM {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.OpenedOrder__activeItemCommission_9blLM {
    min-width: 54px !important
}
}

.OpenedOrder__closeDealButton_vrgXd {
    height: 100%;
    display: flex;
    align-items: center;
}


.OpenedOrder__mobileOperations_3GB_x {
    display: flex;
}


.OpenedOrder__mobileOperations_3GB_x path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.OpenedOrder__mobileOperations_3GB_x {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.OpenedOrder__mobileOperations_3GB_x {
    border-top: none
}
}

.OpenedOrder__mobileAssetsButton_2wBiE {
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrder__mobileAssetsButton_2wBiE {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.OpenedOrder__mobileAssetsButton_2wBiE {
    height: 56px
}
}

@media(max-height: 544px) {

.OpenedOrder__mobileAssetsButton_2wBiE {
    height: 56px
}
}

.OpenedOrder__mobileOperationsTitle_3IQWt {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.OpenedOrder__mobileOperationsTitle_3IQWt {
    margin-top: 3px
}
}

.OpenedOrder__mobileOperationsButton_2GVlE {
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrder__mobileOperationsButton_2GVlE {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.OpenedOrder__mobileOperationsButton_2GVlE::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .OpenedOrder__mobileOperationsButton_2GVlE svg {
        width: 15px;
        height: 18px;
    }
}

.OpenedOrder__showMobileLeftContainer_2rZP9 {
    display: flex;
}

@media(max-width: 1024px) {

.OpenedOrder__showMobileLeftContainer_2rZP9 {
    width: 100%
}
}

.OpenedOrder__mobileFooterButton_3gvWQ {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.OpenedOrder__middleContainerMobile_3_DCr{
    display: none;
}

@media(max-width: 1024px) {

.OpenedOrder__middleContainerMobile_3_DCr{
    display: flex!important
}
}

@media(max-width: 1024px) {

.OpenedOrder__middleContainerDesktop_2E0UF {
    display: none !important
}
}

.OpenedOrder__mobileAssetsMiddleLine_3exAx {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.OpenedOrder__mobileOperationsActive_2EnOF {
    background: #161A2A;
}

.OpenedOrder__mobileOperationsActive_2EnOF::after {
     opacity: 1;
 }

.OpenedOrder__mobileOperationsActive_2EnOF path {
    fill: #F8F8F8
}

.OpenedOrder__mobileOperationsActive_2EnOF .OpenedOrder__mobileOperationsTitle_3IQWt {
    color: #F8F8F8;
}

.OpenedOrder__posValue_Hi8Xj {
    color: #27AE60 !important;
}

.OpenedOrder__negValue_1o60f {
    color: rgba(235, 87, 87, 0.75) !important;
}

.OpenedOrder__assetItemPair_33CIv {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.OpenedOrder__imgUpper_15H0W {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.OpenedOrder__imgLower_1Poia {
    height: 21px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.OpenedOrder__imgAlone_19B3L {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 20px;
}

.OpenedOrder__positionsFullSize_1FTm2 {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.OpenedOrder__preloader_2h41y {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

/* Мобильные стили для заказов */
@media(max-width: 768px) {
    .OpenedOrder__footerItemTable_aJoQb {
        flex-direction: column !important;
        height: auto !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        background: #1D2436 !important;
        border: 1px solid #333543 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        min-width: auto !important;
        width: 100% !important;
        max-width: 400px !important;
        margin-left: 20px !important;
    }

    .OpenedOrder__footerItems_1FPde {
        width: 100% !important;
        justify-content: space-between !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .OpenedOrder__footerItems_1FPde:last-child {
        border-bottom: none !important;
    }

    .OpenedOrder__itemAsset_DFGWc {
        min-width: auto !important;
        margin-left: 0 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .OpenedOrder__itemProfit_1p4wr {
        min-width: auto !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .OpenedOrder__itemAmount__G4yN,
    .OpenedOrder__itemPledge_1pv_n,
    .OpenedOrder__itemCreateDate_2OWSW,
    .OpenedOrder__itemOpeningRate_2eKm4,
    .OpenedOrder__profitAndLoss_Nhcz4 {
        min-width: auto !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .OpenedOrder__itemClosingDate_1B0tj {
        min-width: auto !important;
        justify-content: center !important;
        padding-right: 0 !important;
    }

    .OpenedOrder__assetItemPair_33CIv {
        width: 40px !important;
        height: 32px !important;
        margin-right: 12px !important;
    }

    .OpenedOrder__imgUpper_15H0W,
    .OpenedOrder__imgLower_1Poia,
    .OpenedOrder__imgAlone_19B3L {
        height: 28px !important;
        width: 28px !important;
    }

    /* Стили для меток полей */
    .OpenedOrder__footerItems_1FPde:before {
        content: attr(data-label);
        font-weight: 600;
        color: rgba(166, 177, 220, 0.75);
        margin-right: 10px;
        min-width: 80px;
    }

    /* Анимация появления */
    .OpenedOrder__footerItemTable_aJoQb {
        -webkit-animation: OpenedOrder__fadeInUp_3dWE- 0.5s ease-out;
                animation: OpenedOrder__fadeInUp_3dWE- 0.5s ease-out;
    }

    @-webkit-keyframes OpenedOrder__fadeInUp_3dWE- {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    @keyframes OpenedOrder__fadeInUp_3dWE- {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    /* Эффект наведения */
    .OpenedOrder__footerItemTable_aJoQb:hover {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }

    /* Дополнительные стили для очень маленьких экранов */
    @media(max-width: 480px) {
        .OpenedOrder__footerItemTable_aJoQb {
            padding: 15px !important;
            margin-bottom: 12px !important;
            margin-top: 20px;
            max-width: 90vw !important;
        }
        .OpenedOrder__footerItems_1FPde {
            padding: 10px 0 !important;
            font-size: 14px !important;
        }

        .OpenedOrder__itemAsset_DFGWc {
            font-size: 16px !important;
        }

        .OpenedOrder__assetItemPair_33CIv {
            width: 32px !important;
            height: 24px !important;
            margin-right: 8px !important;
        }

        .OpenedOrder__imgUpper_15H0W,
        .OpenedOrder__imgLower_1Poia,
        .OpenedOrder__imgAlone_19B3L {
            height: 24px !important;
            width: 24px !important;
        }
    }
}

.ClosedOrders__root_3-x8E {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.ClosedOrders__root_3-x8E {
    z-index: 10
}
}

@media(max-width: 544px) {

.ClosedOrders__root_3-x8E {
    height: 56px
}
}

@media(max-height: 544px) {

.ClosedOrders__root_3-x8E {
    height: 56px
}
}

.ClosedOrders__rootContainer_300Ad {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.ClosedOrders__rootContainer_300Ad {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.ClosedOrders__footerOrderContainer_2Cjd- {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.ClosedOrders__footerOrderContainer_2Cjd- {
    width: 100vw
}
}

.ClosedOrders__leftContainer_2mDoI {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf:last-child {
     color: #A6B1DC;
 }

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf:not(:last-child){
     cursor: pointer;
}

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf:not(:last-child):hover {
     background: #22273A;
 }

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__itemValue_3RS8O {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.ClosedOrders__leftContainer_2mDoI {
    margin-right: 20px
}

    .ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf {
        padding: 0 18px;
}

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.ClosedOrders__leftContainer_2mDoI {
    margin-right: 0;
    width: 100%
}

    .ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf {
        width: 50%;
        justify-content: center;
}

.ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf {
        flex-direction: column;
}

    .ClosedOrders__leftContainer_2mDoI .ClosedOrders__leftContainerItem_2gIdf .ClosedOrders__itemValue_3RS8O {
        margin-left: 0;
    }
}

.ClosedOrders__middleContainer_201T0 {
    display: flex;
    align-items: center;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__buttonItem_Rpbfe {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pu_2Onto {
    display: none;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__facilities_1lEZY {
    background: rgba(166, 177, 220, 0.25);
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pledge_2Sm47 {
    background: rgba(242, 201, 76, 0.25);
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__free_1dqEE {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.ClosedOrders__middleContainer_201T0 {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.ClosedOrders__middleContainer_201T0::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK {
        width: 33.333334%;
        margin-right: 0;
    }

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__pu_2Onto {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__pu_2Onto span {
        color: rgba(248, 248, 248, 0.5);
    }

.ClosedOrders__middleContainer_201T0 .ClosedOrders__facilities_1lEZY {
    background: rgb(58,64,86);
    min-width: 186px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pledge_2Sm47 {
    background: rgb(77,70,50);
    min-width: 145px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__free_1dqEE {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.ClosedOrders__middleContainer_201T0 {
    bottom: 56px
}

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK span {
        font-size: 12px;
        line-height: 15px;
    }

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pu_2Onto {
    min-width: 102px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__facilities_1lEZY {
    min-width: 139px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pledge_2Sm47 {
    min-width: 108px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__free_1dqEE {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.ClosedOrders__middleContainer_201T0 {
    bottom: 56px
}

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .ClosedOrders__middleContainer_201T0 .ClosedOrders__middleContainerButton_NJOYK span {
        font-size: 12px;
        line-height: 15px;
    }

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pu_2Onto {
    min-width: 102px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__facilities_1lEZY {
    min-width: 139px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__pledge_2Sm47 {
    min-width: 108px;
}

.ClosedOrders__middleContainer_201T0 .ClosedOrders__free_1dqEE {
    min-width: 149px;
}
}

.ClosedOrders__rightContainer_2FV8r {
    display: flex;
    align-items: center;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA path {
    transition: all .3s ease;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA:first-child {
     margin-right: 44px;
 }

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA:hover {
     background: #161A2A;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA:hover path {
    fill: #F8F8F8;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__activeButton_2iCMx {
    background: #161A2A;
}

.ClosedOrders__rightContainer_2FV8r .ClosedOrders__activeButton_2iCMx path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.ClosedOrders__rightContainer_2FV8r .ClosedOrders__buttonContainer_3rxBA:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.ClosedOrders__rightContainer_2FV8r {
    display: none
}
}

@media(max-width: 1024px) {

.ClosedOrders__rightContainer_2FV8r {
    display: none
}
}

.ClosedOrders__footerOpenContainer_1MNU9 {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.ClosedOrders__footerOpenContainer_1MNU9 {
    height: unset
}
}

@media(max-width: 544px) {

.ClosedOrders__footerOpenContainer_1MNU9 {
    top: 51px
}
}

@media(max-height: 544px) {

.ClosedOrders__footerOpenContainer_1MNU9 {
    top: 51px;
    overflow: hidden
}
}

.ClosedOrders__openPositionSlide_1NKIL, .ClosedOrders__closePositionSlide_oMnfg {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.ClosedOrders__openPositionSlide_1NKIL::-webkit-scrollbar, .ClosedOrders__closePositionSlide_oMnfg::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.ClosedOrders__openPositionSlide_1NKIL::-webkit-scrollbar-thumb, .ClosedOrders__closePositionSlide_oMnfg::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.ClosedOrders__openPositionSlide_1NKIL::-webkit-scrollbar-thumb:hover, .ClosedOrders__closePositionSlide_oMnfg::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.ClosedOrders__openPositionSlide_1NKIL, .ClosedOrders__closePositionSlide_oMnfg {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.ClosedOrders__openPositionSlide_1NKIL::-webkit-scrollbar, .ClosedOrders__closePositionSlide_oMnfg::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.ClosedOrders__openPositionSlide_1NKIL, .ClosedOrders__closePositionSlide_oMnfg {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.ClosedOrders__openPositionSlide_1NKIL, .ClosedOrders__closePositionSlide_oMnfg {
    height: calc(100vh - 191px)
}
}

.ClosedOrders__footerContentVisible_1otNS {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.ClosedOrders__footerContentVisible_1otNS {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.ClosedOrders__footerContentVisible_1otNS {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.ClosedOrders__footerContentVisible_1otNS {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.ClosedOrders__footerContentVisibleFullSize_2OKPP {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.ClosedOrders__footerRootContainerFullSize_3tIBM {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.ClosedOrders__footerHeaderTable_6dQ1I {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {
    .ClosedOrders__footerHeaderTable_6dQ1I {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 23;
        background: rgb(11 10 26);
    }
}

/* Мобильные стили для заголовков таблицы */
@media(max-width: 768px) {
    .ClosedOrders__footerHeaderTable_6dQ1I {
        display: none !important;
    }
}

.ClosedOrders__footerRowsContainer_35HJ7 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.ClosedOrders__footerRowsContainer_35HJ7 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

/* Мобильные стили для контейнера строк */

@media(max-width: 768px) {
    .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__footerRowsContainer_35HJ7 {
        width: 100% !important;
        min-width: auto !important;
        padding: 0 15px;
    }
}

.ClosedOrders__itemNum_3AaXz {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.ClosedOrders__itemCreateDate_1xcBt {
    min-width: 124px;
}

.ClosedOrders__itemCloseDate_3LcsD {
    min-width: 124px;
}

.ClosedOrders__itemAsset_2Sjit {
    min-width: 148px;
}

.ClosedOrders__itemAsset_2Sjit .ClosedOrders__firstImg_1VeU0 {
    margin-right: 8px;
}

.ClosedOrders__itemAsset_2Sjit .ClosedOrders__secondImg_1lGm3 {
    margin-left: 7px;
}

.ClosedOrders__profitAndLoss_1C8Ld {
    min-width: 106px;
}

.ClosedOrders__itemAmount_21E0h {
    min-width: 106px;
}

.ClosedOrders__itemPledge_1GmVN {
    min-width: 112px;
}

.ClosedOrders__itemOpeningRate_1hD0_ {
    min-width: 149px;
}

.ClosedOrders__itemClosingRate_3xaiK {
    min-width: 186px;
}

.ClosedOrders__itemProfit_3TTs1 {
    min-width: 117px;
}

.ClosedOrders__itemCommission_2sa_U {
    min-width: 70px;
}

.ClosedOrders__itemClosingDate_84Q-C {
    min-width: 113px;
}

.ClosedOrders__itemDiffRate_1gUGt {
    margin-left: 9px;
}

.ClosedOrders__footerItemTable_2Uz33 {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.ClosedOrders__footerItemTable_2Uz33:hover {
     background: #22273A;
 }

.ClosedOrders__footerItemTable_2Uz33 .ClosedOrders__itemAmount_21E0h, .ClosedOrders__footerItemTable_2Uz33 .ClosedOrders__itemCommission_2sa_U, .ClosedOrders__footerItemTable_2Uz33 .ClosedOrders__itemPledge_1GmVN {
    color: #A6B1DC;
}

.ClosedOrders__footerItemTable_2Uz33 .ClosedOrders__itemClosingDate_84Q-C {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.ClosedOrders__footerItemTable_2Uz33 {
    width: 100%
}
}

.ClosedOrders__footerItems_34Rxs {
    display: flex;
    align-items: center;

}

.ClosedOrders__activePositionButton_3b59k {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.ClosedOrders__activePositionButton_3b59k::after {
     opacity: 1 !important;
 }

.ClosedOrders__rootLeftColumn_29CDr {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.ClosedOrders__rootLeftColumn_29CDr {
    display: none
}
}

.ClosedOrders__rootLeftColumnShow_1ASZR {
    height: calc(44vh + 66px);
}

.ClosedOrders__rootLeftFullSize_2PXIx {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.ClosedOrders__rootLeftFullSize_2PXIx {
    transition-delay: -5s
}
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerHeaderTable_6dQ1I .ClosedOrders__itemCommission_2sa_U {
    min-width: 91px;
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerHeaderTable_6dQ1I .ClosedOrders__itemClosingDate_84Q-C {
    min-width: 205px;
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__itemCommission_2sa_U {
    min-width: 128px;
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__itemClosingDate_84Q-C {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__itemClosingDate_84Q-C:hover {
     background: #161A2A;
 }

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__itemClosingDate_84Q-C .ClosedOrders__arrowIcons_eMW67 {
    display: flex;
    height: 100%;
}

.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__activeItemTable_-DQFK {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerRowsContainer_35HJ7 .ClosedOrders__itemCommission_2sa_U {
        min-width: 91px;
    }
.ClosedOrders__openPositionSlide_1NKIL .ClosedOrders__footerHeaderTable_6dQ1I .ClosedOrders__itemClosingDate_84Q-C {
    min-width: 168px;
}
}

.ClosedOrders__activeClosingData_1XqkK {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.ClosedOrders__activeClosingData_1XqkK img {
    margin-left: 20px;
    cursor: pointer;
}

.ClosedOrders__activeItemCommission_2uzpv {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.ClosedOrders__activeItemCommission_2uzpv {
    min-width: 54px !important
}
}

.ClosedOrders__closeDealButton_3rMWo {
    height: 100%;
    display: flex;
    align-items: center;
}


.ClosedOrders__mobileOperations_37lYi {
    display: flex;
}


.ClosedOrders__mobileOperations_37lYi path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.ClosedOrders__mobileOperations_37lYi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.ClosedOrders__mobileOperations_37lYi {
    border-top: none
}
}

.ClosedOrders__mobileAssetsButton_roY2m {
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrders__mobileAssetsButton_roY2m {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.ClosedOrders__mobileAssetsButton_roY2m {
    height: 56px
}
}

@media(max-height: 544px) {

.ClosedOrders__mobileAssetsButton_roY2m {
    height: 56px
}
}

.ClosedOrders__mobileOperationsTitle_haDAh {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.ClosedOrders__mobileOperationsTitle_haDAh {
    margin-top: 3px
}
}

.ClosedOrders__mobileOperationsButton_2ZW5J {
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrders__mobileOperationsButton_2ZW5J {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.ClosedOrders__mobileOperationsButton_2ZW5J::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .ClosedOrders__mobileOperationsButton_2ZW5J svg {
        width: 15px;
        height: 18px;
    }
}

.ClosedOrders__showMobileLeftContainer_2XVo1 {
    display: flex;
}

@media(max-width: 1024px) {

.ClosedOrders__showMobileLeftContainer_2XVo1 {
    width: 100%
}
}

.ClosedOrders__mobileFooterButton_3JoBw {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.ClosedOrders__middleContainerMobile_37T69{
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrders__middleContainerMobile_37T69{
    display: flex!important
}
}

@media(max-width: 1024px) {

.ClosedOrders__middleContainerDesktop_GVnYR {
    display: none !important
}
}

.ClosedOrders__mobileAssetsMiddleLine_ZC-DH {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.ClosedOrders__mobileOperationsActive_15dKG {
    background: #161A2A;
}

.ClosedOrders__mobileOperationsActive_15dKG::after {
     opacity: 1;
 }

.ClosedOrders__mobileOperationsActive_15dKG path {
    fill: #F8F8F8
}

.ClosedOrders__mobileOperationsActive_15dKG .ClosedOrders__mobileOperationsTitle_haDAh {
    color: #F8F8F8;
}

.ClosedOrders__posValue_1fFVh {
    color: #27AE60 !important;
}

.ClosedOrders__negValue_26ZdW {
    color: rgba(235, 87, 87, 0.75) !important;
}

.ClosedOrders__assetItemPair_wAMyl {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.ClosedOrders__imgUpper_3NCmw {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.ClosedOrders__imgLower_l6uLv {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.ClosedOrders__imgAlone_14xj6 {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.ClosedOrders__positionsFullSize_2BvUU {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.ClosedOrders__preloader_UXQcI {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}



.ClosedOrder__root_1MBKv {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.ClosedOrder__root_1MBKv {
    z-index: 10
}
}

@media(max-width: 544px) {

.ClosedOrder__root_1MBKv {
    height: 56px
}
}

@media(max-height: 544px) {

.ClosedOrder__root_1MBKv {
    height: 56px
}
}

.ClosedOrder__rootContainer_YoeLU {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.ClosedOrder__rootContainer_YoeLU {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.ClosedOrder__footerOrderContainer_TDnGF {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.ClosedOrder__footerOrderContainer_TDnGF {
    width: 100vw
}
}

.ClosedOrder__leftContainer_Oswnd {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW:last-child {
     color: #A6B1DC;
 }

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW:not(:last-child){
     cursor: pointer;
}

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW:not(:last-child):hover {
     background: #22273A;
 }

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__itemValue_2yz7g {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.ClosedOrder__leftContainer_Oswnd {
    margin-right: 20px
}

    .ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW {
        padding: 0 18px;
}

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.ClosedOrder__leftContainer_Oswnd {
    margin-right: 0;
    width: 100%
}

    .ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW {
        width: 50%;
        justify-content: center;
}

.ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW {
        flex-direction: column;
}

    .ClosedOrder__leftContainer_Oswnd .ClosedOrder__leftContainerItem_LLqEW .ClosedOrder__itemValue_2yz7g {
        margin-left: 0;
    }
}

.ClosedOrder__middleContainer_2k-iK {
    display: flex;
    align-items: center;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__buttonItem_2SQhv {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pu_1tGj8 {
    display: none;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__facilities_3Nygu {
    background: rgba(166, 177, 220, 0.25);
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pledge_R2xWI {
    background: rgba(242, 201, 76, 0.25);
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__free_2T84_ {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.ClosedOrder__middleContainer_2k-iK {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.ClosedOrder__middleContainer_2k-iK::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk {
        width: 33.333334%;
        margin-right: 0;
    }

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__pu_1tGj8 {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__pu_1tGj8 span {
        color: rgba(248, 248, 248, 0.5);
    }

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__facilities_3Nygu {
    background: rgb(58,64,86);
    min-width: 186px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pledge_R2xWI {
    background: rgb(77,70,50);
    min-width: 145px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__free_2T84_ {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.ClosedOrder__middleContainer_2k-iK {
    bottom: 56px
}

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk span {
        font-size: 12px;
        line-height: 15px;
    }

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pu_1tGj8 {
    min-width: 102px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__facilities_3Nygu {
    min-width: 139px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pledge_R2xWI {
    min-width: 108px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__free_2T84_ {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.ClosedOrder__middleContainer_2k-iK {
    bottom: 56px
}

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .ClosedOrder__middleContainer_2k-iK .ClosedOrder__middleContainerButton_1nrfk span {
        font-size: 12px;
        line-height: 15px;
    }

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pu_1tGj8 {
    min-width: 102px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__facilities_3Nygu {
    min-width: 139px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__pledge_R2xWI {
    min-width: 108px;
}

.ClosedOrder__middleContainer_2k-iK .ClosedOrder__free_2T84_ {
    min-width: 149px;
}
}

.ClosedOrder__rightContainer_2OzzE {
    display: flex;
    align-items: center;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi path {
    transition: all .3s ease;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi:first-child {
     margin-right: 44px;
 }

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi:hover {
     background: #161A2A;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi:hover path {
    fill: #F8F8F8;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__activeButton_AgGWQ {
    background: #161A2A;
}

.ClosedOrder__rightContainer_2OzzE .ClosedOrder__activeButton_AgGWQ path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.ClosedOrder__rightContainer_2OzzE .ClosedOrder__buttonContainer_1ydDi:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.ClosedOrder__rightContainer_2OzzE {
    display: none
}
}

@media(max-width: 1024px) {

.ClosedOrder__rightContainer_2OzzE {
    display: none
}
}

.ClosedOrder__footerOpenContainer_1S6rG {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.ClosedOrder__footerOpenContainer_1S6rG {
    height: unset
}
}

@media(max-width: 544px) {

.ClosedOrder__footerOpenContainer_1S6rG {
    top: 51px
}
}

@media(max-height: 544px) {

.ClosedOrder__footerOpenContainer_1S6rG {
    top: 51px;
    overflow: hidden
}
}

.ClosedOrder__openPositionSlide_3m-rb, .ClosedOrder__closePositionSlide_3LKTI {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.ClosedOrder__openPositionSlide_3m-rb::-webkit-scrollbar, .ClosedOrder__closePositionSlide_3LKTI::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.ClosedOrder__openPositionSlide_3m-rb::-webkit-scrollbar-thumb, .ClosedOrder__closePositionSlide_3LKTI::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.ClosedOrder__openPositionSlide_3m-rb::-webkit-scrollbar-thumb:hover, .ClosedOrder__closePositionSlide_3LKTI::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.ClosedOrder__openPositionSlide_3m-rb, .ClosedOrder__closePositionSlide_3LKTI {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.ClosedOrder__openPositionSlide_3m-rb::-webkit-scrollbar, .ClosedOrder__closePositionSlide_3LKTI::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.ClosedOrder__openPositionSlide_3m-rb, .ClosedOrder__closePositionSlide_3LKTI {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.ClosedOrder__openPositionSlide_3m-rb, .ClosedOrder__closePositionSlide_3LKTI {
    height: calc(100vh - 191px)
}
}

.ClosedOrder__footerContentVisible_1H6_n {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.ClosedOrder__footerContentVisible_1H6_n {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.ClosedOrder__footerContentVisible_1H6_n {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.ClosedOrder__footerContentVisible_1H6_n {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.ClosedOrder__footerContentVisibleFullSize_3_TKq {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.ClosedOrder__footerRootContainerFullSize_1ImPc {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.ClosedOrder__footerHeaderTable_3shGA {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.ClosedOrder__footerHeaderTable_3shGA {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 23;
    background: rgb(11 10 26)
}
}

.ClosedOrder__footerRowsContainer_10yfq {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.ClosedOrder__footerRowsContainer_10yfq {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

.ClosedOrder__itemNum_2YxUK {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.ClosedOrder__itemCreateDate_3xSft {
    min-width: 124px;
}

.ClosedOrder__itemCloseDate_2rmsV {
    min-width: 124px;
}

.ClosedOrder__itemAsset_2iauw {
    min-width: 148px;
}

.ClosedOrder__itemAsset_2iauw .ClosedOrder__firstImg_SkDaK {
    margin-right: 8px;
}

.ClosedOrder__itemAsset_2iauw .ClosedOrder__secondImg_chAuD {
    margin-left: 7px;
}

.ClosedOrder__profitAndLoss_3nyoo {
    min-width: 106px;
}

.ClosedOrder__itemAmount_179kY {
    min-width: 106px;
}

.ClosedOrder__itemPledge_1Yfzy {
    min-width: 112px;
}

.ClosedOrder__itemOpeningRate_2AKj1 {
    min-width: 149px;
}

.ClosedOrder__itemClosingRate_3357g {
    min-width: 186px;
}

.ClosedOrder__itemProfit_3hsN1 {
    min-width: 117px;
}

.ClosedOrder__itemCommission_2MB7z {
    min-width: 70px;
}

.ClosedOrder__itemClosingDate_VDDIZ {
    min-width: 113px;
}

.ClosedOrder__itemDiffRate_3jthx {
    margin-left: 9px;
}

.ClosedOrder__footerItemTable_3Cg4I {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.ClosedOrder__footerItemTable_3Cg4I:hover {
     background: #22273A;
 }

.ClosedOrder__footerItemTable_3Cg4I .ClosedOrder__itemAmount_179kY, .ClosedOrder__footerItemTable_3Cg4I .ClosedOrder__itemCommission_2MB7z, .ClosedOrder__footerItemTable_3Cg4I .ClosedOrder__itemPledge_1Yfzy {
    color: #A6B1DC;
}

.ClosedOrder__footerItemTable_3Cg4I .ClosedOrder__itemClosingDate_VDDIZ {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.ClosedOrder__footerItemTable_3Cg4I {
    width: 100%
}
}

.ClosedOrder__footerItems_1ziaK {
    display: flex;
    align-items: center;

}

.ClosedOrder__activePositionButton_3g9zf {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.ClosedOrder__activePositionButton_3g9zf::after {
     opacity: 1 !important;
 }

.ClosedOrder__rootLeftColumn_1121O {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.ClosedOrder__rootLeftColumn_1121O {
    display: none
}
}

.ClosedOrder__rootLeftColumnShow_3o-sb {
    height: calc(44vh + 66px);
}

.ClosedOrder__rootLeftFullSize__gbSb {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.ClosedOrder__rootLeftFullSize__gbSb {
    transition-delay: -5s
}
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerHeaderTable_3shGA .ClosedOrder__itemCommission_2MB7z {
    min-width: 91px;
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerHeaderTable_3shGA .ClosedOrder__itemClosingDate_VDDIZ {
    min-width: 205px;
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__itemCommission_2MB7z {
    min-width: 128px;
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__itemClosingDate_VDDIZ {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__itemClosingDate_VDDIZ:hover {
     background: #161A2A;
 }

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__itemClosingDate_VDDIZ .ClosedOrder__arrowIcons_2OFJa {
    display: flex;
    height: 100%;
}

.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__activeItemTable_3wbrE {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerRowsContainer_10yfq .ClosedOrder__itemCommission_2MB7z {
        min-width: 91px;
    }
.ClosedOrder__openPositionSlide_3m-rb .ClosedOrder__footerHeaderTable_3shGA .ClosedOrder__itemClosingDate_VDDIZ {
    min-width: 168px;
}
}

.ClosedOrder__activeClosingData_Xpin_ {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.ClosedOrder__activeClosingData_Xpin_ img {
    margin-left: 20px;
    cursor: pointer;
}

.ClosedOrder__activeItemCommission_1ADUx {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.ClosedOrder__activeItemCommission_1ADUx {
    min-width: 54px !important
}
}

.ClosedOrder__closeDealButton_10XGB {
    height: 100%;
    display: flex;
    align-items: center;
}


.ClosedOrder__mobileOperations_2CIJT {
    display: flex;
}


.ClosedOrder__mobileOperations_2CIJT path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.ClosedOrder__mobileOperations_2CIJT {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.ClosedOrder__mobileOperations_2CIJT {
    border-top: none
}
}

.ClosedOrder__mobileAssetsButton_O5Wn_ {
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrder__mobileAssetsButton_O5Wn_ {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.ClosedOrder__mobileAssetsButton_O5Wn_ {
    height: 56px
}
}

@media(max-height: 544px) {

.ClosedOrder__mobileAssetsButton_O5Wn_ {
    height: 56px
}
}

.ClosedOrder__mobileOperationsTitle_3hyei {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.ClosedOrder__mobileOperationsTitle_3hyei {
    margin-top: 3px
}
}

.ClosedOrder__mobileOperationsButton_3yNjf {
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrder__mobileOperationsButton_3yNjf {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.ClosedOrder__mobileOperationsButton_3yNjf::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .ClosedOrder__mobileOperationsButton_3yNjf svg {
        width: 15px;
        height: 18px;
    }
}

.ClosedOrder__showMobileLeftContainer_1Wi8n {
    display: flex;
}

@media(max-width: 1024px) {

.ClosedOrder__showMobileLeftContainer_1Wi8n {
    width: 100%
}
}

.ClosedOrder__mobileFooterButton_1xX8e {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.ClosedOrder__middleContainerMobile_1nsPR{
    display: none;
}

@media(max-width: 1024px) {

.ClosedOrder__middleContainerMobile_1nsPR{
    display: flex!important
}
}

@media(max-width: 1024px) {

.ClosedOrder__middleContainerDesktop_1oes1 {
    display: none !important
}
}

.ClosedOrder__mobileAssetsMiddleLine_3R9QO {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.ClosedOrder__mobileOperationsActive_2N-Ms {
    background: #161A2A;
}

.ClosedOrder__mobileOperationsActive_2N-Ms::after {
     opacity: 1;
 }

.ClosedOrder__mobileOperationsActive_2N-Ms path {
    fill: #F8F8F8
}

.ClosedOrder__mobileOperationsActive_2N-Ms .ClosedOrder__mobileOperationsTitle_3hyei {
    color: #F8F8F8;
}

.ClosedOrder__posValue_WrzOC {
    color: #27AE60 !important;
}

.ClosedOrder__negValue_bdEaz {
    color: rgba(235, 87, 87, 0.75) !important;
}

.ClosedOrder__assetItemPair_30E_- {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.ClosedOrder__imgUpper_2R1p4 {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.ClosedOrder__imgLower_NUBoX {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.ClosedOrder__imgAlone_1VnUP {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.ClosedOrder__positionsFullSize_lqTkW {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.ClosedOrder__preloader_XShAn {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

/* Мобильные стили для заказов */
@media(max-width: 768px) {
    .ClosedOrder__footerItemTable_3Cg4I {
        flex-direction: column !important;
        height: auto !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        background: #1D2436 !important;
        border: 1px solid #333543 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        min-width: auto !important;
        width: 100% !important;
        max-width: 400px !important;
        margin-left: 20px !important;
    }

    .ClosedOrder__footerItems_1ziaK {
        width: 100% !important;
        justify-content: space-between !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .ClosedOrder__footerItems_1ziaK:last-child {
        border-bottom: none !important;
    }

    .ClosedOrder__itemAsset_2iauw {
        min-width: auto !important;
        margin-left: 0 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .ClosedOrder__itemProfit_3hsN1 {
        min-width: auto !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .ClosedOrder__itemAmount_179kY,
    .ClosedOrder__itemPledge_1Yfzy,
    .ClosedOrder__itemCreateDate_3xSft,
    .ClosedOrder__itemCloseDate_2rmsV,
    .ClosedOrder__itemOpeningRate_2AKj1,
    .ClosedOrder__itemClosingRate_3357g,
    .ClosedOrder__itemCommission_2MB7z,
    .ClosedOrder__profitAndLoss_3nyoo {
        min-width: auto !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .ClosedOrder__itemClosingDate_VDDIZ {
        min-width: auto !important;
        justify-content: center !important;
        padding-right: 0 !important;
    }

    .ClosedOrder__assetItemPair_30E_- {
        width: 40px !important;
        height: 32px !important;
        margin-right: 12px !important;
    }

    .ClosedOrder__imgUpper_2R1p4,
    .ClosedOrder__imgLower_NUBoX,
    .ClosedOrder__imgAlone_1VnUP {
        height: 28px !important;
        width: 28px !important;
    }

    /* Стили для меток полей */
    .ClosedOrder__footerItems_1ziaK:before {
        content: attr(data-label);
        font-weight: 600;
        color: rgba(166, 177, 220, 0.75);
        margin-right: 10px;
        min-width: 80px;
    }

    /* Анимация появления */
    .ClosedOrder__footerItemTable_3Cg4I {
        -webkit-animation: ClosedOrder__fadeInUp_1W_tp 0.5s ease-out;
                animation: ClosedOrder__fadeInUp_1W_tp 0.5s ease-out;
    }

    @-webkit-keyframes ClosedOrder__fadeInUp_1W_tp {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    @keyframes ClosedOrder__fadeInUp_1W_tp {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    /* Эффект наведения */
    .ClosedOrder__footerItemTable_3Cg4I:hover {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }

    /* Дополнительные стили для очень маленьких экранов */
    @media(max-width: 480px) {
        .ClosedOrder__footerItemTable_3Cg4I {
            padding: 15px !important;
            margin-bottom: 12px !important;
            margin-top: 20px;
            max-width: 90vw !important;
        }

        .ClosedOrder__footerItems_1ziaK {
            padding: 10px 0 !important;
            font-size: 14px !important;
        }

        .ClosedOrder__itemAsset_2iauw {
            font-size: 16px !important;
        }

        .ClosedOrder__assetItemPair_30E_- {
            width: 32px !important;
            height: 24px !important;
            margin-right: 8px !important;
        }

        .ClosedOrder__imgUpper_2R1p4,
        .ClosedOrder__imgLower_NUBoX,
        .ClosedOrder__imgAlone_1VnUP {
            height: 24px !important;
            width: 24px !important;
        }
    }
}

.MenuButton__buttonContainer_23rsI {
    width: 44px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #0B0A1A;
    position: relative;
    transition: all .3s ease;

}

.MenuButton__buttonContainer_23rsI::after {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     height: 2px;
     width: 100%;
     z-index: 1;
     transition: all .3s ease;
     background: #4D6ADC;
     opacity: 0;
 }

.MenuButton__buttonContainer_23rsI:first-child .MenuButton__button_3QMCZ {
    margin-top: 4px;
}

@media(max-width: 756px) {

.MenuButton__buttonContainer_23rsI {
  display: none !important

}
}

.MenuButton__activeButtonText_2aghK {
    color: #F8F8F8 !important;
}

.MenuButton__button_3QMCZ {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    text-align: center;
    margin-top: 5px;
    transition: all .4s ease;
}

@media(max-width: 544px) {

.MenuButton__button_3QMCZ {
    margin-top: 0
}
}

@media(max-height: 544px) {

.MenuButton__button_3QMCZ {
    margin-top: 0
}
}

.MenuButton__burgerButton_I3w51 {
    position: relative;
    width: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3px;
}

.MenuButton__burgerLine_3JOIz {
    width: 3px;
    height: 3px;
    position: relative;
    background-color: #A6B1DC;
}

.MenuButton__burgerLine_3JOIz::before, .MenuButton__burgerLine_3JOIz::after {
                content: '';
                width: 3px;
                height: 3px;
                position: absolute;
                left: 0;
                background-color: #A6B1DC;
                z-index: 1;
                transition: all .4s ease;
            }

.MenuButton__burgerLine_3JOIz::before {
     -webkit-transform: translateY(-7px);
             transform: translateY(-7px);
 }

.MenuButton__burgerLine_3JOIz::after {
     -webkit-transform: translateY(7px);
             transform: translateY(7px);
 }

@media(max-width: 544px) {

.MenuButton__burgerLine_3JOIz {
    height: 2px
}

.MenuButton__burgerLine_3JOIz::before, .MenuButton__burgerLine_3JOIz::after {
                height: 2px;
            }

.MenuButton__burgerLine_3JOIz::before {
     -webkit-transform: translateY(-5px);
             transform: translateY(-5px);
 }

.MenuButton__burgerLine_3JOIz::after {
     -webkit-transform: translateY(5px);
             transform: translateY(5px);
 }
}

@media(max-height: 544px) {

.MenuButton__burgerLine_3JOIz {
    height: 2px
}

.MenuButton__burgerLine_3JOIz::before, .MenuButton__burgerLine_3JOIz::after {
                height: 2px;
            }

.MenuButton__burgerLine_3JOIz::before {
     -webkit-transform: translateY(-5px);
             transform: translateY(-5px);
 }

.MenuButton__burgerLine_3JOIz::after {
     -webkit-transform: translateY(5px);
             transform: translateY(5px);
 }
}

.MenuButton__menuActive_RZGm1 .MenuButton__burgerLine_3JOIz::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #F8F8F8;
}

.MenuButton__menuActive_RZGm1 .MenuButton__burgerLine_3JOIz::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #F8F8F8;
}

.MenuButton__menuActive_RZGm1 .MenuButton__burgerLine_3JOIz {
    height: 0;
}

.MenuButton__menuContent_1jrAc {
    position: absolute;
    width: 300px;
    height: 100%;
    background: rgb(11 10 26);
    z-index: -1;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 5px;
}

@media(max-width: 1024px) {

.MenuButton__menuContent_1jrAc {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    right: 0;
    width: 100%;
    top: 84px;
    height: calc(100vh - 187px) !important
}
}

@media(max-width: 544px) {

.MenuButton__menuContent_1jrAc {
    top: 54px;
    height: calc(100vh - 133px) !important
}
}

@media(max-height: 544px) and (orientation: landscape) {

.MenuButton__menuContent_1jrAc {
    top: 54px;
    height: calc(100vh - 133px) !important
}
}

@media(max-width: 1024px) {

.MenuButton__menuContentChatPageOpen_2DFW- {
    height: 100vh !important
}
}

.MenuButton__menuOpen_2qjtF {
    -webkit-transform: translateX(42px);
            transform: translateX(42px);
}

@media(max-width: 1024px) {

.MenuButton__menuOpen_2qjtF {
    -webkit-transform: translateX(0%);
            transform: translateX(0%)
}
}

.MenuButton__title_2qtTt {
    font-family: SF Pro Display, sans-serif;;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    padding: 24px;
    border-bottom: 1px solid #333543;
}

.MenuButton__buttonActive_1syly {
    background: #161A2A;
}

@media(max-width: 1024px) {
.MenuButton__buttonActive_1syly::after {
    opacity: 1;
}
}

.MenuButton__contentItem_T8Bur {
    margin-left: 26px;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: rgba(248, 248, 248, 0.5);
    margin-top: 26px;
    display: flex;
}

.MenuButton__contentItem_T8Bur:last-child {
     margin-bottom: 24px;
 }

.MenuButton__contentItem_T8Bur a {
    color: inherit;
    text-decoration: none;
}

@media(max-width: 1024px) {

.MenuButton__contentItem_T8Bur {
    margin-top: 24px;
    margin-left: 16px
}
}

.MenuButton__languagesSelectorMargin_30aMt {
    margin-top: 45px;
}

.MenuButton__signIn_n-_4g {
    position: relative;
    margin-right: 8px;
}

.MenuButton__contentItemText_3QWyM {
    transition: all .3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.MenuButton__contentItemText_3QWyM path {
    transition: all .3s ease;
}

.MenuButton__contentItemText_3QWyM:hover {
     color: #F8F8F8;
}

.MenuButton__contentItemText_3QWyM:hover path {
    fill-opacity: 1;
}

.MenuButton__contentItemTextLang_3BW3i {
    transition: all .3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.MenuButton__contentItemTextLang_3BW3i path {
    transition: all .3s ease;
}

.MenuButton__contentItemTextLang_3BW3i:hover {
     color: #F8F8F8;
}

.MenuButton__contentItemTextLang_3BW3i:hover path {
    fill-opacity: 1;
}

.MenuButton__rate_3qyg- {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: cadetblue;
    margin-left: 5px;
}

.MenuButton__iconContainer_3mU3C {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

@media(max-height: 544px) and (orientation: landscape) {

.MenuButton__contentContainer_PyCq4 {
    height: calc(100vh - 213px);
    position: relative;
    overflow: auto
}
}

.MenuButton__buttonImg_2WN1i {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: all .3s ease;
}

@media(max-width: 1024px) {

.MenuButton__buttonImg_2WN1i {
    display: none
}
}

.MenuButton__activeButtonImg_1mdUY {
    opacity: 1;
}

.ChatPage__chatContainer_3IvH7 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: inherit;
    top: 0;
}

    @media(max-width: 1024px) {.ChatPage__chatContainer_3IvH7 {
        height: calc(100% - 84px);
        width: 100%
}
    }

    @media(max-width: 544px) {.ChatPage__chatContainer_3IvH7 {
        height: calc(100% - 56px)
}
    }

    @media(max-height: 544px) and (orientation: landscape) {.ChatPage__chatContainer_3IvH7 {
        height: calc(100% - 56px)
}
    }

@media(max-width: 1024px) {

.ChatPage__titleContainer_DIhn- {
        position: relative
}
    }

.ChatPage__title_2q-u- {
    font-family: 'FuturaPT-Medium';
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    padding: 24px 0;
    border-bottom: 1px solid rgba(248, 248, 248, 0.05);
}

@media(max-width: 1024px) {

.ChatPage__title_2q-u- {
        padding: 24px
}
    }

@media(max-width: 544px) {

.ChatPage__title_2q-u- {
        background: #22273A;
        padding: 2px 0 4px
}
    }

@media(max-height: 544px) and (orientation: landscape) {

.ChatPage__title_2q-u- {
        background: #22273A;
        padding: 2px 0 4px
}
    }

.ChatPage__messagesContainer_2_kXB {
    width: 100%;
    flex-grow: 1;
    padding: 32px 12px 32px 8px;
    margin: 4px 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.ChatPage__messagesContainer_2_kXB::-webkit-scrollbar {
        width: 7px;
        height: 2px;
        background: rgb(96,105,137);
    }

.ChatPage__messagesContainer_2_kXB::-webkit-scrollbar-thumb {
        background: rgb(166,177,220);
        border-radius: 10px;
    }

.ChatPage__messagesContainer_2_kXB::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

.ChatPage__messagesContainer_2_kXB.ChatPage__noScrollWrapper_166kc{
        justify-content: flex-end;
     }

@media(max-width: 1024px) {

.ChatPage__messagesContainer_2_kXB {
        padding: 2px 18.25px 27px
}
     }

.ChatPage__invisible_doCYA {
    flex-grow: 1;
}

.ChatPage__messageContainer_si29M{
    display: flex;
    align-items: center;
}

.ChatPage__messageContainer_si29M:not(:last-child) {
        margin-bottom: 24px;
    }

.ChatPage__messageContainerAdmin_1bYv9{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.ChatPage__messageContainerAdmin_1bYv9:not(:last-child) {
        margin-bottom: 24px;
    }

.ChatPage__messageInfo_UsqxT {
    background-color: rgba(166, 177, 220, 0.25);
    padding: 6px 12px 8px;
    flex-grow: 1;
    max-width: 235px;
}

.ChatPage__messageInfoAdmin_32exY {
    background-color: rgba(77, 106, 220, 0.25);
    padding: 6px 12px 8px;
    flex-grow: 1;
    max-width: 235px;
}

.ChatPage__sender_34dmG {
    font-family: 'FuturaPT-Light';
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #A6B1DC;
    margin-bottom: 4px;
}

.ChatPage__senderTime_W1L-8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ChatPage__timeSent_1cxm5 {
    font-family: 'FuturaPT-Light';
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    letter-spacing: 0.01em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(166, 177, 220, 0.5);
}

.ChatPage__messageText_3V7mk {
    font-family: 'FuturaPT-Light';
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    word-wrap: break-word;
}

.ChatPage__avatar_17WRU {
    height: 31.5px;
    width: 31.5px;
    margin-right: 10.25px;

}

.ChatPage__avatarAdmin_2C9ex {
    height: 31.5px;
    width: 31.5px;
    margin-left: 10.25px;
}

.ChatPage__image_odRDL {
    
}

.ChatPage__inputContainer_2P4AX {
    width: 100%;
}

.ChatPage__inputWrapper_TWylg {
    display: flex;
}

.ChatPage__input_2zEQl {
    height: 58px;
    flex-grow: 1;
}

.ChatPage__input_2zEQl input {
        width: 100%;
        height: 100%;
        background-color: #161A2A;
        border: none;
        padding: 8px 14px 29px;
        color: #F8F8F8;
        outline: none;
    }

.ChatPage__input_2zEQl input::-webkit-input-placeholder {
            font-family: 'FuturaPT-Light';
            font-style: normal;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0.01em;
            color: rgba(248, 248, 248, 0.25);
        }

.ChatPage__input_2zEQl input::-moz-placeholder {
            font-family: 'FuturaPT-Light';
            font-style: normal;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0.01em;
            color: rgba(248, 248, 248, 0.25);
        }

.ChatPage__input_2zEQl input::-ms-input-placeholder {
            font-family: 'FuturaPT-Light';
            font-style: normal;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0.01em;
            color: rgba(248, 248, 248, 0.25);
        }

.ChatPage__input_2zEQl input::placeholder {
            font-family: 'FuturaPT-Light';
            font-style: normal;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0.01em;
            color: rgba(248, 248, 248, 0.25);
        }

.ChatPage__button_2SBep {
    height: 58px;
    width: 58px;
    position: relative;
}

.ChatPage__button_2SBep button {
        height: 100%;
        width: 100%;
        border: none;
        background-color: #27AE60;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.ChatPage__closeChat_11coE {
    display: none;

    /*&:before {*/
    /*    position: absolute;*/
    /*    content: 'iui';*/
    /*    content: url('../ChatPage/images/Cross.svg');*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    width: 12px;*/
    /*    height: 12px;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    cursor: pointer;*/
}

/*}*/

@media(max-width: 1024px) {

.ChatPage__closeChat_11coE {
        display: none
}
    }


.ChartLineButton__buttonContainer_UNgVh {
    width: 84px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #0B0A1A;
    transition: all .3s ease;
    position: relative;
}

.ChartLineButton__buttonContainer_UNgVh::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 2px;
        z-index: 1;
        transition: all .3s ease;
        background: #4D6ADC;
        box-shadow: 0 0 5px 1px #4D6ADC;
        opacity: 0;
    }

.ChartLineButton__buttonContainer_UNgVh:first-child .ChartLineButton__button_y5KRK {
            margin-top: 4px;
        }

@media(max-width: 1024px) {

.ChartLineButton__buttonContainer_UNgVh {
        border-right: 0
}

        .ChartLineButton__buttonContainer_UNgVh::after {
            width: 100%;
            height: 2px;
            top: unset;
            bottom: 0;
        }
    }

@media(max-width: 756px) {

.ChartLineButton__buttonContainer_UNgVh {
        width: 56px;
        height: 56px
}
    }

@media(max-width: 544px) {

.ChartLineButton__buttonContainer_UNgVh {
        width: 36px;
        height: 36px
}
    }

@media(max-height: 544px) {

.ChartLineButton__buttonContainer_UNgVh {
        width: 36px;
        height: 36px
}
    }

.ChartLineButton__button_y5KRK {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    text-align: center;
    margin-top: 5px;
    transition: all .4s ease;
}

@media(max-width: 756px) {

.ChartLineButton__button_y5KRK {
        display: none
}
    }

@media(max-height: 756px) and (max-width: 1024px) {

.ChartLineButton__button_y5KRK {
        display: none
}
    }

.ChartLineButton__buttonTitleActive_3oXug {
    color: #F8F8F8;
}

.ChartLineButton__menuContent_169c0 {
    position: absolute;
    width: 114px;
    z-index: -1;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    transition: all .4s ease;
    background: rgb(27 32 51 / 90%);
}

@media(max-width: 1024px) {

.ChartLineButton__menuContent_169c0 {
        top: 92px;
        -webkit-transform: translateX(168px);
                transform: translateX(168px);
        z-index: 0
}
    }

@media(max-width: 756px) {

.ChartLineButton__menuContent_169c0 {
        top: 76px;
        -webkit-transform: translateX(112px);
                transform: translateX(112px)
}
    }

@media(max-width: 900px) and (orientation: landscape) {

.ChartLineButton__menuContent_169c0 {
        top: 76px
}
    }

@media(max-width: 544px) {

.ChartLineButton__menuContent_169c0 {
        top: 50px;
        -webkit-transform: translateX(92px);
                transform: translateX(92px)
}
    }

@media(max-height: 550px) and (orientation: landscape) {

.ChartLineButton__menuContent_169c0 {
        top: 50px
}
    }

.ChartLineButton__menuOpen_1CyUw {
    -webkit-transform: translateX(92px);
            transform: translateX(92px);
}

@media(max-width: 1024px) {

.ChartLineButton__menuOpen_1CyUw {
        -webkit-transform: translateX(-28px);
                transform: translateX(-28px)
}
    }

@media(max-width: 900px) and (orientation: landscape) {

.ChartLineButton__menuOpen_1CyUw {
        -webkit-transform: translateX(-56px);
                transform: translateX(-56px)
}
    }

@media(max-width: 756px) {

.ChartLineButton__menuOpen_1CyUw {
        -webkit-transform: translateX(-56px);
                transform: translateX(-56px)
}
    }

@media(max-width: 544px) {

.ChartLineButton__menuOpen_1CyUw {
        -webkit-transform: translateX(-76px);
                transform: translateX(-76px)
}
    }

@media(max-height: 550px) and (orientation: landscape) {

.ChartLineButton__menuOpen_1CyUw {
        -webkit-transform: translateX(-76px);
                transform: translateX(-76px)
}
    }

.ChartLineButton__title_2txeO {
    font-family: SF Pro Display, sans-serif;;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    padding: 24px;
    border-bottom: 1px solid #333543;
    margin-bottom: 19px;
}

.ChartLineButton__buttonActive_2gqfz {
    background: #161A2A;
}

.ChartLineButton__buttonActive_2gqfz::after {
        opacity: 1;
    }

@media(max-width: 1024px) {

.ChartLineButton__buttonActive_2gqfz {
        border-right: none
}
    }

.ChartLineButton__buttonImg_185GA {
    display: none;
}

.ChartLineButton__buttonImg_185GA path {
        transition: all .3s ease;
    }

@media(max-width: 544px) {

.ChartLineButton__buttonImg_185GA {
        width: 10px;
        height: 14px
}
    }

@media(max-height: 544px) {

.ChartLineButton__buttonImg_185GA {
        width: 10px;
        height: 14px
}
    }

.ChartLineButton__buttonImgActive_29AZb path {
        fill: #F8F8F8;
    }

.ChartLineButton__buttonChooseIconActive_2mEAc {
    display: block;
}

.ChartLineButton__lineItem_29mkB {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.012em;
    color: #A6B1DC;
    background: rgba(166, 177, 220, 0.05);
    margin-right: 2px;
    margin-bottom: 2px;
    transition: all .3s ease;
    cursor: pointer;
}

.ChartLineButton__lineItem_29mkB:hover {
        background: rgba(166, 177, 220, 0.25);
    }

.ChartLineButton__lineItem_29mkB path {
        transition: all .3s ease;
    }

.ChartLineButton__contentContainer_gq7Yf {
    display: flex;
    flex-wrap: wrap;
}

.ChartLineButton__activeChartLine_2Zd9v {
    background: rgba(166, 177, 220, 0.25);
}

.ChartLineButton__activeChartLine_2Zd9v path {
        fill: #F8F8F8;
    }

.ChartLineButton__activeChartStroke_2afHz path {
        stroke: #F8F8F8;
    }

.ChartLineButton__line_3sm-W path, .ChartLineButton__dots_L1XVf path {
        fill: unset !important;
    }

.ChartLineButton__iconContainer_6SAZ_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
}
.TimingScaleButton__buttonContainer_23T4O {
    width: 84px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #0B0A1A;
    transition: all .3s ease;
    position: relative;
}

.TimingScaleButton__buttonContainer_23T4O::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 2px;
        z-index: 1;
        transition: all .3s ease;
        background: #4D6ADC;
        box-shadow: 0 0 5px 1px #4D6ADC;
        opacity: 0;
    }

.TimingScaleButton__buttonContainer_23T4O:first-child .TimingScaleButton__button_xQRF3 {
            margin-top: 4px;
        }

@media(max-width: 1024px) {

.TimingScaleButton__buttonContainer_23T4O {
        border-right: 0;
        margin-right: 4px
}

        .TimingScaleButton__buttonContainer_23T4O::after {
            width: 100%;
            height: 2px;
            top: unset;
            bottom: 0;
        }
    }

@media(max-width: 756px) {

.TimingScaleButton__buttonContainer_23T4O {
        width: 56px;
        height: 56px
}
    }

@media(max-width: 544px) {

.TimingScaleButton__buttonContainer_23T4O {
        width: 36px;
        height: 36px
}
    }

@media(max-height: 544px) {

.TimingScaleButton__buttonContainer_23T4O {
        width: 36px;
        height: 36px
}
    }

.TimingScaleButton__button_xQRF3 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    text-align: center;
    margin-top: 5px;
    transition: all .4s ease;
}

@media(max-width: 756px) {

.TimingScaleButton__button_xQRF3 {
        display: none
}
    }

@media(max-height: 756px) and (max-width: 1024px) {

.TimingScaleButton__button_xQRF3 {
        display: none
}
    }

.TimingScaleButton__buttonTitleActive_XV0JH {
    color: #F8F8F8;
}

.TimingScaleButton__menuContent_3UdH_ {
    position: absolute;
    width: 152px;
    z-index: -1;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    transition: all .4s ease;
    background: rgb(27 32 51 / 90%);
}

@media(max-width: 1024px) {

.TimingScaleButton__menuContent_3UdH_ {
        top: 92px;
        -webkit-transform: translateX(256px);
                transform: translateX(256px);
        z-index: 0
}
    }

@media(max-width: 756px) {

.TimingScaleButton__menuContent_3UdH_ {
        top: 76px;
        -webkit-transform: translateX(172px);
                transform: translateX(172px)
}
    }

@media(max-width: 900px) and (orientation: landscape) {

.TimingScaleButton__menuContent_3UdH_ {
        top: 76px
}
    }

@media(max-width: 544px) {

.TimingScaleButton__menuContent_3UdH_ {
        top: 50px;
        -webkit-transform: translateX(134px);
                transform: translateX(134px)
}
    }

@media(max-height: 550px) and (orientation: landscape) {

.TimingScaleButton__menuContent_3UdH_ {
        top: 50px
}
    }

.TimingScaleButton__menuOpen_1MSOU {
    -webkit-transform: translateX(92px);
            transform: translateX(92px);
}

@media(max-width: 1024px) {

.TimingScaleButton__menuOpen_1MSOU {
        -webkit-transform: translateX(-66px);
                transform: translateX(-66px)
}
    }

@media(max-width: 900px) and (orientation: landscape) {

.TimingScaleButton__menuOpen_1MSOU {
        -webkit-transform: translateX(-94px);
                transform: translateX(-94px)
}
    }

@media(max-width: 756px) {

.TimingScaleButton__menuOpen_1MSOU {
        -webkit-transform: translateX(-94px);
                transform: translateX(-94px)
}
    }

@media(max-width: 544px) {

.TimingScaleButton__menuOpen_1MSOU {
        -webkit-transform: translateX(-114px);
                transform: translateX(-114px)
}
    }

@media(max-height: 550px) and (orientation: landscape) {

.TimingScaleButton__menuOpen_1MSOU {
        -webkit-transform: translateX(-114px);
                transform: translateX(-114px)
}
    }

.TimingScaleButton__title_TPDcH {
    font-family: SF Pro Display, sans-serif;;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    padding: 24px;
    border-bottom: 1px solid #333543;
    margin-bottom: 19px;
}

.TimingScaleButton__buttonActive_1mWho {
    background: #161A2A;
}

.TimingScaleButton__buttonActive_1mWho::after {
        opacity: 1;
    }

@media(max-width: 1024px) {

.TimingScaleButton__buttonActive_1mWho {
        border-right: none
}
    }

.TimingScaleButton__buttonImg_3hbmY path {
        transition: all .3s ease;
    }

@media(max-width: 544px) {

.TimingScaleButton__buttonImg_3hbmY {
        width: 8px;
        height: 13px
}
    }

@media(max-height: 544px) {

.TimingScaleButton__buttonImg_3hbmY {
        width: 8px;
        height: 13px
}
    }

.TimingScaleButton__buttonImgActive_1vRx7 path {
        fill: #F8F8F8;
    }

.TimingScaleButton__timeItem_163Vg {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.012em;
    color: #A6B1DC;
    background: rgba(166, 177, 220, 0.05);
    margin-right: 2px;
    margin-bottom: 2px;
    transition: all .3s ease;
    cursor: pointer;
}

.TimingScaleButton__timeItem_163Vg:hover {
        background: rgba(166, 177, 220, 0.25);
    }

.TimingScaleButton__contentContainer_IoVR- {
    display: flex;
    flex-wrap: wrap;
}

.TimingScaleButton__activeTimingScale_ZWMmw {
    background: rgba(166, 177, 220, 0.25);
    color: #F8F8F8;
}

.TimingScaleButton__timingIndex_24GHW {
    position: absolute;
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    left: 53px;
    top: 26px;
}

@media(max-width: 756px) {

.TimingScaleButton__timingIndex_24GHW {
        left: 39px;
        top: 29px
}
    }

@media(max-width: 900px) and (orientation: landscape) {

.TimingScaleButton__timingIndex_24GHW {
        left: 39px;
        top: 29px
}
    }

@media(max-width: 544px) {

.TimingScaleButton__timingIndex_24GHW {
        left: 25px;
        top: 18px;
        font-size: 10px;
        line-height: 13px
}
    }

@media(max-height: 544px) {

.TimingScaleButton__timingIndex_24GHW {
        left: 25px;
        top: 18px;
        font-size: 10px;
        line-height: 13px
}
    }

.Footer__root_2nPvr {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    border-top:1px solid #282637;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.Footer__root_2nPvr {
        z-index: 10
}
    }

@media(max-width: 544px) {

.Footer__root_2nPvr {
        height: 56px;
        overflow: visible
}
    }

@media(max-height: 544px) {

.Footer__root_2nPvr {
        height: 56px;
        overflow: visible
}
    }

.Footer__rootContainer_2mmGR {
    width: calc(100% - 56px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.Footer__rootContainer_2mmGR {
        width: 100%;
        padding-right: 0;
        z-index: 1
}
    }

.Footer__footerOrderContainer_2gJbc {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 56px);
    right: 0;
}

@media(max-width: 1024px) {

.Footer__footerOrderContainer_2gJbc {
        width: 100vw
}
    }

.Footer__Orders_title_26DFo {
    font-size: 25px;
    color: #fff;
    font-family: "Sf Pro Display";
    font-weight: 900;
    margin-right: 20px;
    margin-left: 20px;
}

.Footer__leftContainer_3DaKd {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    /*margin-right: 70px;*/
    background: #0B0A1A;
    z-index: 1;
}

.Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw {
        display: flex;
        /* color: rgba(248, 248, 248, 0.75); */
        padding: 5px 16px;
        align-items: center;
        /* height: 100%; */
        transition: all .3s ease;
        position: relative;
        background: #221F32;
        margin-left: 10px;
        color: #fff;
        border-radius: 100px;
    }

.Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw:last-child {
            color: #fff;
        }

.Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw:hover {
                background: #3E51F4;
                cursor: pointer;
            }

.Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw::after {
            background: #3E51F4;
            color: #fff;
        }

.Footer__leftContainer_3DaKd .Footer__itemValue_2EgIC {
        color: rgba(248, 248, 248, 0.5);
        margin-left: 8px;
    }

@media(max-width: 1440px) {

.Footer__leftContainer_3DaKd {
        margin-right: 20px
}

        .Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw {
            padding: 7px 8px;
            font-size: 12px !important;
        }
    }

@media(max-width: 1024px) {

.Footer__leftContainer_3DaKd {
        margin-right: 0;
        width: 100%
}

        .Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw {
            width: 50%;
            justify-content: center;
        }

            .Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw::after {
                bottom: 0;
                top: initial;
            }
    }

@media(max-width: 1024px) {

            .Footer__leftContainer_3DaKd .Footer__leftContainerItem_2cBpw .Footer__itemValue_2EgIC {
                margin-left: 3px;
            }
    }

.Footer__middleContainer_2cG6a {
    display: flex;
    align-items: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    touch-action: pan-y;

    /* Firefox scrollbar */
    scrollbar-width: none;
}

.Footer__middleContainer_2cG6a::-webkit-scrollbar {
         width: 0;
         height: 0;
     }

.Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY {
        padding: 8px 18px;
        display: block;
        align-items: center;
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #A6B1DC;
        margin-right: 2px;
        white-space: nowrap;
    }

.Footer__middleContainer_2cG6a .Footer__buttonItem_kPzhr {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #F8F8F8;
        margin-left: 8px;
        white-space: nowrap;
    }

.Footer__middleContainer_2cG6a .Footer__pu_38QWR {
        display: none;
    }

.Footer__middleContainer_2cG6a .Footer__facilities_2rN4_ {
        border-right:1px solid #282637;
    }

.Footer__middleContainer_2cG6a .Footer__pledge_oRt3D {
        border-right: 1px solid #282637;
}

.Footer__middleContainer_2cG6a .Footer__free_2MbIl {
border-right: 1px solid #282637;
    }

@media(max-width: 1024px) {

.Footer__middleContainer_2cG6a {
        position: fixed;
        width: 100%;
        bottom: 66px;
        display: flex;
        overflow: auto;
        background: #0B0A1A;
        z-index: 11;
        max-height: calc(100vh - 66px);
        padding: 10px 0;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y;

        /* Firefox scrollbar */
        scrollbar-width: thin;
        scrollbar-color: rgba(166, 177, 220, 0.5) rgba(166, 177, 220, 0.1)
}

        .Footer__middleContainer_2cG6a::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .Footer__middleContainer_2cG6a::-webkit-scrollbar-track {
            background: rgba(166, 177, 220, 0.1);
            border-radius: 3px;
        }

        .Footer__middleContainer_2cG6a::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.5);
            border-radius: 3px;
        }

        .Footer__middleContainer_2cG6a::-webkit-scrollbar-thumb:hover {
            background: rgba(166, 177, 220, 0.8);
        }

        .Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY {
            width: 33.333334%;
            margin-right: 0;
        }

        .Footer__middleContainer_2cG6a .Footer__pu_38QWR {
            display: flex;
            background: #161A2A;
            min-width: 100%;
        }

            .Footer__middleContainer_2cG6a .Footer__pu_38QWR span {
                color: rgba(248, 248, 248, 0.5);
            }

        .Footer__middleContainer_2cG6a .Footer__facilities_2rN4_ {
            background: rgb(58,64,86);
            min-width: 100%;
        }

        .Footer__middleContainer_2cG6a .Footer__pledge_oRt3D {
            background: rgb(77,70,50);
            min-width: 100%;
        }

        .Footer__middleContainer_2cG6a .Footer__free_2MbIl {
            background: rgb(30,63,55);
            min-width: 100%;
        }
    }

@media(max-width: 544px) {

.Footer__middleContainer_2cG6a {
        bottom: 56px;
        max-height: calc(100vh - 56px);
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y
}

        .Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY {
            font-size: 12px;
            line-height: 15px;
            padding: 4px 12px;
        }

            .Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY span {
                font-size: 12px;
                line-height: 15px;
            }

        .Footer__middleContainer_2cG6a .Footer__pu_38QWR {
            min-width: 100%;
        }

        .Footer__middleContainer_2cG6a .Footer__facilities_2rN4_ {
            min-width: 100%;
        }

        .Footer__middleContainer_2cG6a .Footer__pledge_oRt3D {
            min-width: 100%;
        }

        .Footer__middleContainer_2cG6a .Footer__free_2MbIl {
            min-width: 100%;
        }
    }

@media(max-height: 544px) {

.Footer__middleContainer_2cG6a {
        bottom: 56px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y
}

        .Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY {
            font-size: 12px;
            line-height: 15px;
            padding: 4px 12px;
        }

            .Footer__middleContainer_2cG6a .Footer__middleContainerButton_2JRvY span {
                font-size: 12px;
                line-height: 15px;
            }

        .Footer__middleContainer_2cG6a .Footer__pu_38QWR {
            min-width: 102px;
        }

        .Footer__middleContainer_2cG6a .Footer__facilities_2rN4_ {
            min-width: 139px;
        }

        .Footer__middleContainer_2cG6a .Footer__pledge_oRt3D {
            min-width: 108px;
        }

        .Footer__middleContainer_2cG6a .Footer__free_2MbIl {
            min-width: 149px;
        }
    }

.Footer__rightContainer_WW3r5 {
    display: flex;
    align-items: center;
}

.Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s ease;
    }

.Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv path {
            transition: all .3s ease;
        }

.Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv:first-child {
            margin-right: 44px;
        }

.Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv:hover {
            background: #161A2A;
        }

.Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv:hover path {
                fill: #F8F8F8;
            }

.Footer__rightContainer_WW3r5 .Footer__activeButton_2yzle {
        background: #161A2A;
    }

.Footer__rightContainer_WW3r5 .Footer__activeButton_2yzle path {
            fill: #F8F8F8;
        }

@media(max-width: 1440px) {
            .Footer__rightContainer_WW3r5 .Footer__buttonContainer_ikDcv:first-child {
                margin-right: 20px;
            }
    }

@media(max-width: 1120px) {

.Footer__rightContainer_WW3r5 {
        display: none
}
    }

@media(max-width: 1024px) {

.Footer__rightContainer_WW3r5 {
        display: none
}
    }

.Footer__footerOpenContainer_9pWDZ {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.Footer__footerOpenContainer_9pWDZ {
        height: unset
}
    }

@media(max-width: 544px) {

.Footer__footerOpenContainer_9pWDZ {
        top: 51px
}
    }

@media(max-height: 544px) {

.Footer__footerOpenContainer_9pWDZ {
        top: 51px;
        overflow: hidden
}
    }

.Footer__openPositionSlide_-vaBY, .Footer__closePositionSlide_2UxiU, .Footer__pendingPositionSlide_3oLyp {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 57px);
    height: calc(22vh + 21px);
    min-height: 220px;
    max-height: 2000px;
    transition-delay: .5s;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    touch-action: pan-y;
    scrollbar-width: thin;
    scrollbar-color: rgba(166, 177, 220, 0.5) rgba(166, 177, 220, 0.1);

    /* Firefox scrollbar */
    scrollbar-width: thin;
    scrollbar-color: rgba(166, 177, 220, 0.5) rgba(166, 177, 220, 0.1);
}

.Footer__openPositionSlide_-vaBY::-webkit-scrollbar, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

.Footer__openPositionSlide_-vaBY::-webkit-scrollbar-thumb, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar-thumb, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar-thumb {
        background: rgba(166, 177, 220, 0.5);
        border-radius: 10px;
    }

.Footer__openPositionSlide_-vaBY::-webkit-scrollbar-thumb:hover, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar-thumb:hover, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

@media(max-width: 1024px) {

.Footer__openPositionSlide_-vaBY, .Footer__closePositionSlide_2UxiU, .Footer__pendingPositionSlide_3oLyp {
        align-items: flex-start;
        overflow: auto;
        height: calc(100vh - 252px);
        width: 100vw;
        /* Добавляем ограничения для мобильных */
        min-height: 200px;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y;

        /* Firefox scrollbar */
        scrollbar-width: thin;
        scrollbar-color: rgba(166, 177, 220, 0.5) rgba(166, 177, 220, 0.1)
}

        .Footer__openPositionSlide_-vaBY::-webkit-scrollbar, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .Footer__openPositionSlide_-vaBY::-webkit-scrollbar-track, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar-track, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar-track {
            background: rgba(166, 177, 220, 0.1);
            border-radius: 3px;
        }

        .Footer__openPositionSlide_-vaBY::-webkit-scrollbar-thumb, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar-thumb, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.5);
            border-radius: 3px;
        }

        .Footer__openPositionSlide_-vaBY::-webkit-scrollbar-thumb:hover, .Footer__closePositionSlide_2UxiU::-webkit-scrollbar-thumb:hover, .Footer__pendingPositionSlide_3oLyp::-webkit-scrollbar-thumb:hover {
            background: rgba(166, 177, 220, 0.8);
        }
    }

@media(max-width: 544px) {

.Footer__openPositionSlide_-vaBY, .Footer__closePositionSlide_2UxiU, .Footer__pendingPositionSlide_3oLyp {
        height: calc(100vh - 191px);
        /* Добавляем ограничения для маленьких экранов */
        min-height: 150px;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y
}
    }

@media(max-height: 544px) {

.Footer__openPositionSlide_-vaBY, .Footer__closePositionSlide_2UxiU, .Footer__pendingPositionSlide_3oLyp {
        height: calc(100vh - 191px);
        /* Добавляем ограничения для экранов с маленькой высотой */
        min-height: 150px;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-y
}
    }

.Footer__footerContentVisible_1KnpG {
    -webkit-transform: translateY(-24vh);
            transform: translateY(-24vh);
}

@media(max-width: 1024px) {

.Footer__footerContentVisible_1KnpG {
        -webkit-transform: translateY(calc(-100vh + 150px));
                transform: translateY(calc(-100vh + 150px))
}
    }

@media(max-width: 544px) {

.Footer__footerContentVisible_1KnpG {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(max-height: 544px) {

.Footer__footerContentVisible_1KnpG {
        -webkit-transform: translateY(calc(-100vh + 112px));
                transform: translateY(calc(-100vh + 112px))
}
    }

@media(min-width: 1024px) {

.Footer__footerContentVisibleFullSize_3d6PX {
        -webkit-transform: translateY(calc(-100vh + 150px)) !important;
                transform: translateY(calc(-100vh + 150px)) !important;
        height: calc(100vh - 149px) !important
}
    }

@media(min-width: 1024px) {

.Footer__footerRootContainerFullSize_381Ol {
        -webkit-transform: translateY(calc(-100vh + 149px)) !important;
                transform: translateY(calc(-100vh + 149px)) !important
}
    }

.Footer__footerHeaderTable_1NgDS {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.Footer__footerHeaderTable_1NgDS {
        display: none
}
    }

.Footer__footerRowsContainer_19pT8 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
    max-height: calc(44vh - 48px);
    overflow-y: auto;
}

.Footer__footerRowsContainer_19pT8::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

.Footer__footerRowsContainer_19pT8::-webkit-scrollbar-thumb {
        background: rgba(166, 177, 220, 0.5);
        border-radius: 10px;
    }

.Footer__footerRowsContainer_19pT8::-webkit-scrollbar-thumb:hover {
        background: rgb(133, 146, 201);
    }

@media(max-width: 1024px) {

.Footer__footerRowsContainer_19pT8 {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-height: calc(100vh - 300px)
}
        
        .Footer__footerRowsContainer_19pT8::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }
    }

@media(max-width: 544px) {

.Footer__footerRowsContainer_19pT8 {
        max-height: calc(100vh - 239px)
}
    }

@media(max-height: 544px) {

.Footer__footerRowsContainer_19pT8 {
        max-height: calc(100vh - 239px)
}
    }

.Footer__itemNum_B-Rsp {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.Footer__itemCreateDate_1BFa_ {
    min-width: 124px;
}

.Footer__itemCloseDate_3iu5K {
    min-width: 124px;
}

.Footer__itemAsset_270cd {
    min-width: 148px;
}

.Footer__itemAsset_270cd .Footer__firstImg_Hme7c {
        margin-right: 8px;
    }

.Footer__itemAsset_270cd .Footer__secondImg_3Yfd3 {
        margin-left: 7px;
    }

.Footer__itemAmount_3qB0h {
    min-width: 106px;
}

.Footer__itemPledge_3srTK {
    min-width: 112px;
}

.Footer__itemOpeningRate_2Zen0 {
    min-width: 149px;
}

.Footer__itemClosingRate_2BHHV {
    min-width: 186px;
}

.Footer__itemProfit_3hK8H {
    min-width: 117px;
}

.Footer__itemCommission_1Tutp {
    min-width: 70px;
}

.Footer__itemClosingDate_2lMpk {
    min-width: 113px;
}

.Footer__itemDiffRate_tTLLe {
    margin-left: 9px;
}

.Footer__footerItemTable_1TDtd {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.Footer__footerItemTable_1TDtd:hover {
        background: #22273A;
    }

.Footer__footerItemTable_1TDtd .Footer__itemAmount_3qB0h, .Footer__footerItemTable_1TDtd .Footer__itemCommission_1Tutp, .Footer__footerItemTable_1TDtd .Footer__itemPledge_3srTK {
        color: #A6B1DC;
    }

.Footer__footerItemTable_1TDtd .Footer__itemClosingDate_2lMpk {
        justify-content: flex-end;
        padding-right: 16px;
        cursor: pointer;
    }

@media(max-width: 1024px) {

.Footer__footerItemTable_1TDtd {
        width: 100%
}
    }

.Footer__footerItems_3PGlH {
    display: flex;
    align-items: center;

}

.Footer__activePositionButton_17k6L {
    background: #3E51F4 !important;
    color: #fff !important;
    position: relative;
}

.Footer__activePositionButton_17k6L::after {
        opacity: 1 !important;
    }

.Footer__rootLeftColumn_2L9Fg {
    position: fixed;
    z-index: 2;
    height: 0;
    border-right: 1px solid #353535;
    width: 56px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.Footer__rootLeftColumn_2L9Fg {
        display: none
}
    }

.Footer__rootLeftColumnShow_sHErl {
    height: calc(44vh + 66px);
}

.Footer__rootLeftFullSize_xfz12 {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.Footer__rootLeftFullSize_xfz12 {
        transition-delay: -5s
}
    }


.Footer__activeClosingData_Em81R {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}


.Footer__activeClosingData_Em81R img {
        margin-left: 20px;
        cursor: pointer;
    }

.Footer__activeItemCommission_3svG- {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.Footer__activeItemCommission_3svG- {
        min-width: 54px !important
}
    }

.Footer__closeDealButton_3HlIQ {
    height: 100%;
    display: flex;
    align-items: center;
}


.Footer__mobileOperations_27IE_ {
    display: flex;
}


.Footer__mobileOperations_27IE_ path {
        transition: all .3s ease;
    }


@media(max-width: 1024px) {


.Footer__mobileOperations_27IE_ {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
        background: #0B0A1A;
        cursor: pointer
}
    }


@media(max-width: 544px) {


.Footer__mobileOperations_27IE_ {
        border-top: none
}
    }

.Footer__mobileAssetsButton_23CMm {
    display: none;

}

@media(max-width: 1024px) {

.Footer__mobileAssetsButton_23CMm {
        width: 100%;
        display: flex;
        justify-content: center;
        position: fixed;
        bottom: 0;
        height: 66px;
        background: #0B0A1A;
        z-index: 12

}
    }

@media(max-width: 544px) {

.Footer__mobileAssetsButton_23CMm {
        height: 78px;
        background: #0b0a1a

}
    }

.Footer__mobileOperationsTitle_2DZka {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.Footer__mobileOperationsTitle_2DZka {
        margin-top: 3px
}
    }

.Footer__mobileOperationsButton_1zAnL {
    display: none;
}

@media(max-width: 1024px) {

.Footer__mobileOperationsButton_1zAnL {
        display: flex;
        width: 100%;
        height: 82%;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 10px;
        position: relative;
        z-index: 1;
        background: #0b0a1a;
        -webkit-transform: translate(-2px,8px);
                transform: translate(-2px,8px);
        flex-wrap: nowrap;
        align-content: center
}

        .Footer__mobileOperationsButton_1zAnL::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 0;
            left: 0;
            background: #4D6ADC;
            box-shadow: 0 0 5px 1px #4D6ADC;
            opacity: 0;
            transition: all .3s ease;
        }
    }

@media(max-width: 544px) {
        .Footer__mobileOperationsButton_1zAnL svg {
            width: 15px;
            height: 18px;
        }
    }

.Footer__showMobileLeftContainer_1y4wM {
    display: flex;
}

@media(max-width: 1024px) {

.Footer__showMobileLeftContainer_1y4wM {
        width: 100%;
        min-width: 300px;
        overflow-x: scroll
}
    }

.Footer__mobileFooterButton_1PG5M {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;

}

.Footer__middleContainerMobile_3K0hg{
    display: none;
}

@media(max-width: 1024px) {

.Footer__middleContainerMobile_3K0hg{
        display: none
}
    }

@media(max-width: 1024px) {

.Footer__middleContainerDesktop_1jc3Y {
        display: none !important
}
    }

.Footer__mobileAssetsMiddleLine_2mlpL {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.Footer__mobileOperationsActive_NgZqp {
    background: #0b0a1a;
}

.Footer__mobileOperationsActive_NgZqp::after {
        opacity: 1;
    }

.Footer__mobileOperationsActive_NgZqp path {
        fill: #F8F8F8
    }

.Footer__mobileOperationsActive_NgZqp .Footer__mobileOperationsTitle_2DZka {
        color: #F8F8F8;
    }

.Footer__posValue_2_oKh {
    color: #27AE60 !important;
}

.Footer__negValue_1_kDk {
    color: rgba(235, 87, 87, 0.75) !important;
}

.Footer__assetItemPair_XLYj4 {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.Footer__imgUpper_1xn0_ {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.Footer__imgLower_3lwvM {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.Footer__imgAlone_27BFo {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.Footer__positionsFullSize_3c3em {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.Footer__positionsFullSize_3c3em .Footer__footerRowsContainer_19pT8 {
    max-height: calc(100vh - 196px) !important;
}

.Footer__preloader_olyax {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

.Footer__loaderClosedOrders_30vOg {
    color: white;
    margin-top: 17px;
    margin-bottom: 17px;
}

/* .pendingPositionSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
} */

.PendingOrders__root_2MlMd {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.PendingOrders__root_2MlMd {
    z-index: 10
}
}

@media(max-width: 544px) {

.PendingOrders__root_2MlMd {
    height: 56px
}
}

@media(max-height: 544px) {

.PendingOrders__root_2MlMd {
    height: 56px
}
}

.PendingOrders__rootContainer_1VVPO {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.PendingOrders__rootContainer_1VVPO {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.PendingOrders__footerOrderContainer_2aHot {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.PendingOrders__footerOrderContainer_2aHot {
    width: 100vw
}
}

.PendingOrders__leftContainer_19oXQ {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N:last-child {
     color: #A6B1DC;
 }

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N:not(:last-child){
     cursor: pointer;
}

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N:not(:last-child):hover {
     background: #22273A;
 }

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.PendingOrders__leftContainer_19oXQ .PendingOrders__itemValue_CxBwO {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.PendingOrders__leftContainer_19oXQ {
    margin-right: 20px
}

    .PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N {
        padding: 0 18px;
}

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.PendingOrders__leftContainer_19oXQ {
    margin-right: 0;
    width: 100%
}

    .PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N {
        width: 50%;
        justify-content: center;
}

.PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N {
        flex-direction: column;
}

    .PendingOrders__leftContainer_19oXQ .PendingOrders__leftContainerItem_3me2N .PendingOrders__itemValue_CxBwO {
        margin-left: 0;
    }
}

.PendingOrders__middleContainer__yTtC {
    display: flex;
    align-items: center;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__buttonItem_3bvoP {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__pu_1iBwD {
    display: none;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__facilities_2BOfA {
    background: rgba(166, 177, 220, 0.25);
}

.PendingOrders__middleContainer__yTtC .PendingOrders__pledge_1w7x6 {
    background: rgba(242, 201, 76, 0.25);
}

.PendingOrders__middleContainer__yTtC .PendingOrders__free_19l7b {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.PendingOrders__middleContainer__yTtC {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.PendingOrders__middleContainer__yTtC::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV {
        width: 33.333334%;
        margin-right: 0;
    }

    .PendingOrders__middleContainer__yTtC .PendingOrders__pu_1iBwD {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .PendingOrders__middleContainer__yTtC .PendingOrders__pu_1iBwD span {
        color: rgba(248, 248, 248, 0.5);
    }

.PendingOrders__middleContainer__yTtC .PendingOrders__facilities_2BOfA {
    background: rgb(58,64,86);
    min-width: 186px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__pledge_1w7x6 {
    background: rgb(77,70,50);
    min-width: 145px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__free_19l7b {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.PendingOrders__middleContainer__yTtC {
    bottom: 56px
}

    .PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV span {
        font-size: 12px;
        line-height: 15px;
    }

.PendingOrders__middleContainer__yTtC .PendingOrders__pu_1iBwD {
    min-width: 102px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__facilities_2BOfA {
    min-width: 139px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__pledge_1w7x6 {
    min-width: 108px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__free_19l7b {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.PendingOrders__middleContainer__yTtC {
    bottom: 56px
}

    .PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .PendingOrders__middleContainer__yTtC .PendingOrders__middleContainerButton_3ZtPV span {
        font-size: 12px;
        line-height: 15px;
    }

.PendingOrders__middleContainer__yTtC .PendingOrders__pu_1iBwD {
    min-width: 102px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__facilities_2BOfA {
    min-width: 139px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__pledge_1w7x6 {
    min-width: 108px;
}

.PendingOrders__middleContainer__yTtC .PendingOrders__free_19l7b {
    min-width: 149px;
}
}

.PendingOrders__rightContainer_MA2K5 {
    display: flex;
    align-items: center;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE path {
    transition: all .3s ease;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE:first-child {
     margin-right: 44px;
 }

.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE:hover {
     background: #161A2A;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE:hover path {
    fill: #F8F8F8;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__activeButton_2f0Wr {
    background: #161A2A;
}

.PendingOrders__rightContainer_MA2K5 .PendingOrders__activeButton_2f0Wr path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.PendingOrders__rightContainer_MA2K5 .PendingOrders__buttonContainer_2eNOE:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.PendingOrders__rightContainer_MA2K5 {
    display: none
}
}

@media(max-width: 1024px) {

.PendingOrders__rightContainer_MA2K5 {
    display: none
}
}

.PendingOrders__footerOpenContainer_xL4Ti {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.PendingOrders__footerOpenContainer_xL4Ti {
    height: unset
}
}

@media(max-width: 544px) {

.PendingOrders__footerOpenContainer_xL4Ti {
    top: 51px
}
}

@media(max-height: 544px) {

.PendingOrders__footerOpenContainer_xL4Ti {
    top: 51px;
    overflow: hidden
}
}

.PendingOrders__openPositionSlide_aEb9k, .PendingOrders__closePositionSlide_RI1Vp {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.PendingOrders__openPositionSlide_aEb9k::-webkit-scrollbar, .PendingOrders__closePositionSlide_RI1Vp::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.PendingOrders__openPositionSlide_aEb9k::-webkit-scrollbar-thumb, .PendingOrders__closePositionSlide_RI1Vp::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.PendingOrders__openPositionSlide_aEb9k::-webkit-scrollbar-thumb:hover, .PendingOrders__closePositionSlide_RI1Vp::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.PendingOrders__openPositionSlide_aEb9k, .PendingOrders__closePositionSlide_RI1Vp {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.PendingOrders__openPositionSlide_aEb9k::-webkit-scrollbar, .PendingOrders__closePositionSlide_RI1Vp::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.PendingOrders__openPositionSlide_aEb9k, .PendingOrders__closePositionSlide_RI1Vp {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.PendingOrders__openPositionSlide_aEb9k, .PendingOrders__closePositionSlide_RI1Vp {
    height: calc(100vh - 191px)
}
}

.PendingOrders__footerContentVisible_3765V {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.PendingOrders__footerContentVisible_3765V {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.PendingOrders__footerContentVisible_3765V {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.PendingOrders__footerContentVisible_3765V {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.PendingOrders__footerContentVisibleFullSize_2a9cN {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.PendingOrders__footerRootContainerFullSize_1FV4c {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.PendingOrders__footerHeaderTable_3st3q {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
}

@media(max-width: 1024px) {
    .PendingOrders__footerHeaderTable_3st3q {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 23;
        background: rgb(11 10 26);
    }
}

/* Мобильные стили для заголовков таблицы */
@media(max-width: 768px) {
    .PendingOrders__footerHeaderTable_3st3q {
        display: none !important;
    }
}

.PendingOrders__footerRowsContainer_1f7a5 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.PendingOrders__footerRowsContainer_1f7a5 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

/* Мобильные стили для контейнера строк */

@media(max-width: 768px) {
    .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__footerRowsContainer_1f7a5 {
        width: 100% !important;
        min-width: auto !important;
        padding: 0 15px;
    }
}

.PendingOrders__itemNum_XzC2x {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.PendingOrders__itemCreateDate_-g4gs {
    min-width: 124px;
}

.PendingOrders__itemCloseDate_28aOY {
    min-width: 124px;
}

.PendingOrders__itemAsset_-Tatr {
    min-width: 148px;
}

.PendingOrders__itemAsset_-Tatr .PendingOrders__firstImg_2Qy8f {
    margin-right: 8px;
}

.PendingOrders__itemAsset_-Tatr .PendingOrders__secondImg_xNGUV {
    margin-left: 7px;
}

.PendingOrders__profitAndLoss_1h4Rj {
    min-width: 106px;
}

.PendingOrders__itemAmount_30xJB {
    min-width: 106px;
}

.PendingOrders__itemPledge_3HQR9 {
    min-width: 112px;
}

.PendingOrders__itemOpeningRate_3aZlG {
    min-width: 149px;
}

.PendingOrders__itemClosingRate_1bYrT {
    min-width: 186px;
}

.PendingOrders__itemProfit_6gbSQ {
    min-width: 117px;
}

.PendingOrders__itemCommission_h7dCn {
    min-width: 70px;
}

.PendingOrders__itemClosingDate_dFyVx {
    min-width: 113px;
}

.PendingOrders__itemDiffRate_36_fC {
    margin-left: 9px;
}

.PendingOrders__footerItemTable_2TTdW {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.PendingOrders__footerItemTable_2TTdW:hover {
     background: #22273A;
 }

.PendingOrders__footerItemTable_2TTdW .PendingOrders__itemAmount_30xJB, .PendingOrders__footerItemTable_2TTdW .PendingOrders__itemCommission_h7dCn, .PendingOrders__footerItemTable_2TTdW .PendingOrders__itemPledge_3HQR9 {
    color: #A6B1DC;
}

.PendingOrders__footerItemTable_2TTdW .PendingOrders__itemClosingDate_dFyVx {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.PendingOrders__footerItemTable_2TTdW {
    width: 100%
}
}

@media(max-width: 768px) {
    .PendingOrders__footerItemTable_2TTdW {
        max-width: 400px !important;
        margin-left: 20px !important;
    }
}

.PendingOrders__footerItems_2BoaA {
    display: flex;
    align-items: center;

}

.PendingOrders__activePositionButton_1JSkb {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.PendingOrders__activePositionButton_1JSkb::after {
     opacity: 1 !important;
 }

.PendingOrders__rootLeftColumn_3Wo08 {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.PendingOrders__rootLeftColumn_3Wo08 {
    display: none
}
}

.PendingOrders__rootLeftColumnShow_3RBX3 {
    height: calc(44vh + 66px);
}

.PendingOrders__rootLeftFullSize_14kSE {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.PendingOrders__rootLeftFullSize_14kSE {
    transition-delay: -5s
}
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerHeaderTable_3st3q .PendingOrders__itemCommission_h7dCn {
    min-width: 91px;
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerHeaderTable_3st3q .PendingOrders__itemClosingDate_dFyVx {
    min-width: 205px;
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__itemCommission_h7dCn {
    min-width: 128px;
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__itemClosingDate_dFyVx {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__itemClosingDate_dFyVx:hover {
     background: #161A2A;
 }

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__itemClosingDate_dFyVx .PendingOrders__arrowIcons_36U2r {
    display: flex;
    height: 100%;
}

.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__activeItemTable_2BvhT {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerRowsContainer_1f7a5 .PendingOrders__itemCommission_h7dCn {
        min-width: 91px;
    }
.PendingOrders__openPositionSlide_aEb9k .PendingOrders__footerHeaderTable_3st3q .PendingOrders__itemClosingDate_dFyVx {
    min-width: 168px;
}
}

.PendingOrders__activeClosingData_2b1yy {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.PendingOrders__activeClosingData_2b1yy img {
    margin-left: 20px;
    cursor: pointer;
}

.PendingOrders__activeItemCommission_1qUbU {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.PendingOrders__activeItemCommission_1qUbU {
    min-width: 54px !important
}
}

.PendingOrders__closeDealButton_1h-rT {
    height: 100%;
    display: flex;
    align-items: center;
}


.PendingOrders__mobileOperations_2zQyk {
    display: flex;
}


.PendingOrders__mobileOperations_2zQyk path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.PendingOrders__mobileOperations_2zQyk {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.PendingOrders__mobileOperations_2zQyk {
    border-top: none
}
}

.PendingOrders__mobileAssetsButton_1P6hS {
    display: none;
}

@media(max-width: 1024px) {

.PendingOrders__mobileAssetsButton_1P6hS {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.PendingOrders__mobileAssetsButton_1P6hS {
    height: 56px
}
}

@media(max-height: 544px) {

.PendingOrders__mobileAssetsButton_1P6hS {
    height: 56px
}
}

.PendingOrders__mobileOperationsTitle_2XTMj {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.PendingOrders__mobileOperationsTitle_2XTMj {
    margin-top: 3px
}
}

.PendingOrders__mobileOperationsButton_2AFYP {
    display: none;
}

@media(max-width: 1024px) {

.PendingOrders__mobileOperationsButton_2AFYP {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.PendingOrders__mobileOperationsButton_2AFYP::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .PendingOrders__mobileOperationsButton_2AFYP svg {
        width: 15px;
        height: 18px;
    }
}

.PendingOrders__showMobileLeftContainer_1KeKF {
    display: flex;
}

@media(max-width: 1024px) {

.PendingOrders__showMobileLeftContainer_1KeKF {
    width: 100%
}
}

.PendingOrders__mobileFooterButton_3xizO {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.PendingOrders__middleContainerMobile_1SUTc{
    display: none;
}

@media(max-width: 1024px) {

.PendingOrders__middleContainerMobile_1SUTc{
    display: flex!important
}
}

@media(max-width: 1024px) {

.PendingOrders__middleContainerDesktop_xNzfv {
    display: none !important
}
}

.PendingOrders__mobileAssetsMiddleLine_1rru1 {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.PendingOrders__mobileOperationsActive_1HYED {
    background: #161A2A;
}

.PendingOrders__mobileOperationsActive_1HYED::after {
     opacity: 1;
 }

.PendingOrders__mobileOperationsActive_1HYED path {
    fill: #F8F8F8
}

.PendingOrders__mobileOperationsActive_1HYED .PendingOrders__mobileOperationsTitle_2XTMj {
    color: #F8F8F8;
}

.PendingOrders__posValue_1BEVT {
    color: #27AE60 !important;
}

.PendingOrders__negValue_37wqN {
    color: rgba(235, 87, 87, 0.75) !important;
}

.PendingOrders__assetItemPair_3DY6p {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.PendingOrders__imgUpper_2mU7f {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.PendingOrders__imgLower_3Q2GD {
    height: 16px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.PendingOrders__imgAlone_3E-3A {
    height: 16px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
}

.PendingOrders__positionsFullSize_3TGD1 {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.PendingOrders__preloader_391kN {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

.PendingOrder__root_1cy8P {
    text-align: center;
    height: 66px;
    font-family: sans-serif;
    background: #0B0A1A;
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    transition: all .5s ease;
    z-index: 12;
}

@media(max-width: 1024px){

.PendingOrder__root_1cy8P {
    z-index: 10
}
}

@media(max-width: 544px) {

.PendingOrder__root_1cy8P {
    height: 56px
}
}

@media(max-height: 544px) {

.PendingOrder__root_1cy8P {
    height: 56px
}
}

.PendingOrder__rootContainer_1ID68 {
    width: calc(100% - 84px);
    position: relative;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-right: 36px;
    transition: all .5s ease;
    background: #0B0A1A;
}

@media(max-width: 1024px) {

.PendingOrder__rootContainer_1ID68 {
    width: 100%;
    padding-right: 0;
    z-index: 1
}
}

.PendingOrder__footerOrderContainer_3bx-o {
    display: flex;
    position: absolute;
    top: 0;
    width: calc(100vw - 84px);
    right: 0;
}

@media(max-width: 1024px) {

.PendingOrder__footerOrderContainer_3bx-o {
    width: 100vw
}
}

.PendingOrder__leftContainer_37uOc {
    display: flex;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    font-family: SF Pro Display, sans-serif;;
    align-items: center;
    margin-right: 70px;
    background: #0B0A1A;
    z-index: 1;
}

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX {
    display: flex;
    color: rgba(248, 248, 248, 0.75);
    padding: 0 36px;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
}

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX:last-child {
     color: #A6B1DC;
 }

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX:not(:last-child){
     cursor: pointer;
}

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX:not(:last-child):hover {
     background: #22273A;
 }

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     transition: all .3s ease;
     opacity: 0;
     background-color: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
 }

.PendingOrder__leftContainer_37uOc .PendingOrder__itemValue_nxxeR {
    color: rgba(248, 248, 248, 0.5);
    margin-left: 8px;
}

@media(max-width: 1440px) {

.PendingOrder__leftContainer_37uOc {
    margin-right: 20px
}

    .PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX {
        padding: 0 18px;
}

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX:last-child {
     display: none;
 }
}

@media(max-width: 1024px) {

.PendingOrder__leftContainer_37uOc {
    margin-right: 0;
    width: 100%
}

    .PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX {
        width: 50%;
        justify-content: center;
}

.PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX::after {
     bottom: 0;
     top: initial;
 }
}

@media(max-width: 1024px) {
    .PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX {
        flex-direction: column;
}

    .PendingOrder__leftContainer_37uOc .PendingOrder__leftContainerItem_BFMNX .PendingOrder__itemValue_nxxeR {
        margin-left: 0;
    }
}

.PendingOrder__middleContainer_2f7vY {
    display: flex;
    align-items: center;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-right: 2px;
    white-space: nowrap;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__buttonItem_35ygr {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #F8F8F8;
    margin-left: 8px;
    white-space: nowrap;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__pu_3hIA- {
    display: none;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__facilities_2A9Ma {
    background: rgba(166, 177, 220, 0.25);
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__pledge_1tr8I {
    background: rgba(242, 201, 76, 0.25);
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__free_2dzib {
    background: rgba(39, 174, 96, 0.25);
}

@media(max-width: 1024px) {

.PendingOrder__middleContainer_2f7vY {
    position: fixed;
    width: 100%;
    bottom: 66px;
    display: flex;
    overflow: auto;
    background: #0B0A1A;
    z-index: 11
}


.PendingOrder__middleContainer_2f7vY::-webkit-scrollbar {
     width: 0;
     height: 0;
 }

    .PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS {
        width: 33.333334%;
        margin-right: 0;
    }

    .PendingOrder__middleContainer_2f7vY .PendingOrder__pu_3hIA- {
        display: flex;
        background: #161A2A;
        min-width: 137px;
}

    .PendingOrder__middleContainer_2f7vY .PendingOrder__pu_3hIA- span {
        color: rgba(248, 248, 248, 0.5);
    }

.PendingOrder__middleContainer_2f7vY .PendingOrder__facilities_2A9Ma {
    background: rgb(58,64,86);
    min-width: 186px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__pledge_1tr8I {
    background: rgb(77,70,50);
    min-width: 145px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__free_2dzib {
    background: rgb(30,63,55);
    min-width: 199px;
}
}

@media(max-width: 544px) {

.PendingOrder__middleContainer_2f7vY {
    bottom: 56px
}

    .PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS span {
        font-size: 12px;
        line-height: 15px;
    }

.PendingOrder__middleContainer_2f7vY .PendingOrder__pu_3hIA- {
    min-width: 102px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__facilities_2A9Ma {
    min-width: 139px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__pledge_1tr8I {
    min-width: 108px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__free_2dzib {
    min-width: 149px;
}
}

@media(max-height: 544px) {

.PendingOrder__middleContainer_2f7vY {
    bottom: 56px
}

    .PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS {
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
}

    .PendingOrder__middleContainer_2f7vY .PendingOrder__middleContainerButton_r9lRS span {
        font-size: 12px;
        line-height: 15px;
    }

.PendingOrder__middleContainer_2f7vY .PendingOrder__pu_3hIA- {
    min-width: 102px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__facilities_2A9Ma {
    min-width: 139px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__pledge_1tr8I {
    min-width: 108px;
}

.PendingOrder__middleContainer_2f7vY .PendingOrder__free_2dzib {
    min-width: 149px;
}
}

.PendingOrder__rightContainer_1cXeV {
    display: flex;
    align-items: center;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg path {
    transition: all .3s ease;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg:first-child {
     margin-right: 44px;
 }

.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg:hover {
     background: #161A2A;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg:hover path {
    fill: #F8F8F8;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__activeButton_1oQgq {
    background: #161A2A;
}

.PendingOrder__rightContainer_1cXeV .PendingOrder__activeButton_1oQgq path {
    fill: #F8F8F8;
}

@media(max-width: 1440px) {
.PendingOrder__rightContainer_1cXeV .PendingOrder__buttonContainer_2KXkg:first-child {
     margin-right: 20px;
 }
}

@media(max-width: 1120px) {

.PendingOrder__rightContainer_1cXeV {
    display: none
}
}

@media(max-width: 1024px) {

.PendingOrder__rightContainer_1cXeV {
    display: none
}
}

.PendingOrder__footerOpenContainer_2hs8q {
    position: absolute;
    background: #0B0A1A;
    top: 65px;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    width: 999999px;
    transition: all .5s ease;
}

@media(max-width: 1024px) {

.PendingOrder__footerOpenContainer_2hs8q {
    height: unset
}
}

@media(max-width: 544px) {

.PendingOrder__footerOpenContainer_2hs8q {
    top: 51px
}
}

@media(max-height: 544px) {

.PendingOrder__footerOpenContainer_2hs8q {
    top: 51px;
    overflow: hidden
}
}

.PendingOrder__openPositionSlide_12yae, .PendingOrder__closePositionSlide_2M08l {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100vw - 84px);
    height: calc(44vh + 1px);
    transition-delay: .5s;
}

.PendingOrder__openPositionSlide_12yae::-webkit-scrollbar, .PendingOrder__closePositionSlide_2M08l::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

.PendingOrder__openPositionSlide_12yae::-webkit-scrollbar-thumb, .PendingOrder__closePositionSlide_2M08l::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.PendingOrder__openPositionSlide_12yae::-webkit-scrollbar-thumb:hover, .PendingOrder__closePositionSlide_2M08l::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }

@media(max-width: 1024px) {

.PendingOrder__openPositionSlide_12yae, .PendingOrder__closePositionSlide_2M08l {
    align-items: flex-start;
    overflow: auto;
    height: calc(100vh - 252px);
    width: 100vw
}

.PendingOrder__openPositionSlide_12yae::-webkit-scrollbar, .PendingOrder__closePositionSlide_2M08l::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }
}

@media(max-width: 544px) {

.PendingOrder__openPositionSlide_12yae, .PendingOrder__closePositionSlide_2M08l {
    height: calc(100vh - 191px)
}
}

@media(max-height: 544px) {

.PendingOrder__openPositionSlide_12yae, .PendingOrder__closePositionSlide_2M08l {
    height: calc(100vh - 191px)
}
}

.PendingOrder__footerContentVisible_2_-ve {
    -webkit-transform: translateY(-44vh);
            transform: translateY(-44vh);
}

@media(max-width: 1024px) {

.PendingOrder__footerContentVisible_2_-ve {
    -webkit-transform: translateY(calc(-100vh + 150px));
            transform: translateY(calc(-100vh + 150px))
}
}

@media(max-width: 544px) {

.PendingOrder__footerContentVisible_2_-ve {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(max-height: 544px) {

.PendingOrder__footerContentVisible_2_-ve {
    -webkit-transform: translateY(calc(-100vh + 112px));
            transform: translateY(calc(-100vh + 112px))
}
}

@media(min-width: 1024px) {

.PendingOrder__footerContentVisibleFullSize_n8nkG {
    -webkit-transform: translateY(calc(-100vh + 150px)) !important;
            transform: translateY(calc(-100vh + 150px)) !important;
    height: calc(100vh - 149px) !important
}
}

@media(min-width: 1024px) {

.PendingOrder__footerRootContainerFullSize_1unYR {
    -webkit-transform: translateY(calc(-100vh + 149px)) !important;
            transform: translateY(calc(-100vh + 149px)) !important
}
}

.PendingOrder__footerHeaderTable_2VH2F {
    height: 48px;
    display: flex;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.75);
    text-align: left;
    align-items: center;
    white-space: nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgb(11 10 26);
    z-index: 1;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.PendingOrder__footerHeaderTable_2VH2F {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 23;
    background: rgb(11 10 26)
}
}

.PendingOrder__footerRowsContainer_2z9ZB {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 1360px;
    width: 100%;
}

@media(max-width: 1024px) {

.PendingOrder__footerRowsContainer_2z9ZB {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
}

.PendingOrder__itemNum_24_vb {
    min-width: 80px;
    text-align: center;
    justify-content: center;
}

.PendingOrder__itemCreateDate_1O8OB {
    min-width: 124px;
}

.PendingOrder__itemCloseDate_2JKyT {
    min-width: 124px;
}

.PendingOrder__itemAsset_3wrYJ {
    min-width: 148px;
    justify-content: left;
    margin-left: 20px;
}

.PendingOrder__itemAsset_3wrYJ .PendingOrder__firstImg_3HjuV {
    margin-right: 8px;
}

.PendingOrder__itemAsset_3wrYJ .PendingOrder__secondImg_3ygPN {
    margin-left: 7px;
}

.PendingOrder__profitAndLoss_1u-ce {
    min-width: 106px;
    text-align: center;
    justify-content: center;
}

.PendingOrder__itemAmount_Fi4Cb {
    min-width: 106px;
}

.PendingOrder__itemPledge_J_tVS {
    min-width: 112px;
}

.PendingOrder__itemOpeningRate_3en8B {
    min-width: 149px;
}

.PendingOrder__itemClosingRate_bAL9U {
    min-width: 186px;
}

.PendingOrder__itemProfit_2JK37 {
    min-width: 117px;
}

.PendingOrder__itemCommission_2_9iz {
    min-width: 70px;
}

.PendingOrder__itemClosingDate_1AmgB {
    min-width: 113px;
}

.PendingOrder__itemDiffRate_3YEt1 {
    margin-left: 9px;
}

.PendingOrder__footerItemTable_2PrUr {
    background: #0B0A1A;
    display: flex;
    border-bottom: 1px solid #333543;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(248, 248, 248, 0.75);
    text-align: left;
    justify-content: space-between;
    height: 57px;
    position: relative;
    transition: all .3s ease;
    width: inherit;
}

.PendingOrder__footerItemTable_2PrUr:hover {
     background: #22273A;
 }

.PendingOrder__footerItemTable_2PrUr .PendingOrder__itemAmount_Fi4Cb, .PendingOrder__footerItemTable_2PrUr .PendingOrder__itemCommission_2_9iz, .PendingOrder__footerItemTable_2PrUr .PendingOrder__itemPledge_J_tVS {
    color: #A6B1DC;
}

.PendingOrder__footerItemTable_2PrUr .PendingOrder__itemClosingDate_1AmgB {
    justify-content: flex-end;
    padding-right: 16px;
    cursor: pointer;
}

@media(max-width: 1024px) {

.PendingOrder__footerItemTable_2PrUr {
    width: 100%
}
}

.PendingOrder__footerItems_1FDdI {
    display: flex;
    align-items: center;

}

.PendingOrder__activePositionButton_3BJPJ {
    background: #161A2A !important;
    color: #F8F8F8 !important;
    position: relative;
}

.PendingOrder__activePositionButton_3BJPJ::after {
     opacity: 1 !important;
 }

.PendingOrder__rootLeftColumn_s7t1o {
    position: fixed;
    z-index: 2;
    height: 0;
    width: 84px;
    left: 0;
    background: #0B0A1A;
    transition: all .5s ease;
    height: calc(44vh + 66px);
}

@media(max-width: 1024px) {

.PendingOrder__rootLeftColumn_s7t1o {
    display: none
}
}

.PendingOrder__rootLeftColumnShow_1c5DZ {
    height: calc(44vh + 66px);
}

.PendingOrder__rootLeftFullSize_2PyBZ {
    height: calc(100vh - 82px) !important;
}

@media(min-width: 1024px) {

.PendingOrder__rootLeftFullSize_2PyBZ {
    transition-delay: -5s
}
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerHeaderTable_2VH2F .PendingOrder__itemCommission_2_9iz {
    min-width: 91px;
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerHeaderTable_2VH2F .PendingOrder__itemClosingDate_1AmgB {
    min-width: 205px;
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__itemCommission_2_9iz {
    min-width: 128px;
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__itemClosingDate_1AmgB {
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #A6B1DC;
    white-space: nowrap;
    width: auto;
    padding: 0 28px;
    min-width: 168px;
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__itemClosingDate_1AmgB:hover {
     background: #161A2A;
 }

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__itemClosingDate_1AmgB .PendingOrder__arrowIcons_3_PqY {
    display: flex;
    height: 100%;
}

.PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__activeItemTable_3ToRM {
    background: #22273A;;
}

@media(max-width: 1024px) {
    .PendingOrder__openPositionSlide_12yae .PendingOrder__footerRowsContainer_2z9ZB .PendingOrder__itemCommission_2_9iz {
        min-width: 91px;
    }
.PendingOrder__openPositionSlide_12yae .PendingOrder__footerHeaderTable_2VH2F .PendingOrder__itemClosingDate_1AmgB {
    min-width: 168px;
}
}

.PendingOrder__activeClosingData_3odkZ {
    background: #161A2A;
    cursor: default !important;
    min-width: 205px !important;
    padding: 0 28px 0 15px !important;
}

.PendingOrder__activeClosingData_3odkZ img {
    margin-left: 20px;
    cursor: pointer;
}

.PendingOrder__activeItemCommission_3PhTt {
    min-width: 91px !important;
}

@media(max-width: 1024px) {

.PendingOrder__activeItemCommission_3PhTt {
    min-width: 54px !important
}
}

.PendingOrder__closeDealButton_gESe1 {
    height: 100%;
    display: flex;
    align-items: center;
}


.PendingOrder__mobileOperations_2FejO {
    display: flex;
}


.PendingOrder__mobileOperations_2FejO path {
    transition: all .3s ease;
}


@media(max-width: 1024px) {


.PendingOrder__mobileOperations_2FejO {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    background: #0B0A1A;
    cursor: pointer
}
}


@media(max-width: 544px) {


.PendingOrder__mobileOperations_2FejO {
    border-top: none
}
}

.PendingOrder__mobileAssetsButton_1S0M- {
    display: none;
}

@media(max-width: 1024px) {

.PendingOrder__mobileAssetsButton_1S0M- {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #0B0A1A;
    z-index: 12
}
}

@media(max-width: 544px) {

.PendingOrder__mobileAssetsButton_1S0M- {
    height: 56px
}
}

@media(max-height: 544px) {

.PendingOrder__mobileAssetsButton_1S0M- {
    height: 56px
}
}

.PendingOrder__mobileOperationsTitle_27UWK {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 5px;
}

@media(max-width: 544px) {

.PendingOrder__mobileOperationsTitle_27UWK {
    margin-top: 3px
}
}

.PendingOrder__mobileOperationsButton_1dos- {
    display: none;
}

@media(max-width: 1024px) {

.PendingOrder__mobileOperationsButton_1dos- {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.PendingOrder__mobileOperationsButton_1dos-::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     top: 0;
     left: 0;
     background: #4D6ADC;
     box-shadow: 0 0 5px 1px #4D6ADC;
     opacity: 0;
     transition: all .3s ease;
 }
}

@media(max-width: 544px) {
    .PendingOrder__mobileOperationsButton_1dos- svg {
        width: 15px;
        height: 18px;
    }
}

.PendingOrder__showMobileLeftContainer_2QXgV {
    display: flex;
}

@media(max-width: 1024px) {

.PendingOrder__showMobileLeftContainer_2QXgV {
    width: 100%
}
}

.PendingOrder__mobileFooterButton_1FYVv {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background: #0B0A1A;
    height: 66px;
}

.PendingOrder__middleContainerMobile_2qr0V{
    display: none;
}

@media(max-width: 1024px) {

.PendingOrder__middleContainerMobile_2qr0V{
    display: flex!important
}
}

@media(max-width: 1024px) {

.PendingOrder__middleContainerDesktop_cg394 {
    display: none !important
}
}

.PendingOrder__mobileAssetsMiddleLine_tEeQS {
    width: 1px;
    height: 100%;
    background: rgb(61,68,93);
}

.PendingOrder__mobileOperationsActive_3pVT1 {
    background: #161A2A;
}

.PendingOrder__mobileOperationsActive_3pVT1::after {
     opacity: 1;
 }

.PendingOrder__mobileOperationsActive_3pVT1 path {
    fill: #F8F8F8
}

.PendingOrder__mobileOperationsActive_3pVT1 .PendingOrder__mobileOperationsTitle_27UWK {
    color: #F8F8F8;
}

.PendingOrder__posValue_3-zPy {
    color: #27AE60 !important;
}

.PendingOrder__negValue_3DgfU {
    color: rgba(235, 87, 87, 0.75) !important;
}

.PendingOrder__assetItemPair_2-sGu {
    position: relative;
    width: 32px;
    height: 24px;
    margin-right: 16px;
}

.PendingOrder__imgUpper_1U3lN {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
}

.PendingOrder__imgLower_2iSjE {
    height: 21px;
    width: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: white;
}

.PendingOrder__imgAlone_3yux0 {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 20px;
}

.PendingOrder__positionsFullSize_11yfx {
    height: calc(100vh - 148px) !important;
    transition-delay: unset;
}

.PendingOrder__preloader_1QUIz {
    margin-left: 20px;
    width: 26px;
    height: 26px;
}

/* Мобильные стили для заказов */
@media(max-width: 768px) {
    .PendingOrder__footerItemTable_2PrUr {
        flex-direction: column !important;
        height: auto !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        background: #1D2436 !important;
        border: 1px solid #333543 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        min-width: auto !important;
        width: 100% !important;
        max-width: 400px !important;
        margin-left: 20px !important;
    }

    .PendingOrder__footerItems_1FDdI {
        width: 100% !important;
        justify-content: space-between !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .PendingOrder__footerItems_1FDdI:last-child {
        border-bottom: none !important;
    }

    .PendingOrder__itemAsset_3wrYJ {
        min-width: auto !important;
        margin-left: 0 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .PendingOrder__itemProfit_2JK37 {
        min-width: auto !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .PendingOrder__itemAmount_Fi4Cb,
    .PendingOrder__itemPledge_J_tVS,
    .PendingOrder__itemCreateDate_1O8OB,
    .PendingOrder__itemOpeningRate_3en8B,
    .PendingOrder__profitAndLoss_1u-ce {
        min-width: auto !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .PendingOrder__itemClosingDate_1AmgB {
        min-width: auto !important;
        justify-content: center !important;
        padding-right: 0 !important;
    }

    .PendingOrder__assetItemPair_2-sGu {
        width: 40px !important;
        height: 32px !important;
        margin-right: 12px !important;
    }

    .PendingOrder__imgUpper_1U3lN,
    .PendingOrder__imgLower_2iSjE,
    .PendingOrder__imgAlone_3yux0 {
        height: 28px !important;
        width: 28px !important;
    }

    /* Стили для меток полей */
    .PendingOrder__footerItems_1FDdI:before {
        content: attr(data-label);
        font-weight: 600;
        color: rgba(166, 177, 220, 0.75);
        margin-right: 10px;
        min-width: 80px;
    }

    /* Анимация появления */
    .PendingOrder__footerItemTable_2PrUr {
        -webkit-animation: PendingOrder__fadeInUp_1SjGA 0.5s ease-out;
                animation: PendingOrder__fadeInUp_1SjGA 0.5s ease-out;
    }

    @-webkit-keyframes PendingOrder__fadeInUp_1SjGA {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    @keyframes PendingOrder__fadeInUp_1SjGA {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
                    transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
    }

    /* Эффект наведения */
    .PendingOrder__footerItemTable_2PrUr:hover {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }

    /* Дополнительные стили для очень маленьких экранов */
    @media(max-width: 480px) {
        .PendingOrder__footerItemTable_2PrUr {
            padding: 15px !important;
            margin-bottom: 12px !important;
            margin-top: 20px;
            max-width: 90vw !important;
        }

        .PendingOrder__footerItems_1FDdI {
            padding: 10px 0 !important;
            font-size: 14px !important;
        }

        .PendingOrder__itemAsset_3wrYJ {
            font-size: 16px !important;
        }

        .PendingOrder__assetItemPair_2-sGu {
            width: 32px !important;
            height: 24px !important;
            margin-right: 8px !important;
        }

        .PendingOrder__imgUpper_1U3lN,
        .PendingOrder__imgLower_2iSjE,
        .PendingOrder__imgAlone_3yux0 {
            height: 24px !important;
            width: 24px !important;
        }
    }
}

.TradingViewWidget__container_3Vdev{
    display: flex;
    flex-direction: row;
}
.TradingViewWidget__leftchart_2eGqN{
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
}
.TradingViewWidget__rightchart_h5xf-{
    background: #0B0A1A;
    width: 20%;
}
@media screen and (max-width: 768px){
.TradingViewWidget__rightchart_h5xf-{
    display: none;
}
.TradingViewWidget__leftchart_2eGqN {
    width: 100%;
}
}

html.TradingViewWidget__theme-dark_1J_qs .TradingViewWidget__group-MBOVGQRI_2FeoH {
    background-color: #151623 !important;
}
.MainPage__root_3gTvt {
    position: relative;
    background-color: rgb(20,26,43);
}

.MainPage__MuiFormControlLabel-root_2faE7 {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.MainPage__rootChart_1dLsj {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: calc(100vh - 150px);
    width: 100%;
    position: relative;
}

@media(max-width: 1024px) {

.MainPage__rootChart_1dLsj {
        height: calc(100vh - 187px)
}
    }

@media(max-width: 544px) {

.MainPage__rootChart_1dLsj {
        height: calc(100vh - 112px)
}
    }

@media(max-height: 544px) {

.MainPage__rootChart_1dLsj {
        height: calc(100vh - 112px)
}
    }


html.MainPage__theme-dark_2E7BL .MainPage__group-MBOVGQRI_3OyV6 {
    background-color: #151623 !important;
}

.MainPage__assetContainer_3PIK5 {
    position: absolute;
    left: 24px;
    top: 16px;
    font-family: SF Pro Display, sans-serif;;
    color: #F8F8F8;
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
    z-index: 2;
}

.MainPage__assetContainer_3PIK5 .MainPage__assetTitle_3pXUq {
        font-size: 24px;
        line-height: 31px;
        letter-spacing: 0.01em;
    }

.MainPage__assetContainer_3PIK5 .MainPage__purchasePrice_1sOXL {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
        margin-top: 14px;
    }

.MainPage__assetContainer_3PIK5 .MainPage__sellingPrice_2PHjh {
        display: flex;
        align-items: center;
    }

.MainPage__assetContainer_3PIK5 .MainPage__purchasePrice_1sOXL, .MainPage__assetContainer_3PIK5 .MainPage__sellingPrice_2PHjh {
        font-size: 16px;
        line-height: 21px;
    }

.MainPage__assetContainer_3PIK5 .MainPage__purchasePrice_1sOXL img, .MainPage__assetContainer_3PIK5 .MainPage__sellingPrice_2PHjh img {
            margin-right: 7px;
        }

@media(max-width: 544px) {

.MainPage__assetContainer_3PIK5 {
        left: 16px;
        top: 12px
}
    }

@media(max-height: 544px) {

.MainPage__assetContainer_3PIK5 {
        left: 16px;
        top: 12px
}
    }


.LeftMenu__root_5NLRW {
    position: relative;
    background: #0B0A1A;
    z-index: 11;
    box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.15);
}

@media(max-width: 1024px) {

.LeftMenu__root_5NLRW {
        display: none
}
    }

.LeftMenu__buttonContainer_3BXuG {
    width: 84px;
    height: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #0B0A1A;
}

.LeftMenu__buttonContainer_3BXuG:first-child .LeftMenu__button_2UCem {
            margin-top: 4px;
        }

.LeftMenu__activeButtonText_2sGny {
    color: #F8F8F8 !important;
}

.LeftMenu__button_2UCem {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    text-align: center;
    margin-top: 5px;
    transition: all .4s ease;
}

.LeftMenu__menuActive_3HLxQ .LeftMenu__burgerLine_34-Sz::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        background-color: #F8F8F8;
    }

.LeftMenu__menuActive_3HLxQ .LeftMenu__burgerLine_34-Sz::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        background-color: #F8F8F8;
    }

.LeftMenu__menuActive_3HLxQ .LeftMenu__burgerLine_34-Sz {
        height: 0;
    }

.LeftMenu__menuContent_2vNJS {
    position: absolute;
    width: 300px;
    height: 100%;
    background: rgb(27 32 51 / 90%);
    z-index: 1;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    transition: all .4s ease;
}

.LeftMenu__menuOpen_1ax_g {
    -webkit-transform: translateX(84px);
            transform: translateX(84px);
}

.LeftMenu__menu_1iu-L {
    width: 54px;
    position: relative;
    display: flex;
    height: 100%;
    background: #0B0A1A;
    z-index: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.LeftMenu__menuBG_3Wll_ {
    background: #0B0A1A;
}

.CookiesAgreement__cookiesContainer_RBUqp {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px 22px 15px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 84px;
    bottom: 66px;
    z-index: 100;
    opacity: 0;
    background: rgb(168 179 220 / 95%);
}

@media (max-width: 1024px) {

.CookiesAgreement__cookiesContainer_RBUqp {
        padding: 12px 16px;
        left: 0
}
    }

@media(max-width: 544px) {

.CookiesAgreement__cookiesContainer_RBUqp {
        bottom: 56px;
        width: 100%
}
    }

@media(max-height: 544px) and (orientation: landscape) {

.CookiesAgreement__cookiesContainer_RBUqp {
        bottom: 56px
}
    }

.CookiesAgreement__animated_2FT8f {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.CookiesAgreement__fadeInUp_10COf {
    -webkit-animation-name: CookiesAgreement__fadeInUp_10COf;
            animation-name: CookiesAgreement__fadeInUp_10COf;
}

@-webkit-keyframes CookiesAgreement__fadeInUp_10COf {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes CookiesAgreement__fadeInUp_10COf {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

.CookiesAgreement__fadeOut_1uOQp {
    -webkit-animation-name: CookiesAgreement__fadeOut_1uOQp;
            animation-name: CookiesAgreement__fadeOut_1uOQp;
}

@-webkit-keyframes CookiesAgreement__fadeOut_1uOQp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes CookiesAgreement__fadeOut_1uOQp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.CookiesAgreement__content_3by70 {
    margin-right: 27px;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: #F8F8F8;
}

@media (max-width: 544px) {

.CookiesAgreement__content_3by70 {
        font-size: 14px;
        line-height: 17px;
        margin-right: 22px
}
    }

.CookiesAgreement__closeWrapper_2D7Bv {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    border-radius: 50%;
    background-color:  #161A2A;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.CookiesAgreement__closeWrapper_2D7Bv:focus {
         outline: none;
         box-shadow: none;
     }

@media (max-width: 544px) {

.CookiesAgreement__closeWrapper_2D7Bv {
        display: none
}
    }

.CookiesAgreement__agreementButton_muKwq{
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    padding: 2px 30px;
    background: #0B0A1A;
    color: #F8F8F8;
    cursor: pointer;
}

.CookiesAgreement__agreementButton_muKwq:focus {
         outline: none;
         box-shadow: none;
     }

@media (max-width: 544px) {

.CookiesAgreement__agreementButton_muKwq{
        padding: 2px 31px
}
    }

.AuthenticationPopup__root_88KCB {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.AuthenticationPopup__cover_1zs8V {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(27 32 51 / 80%);
}

.AuthenticationPopup__popupWrap_3RLEy {
    height: 100%;
    overflow: hidden;
}

.AuthenticationPopup__popupWrap_3RLEy:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
        content: '';
    }

.AuthenticationPopup__popup_1AWHb {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding: 30px;
}

@media (max-width: 768px) {

.AuthenticationPopup__popup_1AWHb {
        padding: 24px
}
    }

@media(max-width: 600px) {

.AuthenticationPopup__popup_1AWHb {
        padding: 16px
}
    }

.AuthenticationPopup__popupContent_ihalf {
    max-width: 640px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
            filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
}

@media (max-width: 541px) {

.AuthenticationPopup__popupContent_ihalf {
        height: 100%
}
    }

.AuthenticationPopup__content_8UWe8 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    flex-direction: column;
}

.AuthenticationPopup__closeButton_3KcYE {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -16px;
    right: -16px;
    background: #161A2A;;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 101;
}

.AuthenticationPopup__closeButton_3KcYE:focus {
         outline: none;
         box-shadow: none;
     }

@media (max-width: 600px) {

.AuthenticationPopup__closeButton_3KcYE {
        top: -18px;
        right: 0
}
    }

.AuthenticationPopup__isVisible_1PR2N {
    opacity: 1;
}

.AuthenticationPopup__isVisible_1PR2N .AuthenticationPopup__content_8UWe8 {
        pointer-events: auto; 
    }

.AuthenticationPopup__navbar_3NEcP {
    display: flex;
    width: 100%;
    background: linear-gradient(to right, rgb(82, 47, 114), rgb(101, 87, 168));
    height: 66px;
    border-radius: 18px 0px 0px;
    border-bottom: 1px solid #333543;
}

.AuthenticationPopup__signInButton_3CDfn, .AuthenticationPopup__signUpButton_1wiV6 {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #cdd6f8;
    border-radius: 12px 0px 0px 0px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
}

.AuthenticationPopup__signInButton_3CDfn::after, .AuthenticationPopup__signUpButton_1wiV6::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
        transition: all .3s ease;
        background: #ab4ddc;
        box-shadow: 0 0 5px 1px #9a748a;
    }

.AuthenticationPopup__activeButton_31xeg {
    background: linear-gradient(to right, rgb(121 70 168), rgb(60 44 139 / 47%));
    color: #F8F8F8;
    border-radius: 12px;
}

.AuthenticationPopup__activeButton_31xeg::after {
        opacity: 1;
    }

.AuthenticationPopup__formsContainer_1xEAO {
    width: 100vw;
    display: flex;
    transition: all .4s ease;
}

.AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6, .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #ced7fa;
        max-width: 640px;
        background: linear-gradient(to right, rgb(82, 47, 114), rgb(101, 87, 168));
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

.AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6::-webkit-scrollbar, .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe::-webkit-scrollbar {
            width: 2px;
            height: 0px;
        }

.AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6::-webkit-scrollbar-thumb, .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.25);
        }

.AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6 {
        height: 324px;
    }

@media(max-width: 768px) {
        .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6, .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe  {
            width: calc(100vw - 48px);
        }

        .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6 {
            height: -webkit-max-content;
            height: -moz-max-content;
            height: max-content;
        }

        .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe {
            height: 324px;
            overflow: auto;
            justify-content: flex-start;
        }
    }

@media(max-width: 600px) {
        .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__authPopupContainer_23_t6, .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe  {
            width: calc(100vw - 32px);
        }

        .AuthenticationPopup__formsContainer_1xEAO .AuthenticationPopup__registrationPopupContainer_1OKhe {
            height: 437px;
        }
    }


.AuthenticationPopup__hidePopupForm_2S2aH {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
/* Предотвращение зума на iPhone */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    textarea,
    select {
        font-size: 16px !important;
    }
    
    /* Дополнительная защита от зума */
    input:focus,
    textarea:focus,
    select:focus {
        font-size: 16px !important;
    }
}

.FormInput__inputWrapper_1d8iY {
    position: relative;
    font-family: SF Pro Display, sans-serif;;
    margin-bottom: 54px;
}

.FormInput__inputWrapper_1d8iY p {
        position: absolute;
        color: rgba(166, 177, 220, 0.5);
        top: 8px;
        left: 16px;
        font-size: 14px;
        line-height: 18px;
        z-index: 1;
        transition: all .3s ease;
        pointer-events: none;
    }

@media (max-width: 340px) {

.FormInput__inputWrapperCta_3C00b {
        margin: 10px 0
}
    }

p.FormInput__whiteText_1flni{
    color: #656f91 !important;
}
.FormInput__whiteText_1flni {
    color: #656f91 !important;
    transition: all .25s ease;
}

.FormInput__field_2vq4k, .FormInput__list_zfAte {
    width: 245px;
    color: rgba(235, 236, 236, 0.87);
    height: 36px;
    font-size: 14px;
    min-width: 100% !important;
    line-height: 18px;
    outline: none;
    border: none;
    box-sizing: border-box;
    position: relative;
    border-radius: 12px;
    z-index: 1;
    background: #1D1E3D;
    padding: 9px 16px;
    font-family: SF Pro Display, sans-serif;;
    transition: all .3s ease;
}

/* Предотвращение зума на iPhone */

@media screen and (max-width: 768px) {

.FormInput__field_2vq4k, .FormInput__list_zfAte {
        font-size: 16px
}
    }

.FormInput__field_2vq4k::-webkit-outer-spin-button,
    .FormInput__field_2vq4k::-webkit-inner-spin-button,
    .FormInput__list_zfAte::-webkit-outer-spin-button,
    .FormInput__list_zfAte::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

@media(max-width: 768px) {

.FormInput__field_2vq4k, .FormInput__list_zfAte {
        width: 296px
}
    }

.FormInput__field_2vq4k:focus + .FormInput__whiteText_1flni, .FormInput__positionLabel_1nK6o {
    font-size: 12px !important;
    line-height: 15px !important;
    top: -20px !important;
    left: 0px !important;
    opacity: .7;
}

.FormInput__field_2vq4k:focus {
    outline: .5px solid #A6B1DC;
    color: #A6B1DC !important;
}

.FormInput__field_2vq4k:focus + p {
        color: #A6B1DC !important;
    }

.FormInput__labelEror_29AlI {
    transition: all .3s ease;
    color: rgba(235, 87, 87, 0.75);
}

.FormInput__error_1e0Ni {
    outline: .5px solid rgba(235, 87, 87, 0.75) !important;
}

.FormInput__error_1e0Ni + p {
        color: rgba(235, 87, 87, 0.75);
    }

.FormInput__errorUnder_L0Svj {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
    color: rgba(235, 87, 87, 0.75);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.FormInput__disabledField_3GANw {
    padding-top: 16px;
    cursor: pointer;
}

.FormInput__disabledField_3GANw:after {
        position: absolute;
        right: 17px;
        content: '';
        width: 14px;
        height: 8px;
    }

.FormInput__open_1_hGK:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

.FormInput__list_zfAte {
    position: absolute;
    padding: 10px 10px 10px 0;
    box-shadow: 0 0 8px rgba(12, 81, 60, 0.25);
    top: 55px;
    height: inherit;
    z-index: 2;
    border: 1px solid #FFFFFF;
}

.FormInput__list_zfAte li {
        width: 250px;
        height: 29px;
        padding: 6px 12px;
        cursor: pointer;
    }

.FormInput__errorLine_1x5Qh{
    position: absolute;
    top: 29px;
    right: 0;
    width: 60px;
    height: 0.5px;
    background-color: rgba(235, 87, 87, 0.75);
}

.AuthFormPopup__form_3qWvo {
    margin-top: 55px;
    transition: all .3s ease;
}

.AuthFormPopup__form_3qWvo .AuthFormPopup__bottomLabel_2MTxh {
        position: absolute;
        top: 40px;
        left: 0;
        font-family: SF Pro Display, sans-serif;;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: rgba(166, 177, 220, 0.25);
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease;
    }

.AuthFormPopup__form_3qWvo .AuthFormPopup__bottomLabelActive_yIExN {
        opacity: 1;
    }

@media (max-width: 450px) {

.AuthFormPopup__form_3qWvo {
        height: 100%;
        display: flex;
        flex-direction: column
}
    }

.AuthFormPopup__button_1UETM {
    background-color: #341b8b;
    position: relative;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 7.5px 83px;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-top: -24px;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
    transition: .5s ease;
    width: 100%;
    border: none;
    box-shadow: 0 0 20px 4px #a44dfc;
}

@media(max-width: 600px) {

.AuthFormPopup__button_1UETM {
        margin-top: -11px
}
    }

.AuthFormPopup__isVisible_1tCDS {
    opacity: 1;
}

.AuthFormPopup__isVisible_1tCDS .AuthFormPopup__content_1IeYT {
        pointer-events: auto; 
    }

.AuthFormPopup__emailContainerField_2gdXA, .AuthFormPopup__passwordContainerField_1wHzP {
    position: relative;
}

.AuthFormPopup__emailContainerField_2gdXA img, .AuthFormPopup__passwordContainerField_1wHzP img {
        position: absolute;
        top: 10px;
        right: 12.5px;
        z-index: 1;
        cursor: pointer;
    }

.AuthFormPopup__emailContainerField_2gdXA {
    margin-bottom: 62px;
}

@media(max-width: 450px) {

.AuthFormPopup__emailContainerField_2gdXA {
        height: 36px
}
    }

.AuthFormPopup__forgetPassordButton_1-0h6 {
    color: rgba(248, 248, 248, 0.5);
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 12px auto 36px;
    cursor: pointer;
}

.AuthFormPopup__isPopupHidden_3CMTs {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.AuthFormPopup__errorMessage_2wsdO {
    position: absolute;
    -webkit-transform: translateY(-18px);
            transform: translateY(-18px);
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: rgba(235, 87, 87, 0.75);
}

@media(max-width: 600px) {

.AuthFormPopup__errorMessage_2wsdO {
        margin-top: -11px
}
    }

.AuthFormPopup__buttonContainer_1HnE4 {
    position: relative;
}
.ResetPasswordFormPopup__root_UplU1 {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: all .5s ease;
}

.ResetPasswordFormPopup__isPopupHidden_gV8Hc {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

.ResetPasswordFormPopup__form_3RUEp {
    margin-top: 49px;
}

.ResetPasswordFormPopup__form_3RUEp .ResetPasswordFormPopup__bottomLabel_29XN8 {
        position: absolute;
        top: 40px;
        left: 0;
        font-family: SF Pro Display, sans-serif;;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: rgba(166, 177, 220, 0.25);
        opacity: 0;
        pointer-events: none;
    }

.ResetPasswordFormPopup__form_3RUEp .ResetPasswordFormPopup__bottomLabel_29XN8.ResetPasswordFormPopup__bottomLabelActive_2xjrB {
            opacity: 1;
        }

@media (max-width: 450px) {

.ResetPasswordFormPopup__form_3RUEp {
        height: 100%;
        display: flex;
        flex-direction: column
}
    }

.ResetPasswordFormPopup__button_3wrK_ {
    background-color: #27AE60;
    position: relative;
    color: #FFFFFF;
    padding: 7.5px 0px;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
    transition: .5s ease;
    width: 100%;
    border: none;
    margin-top: 67px;
    box-shadow: 0 0 5px 1px #27AE60;
}

@media(max-width: 600px) {

.ResetPasswordFormPopup__button_3wrK_ {
        margin-top: 80px
}
    }

.ResetPasswordFormPopup__isVisible_2WAdt {
    opacity: 1;
}

.ResetPasswordFormPopup__isVisible_2WAdt .ResetPasswordFormPopup__content_2Tjil {
        pointer-events: auto; 
    }

.ResetPasswordFormPopup__emailContainerField_smbC- {
    position: relative;
}

@media(max-width: 450px) {

.ResetPasswordFormPopup__emailContainerField_smbC- {
        height: 36px
}
    }

.ResetPasswordFormPopup__forgetPassordButton_2Vox8 {
    color: rgba(248, 248, 248, 0.5);
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 12px auto 36px;
    cursor: pointer;
}

.ResetPasswordFormPopup__title_3AbVN {
    font-family: SF Pro Display, sans-serif;;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 36px;
    text-align: center;
}

.ResetPasswordFormPopup__isSuccessPopup_1zIyL {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ResetPasswordFormPopup__successContainer_3KHfS {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.ResetPasswordFormPopup__cover_YLLoN {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ResetPasswordFormPopup__popupWrap_1xx2p {
    height: 100%;
    display: flex;
    align-items: center;
}

.ResetPasswordFormPopup__popupWrap_1xx2p:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
        content: '';
    }

.ResetPasswordFormPopup__popup_PfpQS {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding: 30px;
}

@media (max-width: 768px) {

.ResetPasswordFormPopup__popup_PfpQS {
        padding: 24px
}
    }

@media(max-width: 600px) {

.ResetPasswordFormPopup__popup_PfpQS {
        padding: 16px
}
    }

@media (max-width: 541px) {

.ResetPasswordFormPopup__popup_PfpQS {
        position: fixed;
        bottom: 0;
        height: calc(100% - 106px)
}
    }

.ResetPasswordFormPopup__popupContent_1Y4_T {
    width: 360px;
    height: 186px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
            filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
    background: #0B0A1A;
    display: flex;
    text-align: center;
}

@media (max-width: 541px) {

.ResetPasswordFormPopup__popupContent_1Y4_T {
        height: 100%
}
    }

.ResetPasswordFormPopup__content_2Tjil {
    display: flex;
    width: 100%;
    margin: auto;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
}

.ResetPasswordFormPopup__content_2Tjil div {
        max-width: 262px;
        margin-bottom: 12px;
    }
.RegistrationFormPopup__form_KDSy5 {
    margin-top: 55px;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    padding: 0 66px;
    justify-content: space-between;
}

.RegistrationFormPopup__form_KDSy5 .RegistrationFormPopup__bottomLabel_3mRHR {
        position: absolute;
        top: 40px;
        left: 0;
        font-family: SF Pro Display, sans-serif;;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: rgba(166, 177, 220, 0.25);
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease;
    }

.RegistrationFormPopup__form_KDSy5 .RegistrationFormPopup__bottomLabelActive_3TDEn {
        opacity: 1;
    }

@media(max-width: 768px) {

.RegistrationFormPopup__form_KDSy5 {
        flex-direction: column;
        padding: 0;
        width: 90%
}
    }

.RegistrationFormPopup__button_3N7-I {
    background-color: #27AE60;
    border-radius: 12px;
    position: relative;
    color: #FFFFFF;
    padding: 7.5px 83px;
    font-family: SF Pro Display, sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
    transition: .5s ease;
    border: none;
    width: 242px;
    height: 36px;
    transition: all .2s ease;
    box-shadow: 0 0 5px 1px #27AE60;
}

@media(max-width: 768px) {

.RegistrationFormPopup__button_3N7-I {
        width: 100%
}
    }

.RegistrationFormPopup__isVisible_2hUsz {
    opacity: 1;
}

.RegistrationFormPopup__isVisible_2hUsz .RegistrationFormPopup__content_38e-L {
        pointer-events: auto;
    }

.RegistrationFormPopup__emailContainerField_16Akt, .RegistrationFormPopup__phoneContainerField_BgW-T, .RegistrationFormPopup__passwordContainerField_nQzur, .RegistrationFormPopup__dateContainerField_3t9hi, .RegistrationFormPopup__addressContainerField_Mbffz {
    position: relative;
}

.RegistrationFormPopup__emailContainerField_16Akt, .RegistrationFormPopup__cityContainerField_3qSGd {
    height: 38px;
    margin-bottom: 54px;
}

.RegistrationFormPopup__passwordContainerField_nQzur img, .RegistrationFormPopup__dateContainerField_3t9hi img {
        position: absolute;
        top: 10px;
        right: 12.5px;
        z-index: 5;
        cursor: pointer;
    }

@media(max-width: 920px) {

.RegistrationFormPopup__dateContainerField_3t9hi {
        width: 50%;
        max-width: 245px
}
    }

@media(max-width: 768px) {

.RegistrationFormPopup__dateContainerField_3t9hi {
        width: 100%;
        max-width: initial;
        margin-bottom: 52px
}
    }

/* width: 245px;
    height: 36px; */

.RegistrationFormPopup__phoneContainerField_BgW-T input {
        padding-left: 62px;
    }

.RegistrationFormPopup__phoneContainerField_BgW-T p {
        font-size: 12px !important;
        line-height: 15px !important;
        top: -20px !important;
        left: 0px !important;
        opacity: .7;
    }

.RegistrationFormPopup__forgetPassordButton_RL4A3 {
    color: rgba(248, 248, 248, 0.5);
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 12px auto 36px;
    cursor: pointer;
}

.RegistrationFormPopup__isPopupHidden_16IQS {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.RegistrationFormPopup__buttonContainer_3D82- {
    margin-top: -9px;
    margin-bottom: 36px;
    position: relative;
}

@media(max-width: 768px) {

.RegistrationFormPopup__buttonContainer_3D82- {
        margin-top: 10px
}
    }

.RegistrationFormPopup__checkboxesContainer_27T0u {
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: rgba(166, 177, 220, 0.75);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.RegistrationFormPopup__checkboxesContainer_27T0u div {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

.RegistrationFormPopup__checkboxesContainer_27T0u div input {
            width: 0;
            pointer-events: none;
        }

.RegistrationFormPopup__checkboxesContainer_27T0u div .RegistrationFormPopup__emptyCheck_ZCUKG {
            opacity: 1;
            margin-right: 10px;
        }

.RegistrationFormPopup__checkboxesContainer_27T0u div .RegistrationFormPopup__fillCheck_33MZD {
            opacity: 0;
            transition: all .3s ease;
            left: 0;
            position: absolute;
            top: 1px;
        }

.RegistrationFormPopup__checkboxesContainer_27T0u div span {
            text-decoration: underline;
            margin-left: 3px;
        }

@media(max-width: 768px) {

.RegistrationFormPopup__checkboxesContainer_27T0u {
        margin-top: -11px
}
    }

.RegistrationFormPopup__activeCheckbox_1XapR {
    opacity: 1 !important;
}

.RegistrationFormPopup__errorMessage_29bpP {
    position: absolute;
    -webkit-transform: translateY(-18px);
            transform: translateY(-18px);
    font-family: SF Pro Display, sans-serif;;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: rgba(235, 87, 87, 0.75);
}

.RegistrationFormPopup__disabledButton_12OIa {
    background: #4eae77;
}

.RegistrationFormPopup__originBlock_MArfo {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 100%;
}

.RegistrationFormPopup__callingCode_1XS7e {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    color: rgba(166, 177, 220, 0.5);
    left: 62px;
    transition: all .3s ease;
}

.RegistrationFormPopup__focusPhoneField_10RN9 .RegistrationFormPopup__callingCode_1XS7e {
        color: #A6B1DC !important;
    }

.RegistrationFormPopup__checkboxError_2N25j {
    opacity: 0;
    color: rgba(235, 87, 87, 0.75);
    pointer-events: none;
    transition: all .3s ease;
}

.RegistrationFormPopup__checkboxErrorActive_1lzNY {
    opacity: 1;
    pointer-events: auto;
}

.RegistrationFormPopup__datePickerContainer_2XlRw {
    position: relative;
    top: 0;
    width: inherit;
    margin-bottom: 52px;
    z-index: 5;
}

.RegistrationFormPopup__datePickerContainer_2XlRw input {
        border: none;
        outline: none;
        height: 36px;
        width: 242px !important;
        font-family: SF Pro Display, sans-serif;;
        font-style: normal;
        font-weight: 450;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: rgba(166, 177, 220, 0.5);
        border-radius: 12px;
        background: #161A2A;
        padding-left: 16px;
        cursor: pointer;
        transition: all .3s ease;
    }

@media(max-width: 920px) {

.RegistrationFormPopup__datePickerContainer_2XlRw {
        display: none
}
    }

@media(max-width: 768px) {
        .RegistrationFormPopup__datePickerContainer_2XlRw input {
            width: 100% !important;
        }
    }

.RegistrationFormPopup__showDate_2tcyx input {
        color: rgba(166, 177, 220, 0.5) !important;
    }

.RegistrationFormPopup__errorLabel_NnCTd {
    opacity: 0;
    transition: all .3s ease;
}

.RegistrationFormPopup__dateFormFieldContainer_tH02K {
    position: absolute;
}

.RegistrationFormPopup__dateFormFieldContainer_tH02K input {
        /* opacity: 0; */
    }

.RegistrationFormPopup__dateFormFieldContainer_tH02K p {
        z-index: 6;
    }

.RegistrationFormPopup__dateTitle_2LuZB {
    top: 8px;
    left: 16px;
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
    transition: all .3s ease;
    position: absolute;
    z-index: 6;
    color: rgba(166, 177, 220, 0.5);
    pointer-events: none;
}

.RegistrationFormPopup__dateTitleActive_c7wSP {
    font-size: 12px;
    line-height: 15px;
    top: -20px;
    left: 0px;
    opacity: .7;
}

.RegistrationFormPopup__dateErrorTitle_3-eM8 {
    color: rgba(235, 87, 87, 0.75) !important;
}

.RegistrationFormPopup__dateErrorField_of-vk {
    outline: .5px solid rgba(235, 87, 87, 0.75) !important;
    opacity: 1;
}

.RegistrationFormPopup__dateBottomLabel_3TBqG {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
    color: rgba(235, 87, 87, 0.75);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    font-family: SF Pro Display, sans-serif;;
    letter-spacing: 0.01em;
    pointer-events: none;
    transition: all .3s ease;
    opacity: 0;
}

.RegistrationFormPopup__dateBottomLabelActive_1XZbt {
    opacity: 1;
}

.RegistrationFormPopup__mobileMaskDate_pLzr0 {
    display: none;
    background: none;
    color: rgba(166, 177, 220, 0.5);
    font-size: 14px;
    line-height: 18px;
    outline: none;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    padding: 9px 16px;
    font-family: SF Pro Display, sans-serif;;
    transition: all .3s;
}

@media(max-width: 920px) {

.RegistrationFormPopup__mobileMaskDate_pLzr0 {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        background: #161A2A;
        opacity: 1
}
    }

@media(max-width: 768px) {

.RegistrationFormPopup__mobileMaskDate_pLzr0 {
        position: relative
}
    }

.RegistrationFormPopup__mobileMaskDateActive_18J-P {
    outline: .5px solid #A6B1DC;
    color: #A6B1DC !important;
}

.CountrySelector__iconFlag_3nCxN {
    left: 16px;
    top: 12px;
    position: absolute;
    z-index: 1;
}

.CountrySelector__currentCountryTitle_11NWh {
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 62px;
    background: #161A2A;
    position: relative;
    cursor: pointer;
}

.CountrySelector__innerCountryContainer_91TZ3 {
    position: absolute;
    width: 100%;
    top: 36px;
    z-index: 2;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none;
}

.CountrySelector__innerCountryContainerOpen_30kY8 {
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow-y: scroll;

    height: 200px;
    pointer-events: auto !important;
    background-color: #22273a;
    overflow-x: hidden;
}

.CountrySelector__innerCountryContainerOpen_30kY8::-webkit-scrollbar {
     width: 7px;
     height: 2px;
 }

.CountrySelector__innerCountryContainerOpen_30kY8::-webkit-scrollbar-thumb {
     background: rgba(166, 177, 220, 0.5);
     border-radius: 10px;
 }

.CountrySelector__innerCountryContainerOpen_30kY8::-webkit-scrollbar-thumb:hover {
     background: rgb(133, 146, 201);
 }


.CountrySelector__countryContainer_3n52t {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    height: 36px;
    width: 100%;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    color: rgba(166, 177, 220, 0.5);
    position: relative;
    background: #22273A;
    cursor: pointer;
}


.CountrySelector__countryContainer_3n52t:hover {
        background: rgb(67,73,98);
    }

.CountrySelector__countryTitle_BMmJ2 {
    padding-left: 46px;
}

.CountrySelector__rotateImg_3NMgh {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.CountrySelector__iconArrowDown_1EDqr {
    top: 15px !important;
    left: 43px;
    transition: all .3s ease;
    position: absolute;
    z-index: 1;
}

.CountrySelector__selectorContainer_1N74E {
    position: absolute;
    top: 0;
    width: 100%;
    height: 36px;
    cursor: pointer;

}

.CountrySelector__selectorContainerActive_1QN_H {
    z-index: 7;
}

.CountrySelector__countryNameBlock_3wT5n {
    position: absolute;
    left: 61px;
    width: 173px;
    height: 31px;
}

.CountrySelector__countryNameText_1AGLx {
    position: absolute;
    top: 6px;
}

.AccountInfoPopup__root_2rgqu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
    overflow-x: hidden;
}

.AccountInfoPopup__cover_3s66S {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(27 32 51 / 80%);
}

.AccountInfoPopup__popupWrap_veNZB {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.AccountInfoPopup__popupWrap_veNZB:after {
        display: inline-block;
        width: 0;
        height: 100%;
        content: '';
    }

.AccountInfoPopup__popup_1qKmH {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding: 30px;
}

@media (max-width: 768px) {

.AccountInfoPopup__popup_1qKmH {
        padding: 24px
}
    }

@media(max-width: 600px) {

.AccountInfoPopup__popup_1qKmH {
        padding: 16px
}
    }

.AccountInfoPopup__popupContent_3dcMI {
    max-width: 860px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
            filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
}

@media (max-width: 541px) {

.AccountInfoPopup__popupContent_3dcMI {
        height: 100%
}
    }

.AccountInfoPopup__content_1t7fX {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    flex-direction: column;
}

.AccountInfoPopup__closeButton_3W569 {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -16px;
    right: -16px;
    background: #161A2A;;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
    margin-top:95px;
}

.AccountInfoPopup__closeButton_3W569:focus {
         outline: none;
         box-shadow: none;
     }

@media (max-width: 600px) {

.AccountInfoPopup__closeButton_3W569 {
        top: -18px;
        right: 0
}
    }

.AccountInfoPopup__isVisible_1wM5c {
    opacity: 1;
}

.AccountInfoPopup__isVisible_1wM5c .AccountInfoPopup__content_1t7fX {
        pointer-events: auto; 
    }

.AccountInfoPopup__navbar_3PNSc {
    display: flex;
    width: 100%;
    background: #0B0A1A;
    height: 66px;
    border-bottom: 1px solid #333543;
}

.AccountInfoPopup__navbar_3PNSc::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

@media(max-width: 768px) {

.AccountInfoPopup__navbar_3PNSc {
        overflow: auto
}
    }

.AccountInfoPopup__privateData_pVDch, .AccountInfoPopup__documents_17tF9, .AccountInfoPopup__transaction_28Zt4, .AccountInfoPopup__tradeHistory_3J6Vn {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
}

.AccountInfoPopup__privateData_pVDch::after, .AccountInfoPopup__documents_17tF9::after, .AccountInfoPopup__transaction_28Zt4::after, .AccountInfoPopup__tradeHistory_3J6Vn::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
        transition: all .3s ease;
        background: #4D6ADC;
        box-shadow: 0 0 5px 1px #4D6ADC;
    }

@media(max-width: 768px) {

.AccountInfoPopup__privateData_pVDch, .AccountInfoPopup__documents_17tF9, .AccountInfoPopup__transaction_28Zt4, .AccountInfoPopup__tradeHistory_3J6Vn {
        min-width: 178.5px
}
    }

@media(max-width: 600px) {

.AccountInfoPopup__privateData_pVDch, .AccountInfoPopup__documents_17tF9, .AccountInfoPopup__transaction_28Zt4, .AccountInfoPopup__tradeHistory_3J6Vn {
        min-width: 139px;
        text-align: center
}
    }

@media(max-width: 600px) {

.AccountInfoPopup__tradeHistory_3J6Vn {
        flex-direction: column
}
    }

.AccountInfoPopup__activeButton_nsJO0 {
    background: #161A2A;
    color: #F8F8F8;
}

.AccountInfoPopup__activeButton_nsJO0::after {
        opacity: 1;
    }

.AccountInfoPopup__activeButton_nsJO0 svg {
        opacity: 1;
    }

.AccountInfoPopup__formsContainer_R-Pe6 {
    width: 999999px;
    display: flex;
    transition: all .5s ease;
}

.AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__authPopupContainer_3PUsF {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: #A6B1DC;
        max-width: 860px;
        background: #0B0A1A;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

.AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__authPopupContainer_3PUsF {
        height: 324px;
    }

@media(max-width: 768px) {
        .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__authPopupContainer_3PUsF, .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__registrationPopupContainer_2YzMA  {
            width: calc(100vw - 48px);
        }

        .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__authPopupContainer_3PUsF {
            height: -webkit-max-content;
            height: -moz-max-content;
            height: max-content;
        }

        .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__registrationPopupContainer_2YzMA {
            height: 324px;
            overflow: auto;
            justify-content: flex-start;
        }
    }

@media(max-width: 600px) {
        .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__authPopupContainer_3PUsF, .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__registrationPopupContainer_2YzMA  {
            width: calc(100vw - 32px);
        }

        .AccountInfoPopup__formsContainer_R-Pe6 .AccountInfoPopup__registrationPopupContainer_2YzMA {
            height: 337px;
        }
    }

.AccountInfoPopup__tradeIcon_zlRB- {
    opacity: 0;
    transition: all .3s ease;
    position: relative;
    margin-left: 12px;
    margin-top: 2px;
}

@media(max-width: 600px) {

.AccountInfoPopup__tradeIcon_zlRB- {
        opacity: 1
}
    }
.DocumentInfoPopup__registrationPopupContainer_2RiDC {
    padding: 48px 8px 50px 31px;
    max-width: 860px;
    background: transparent !important;
    height: 572px;
    overflow: hidden;
    width: calc(100vw - 60px);
}

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: auto;
        height: 482px;
        padding-right: 16px;
    }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S::-webkit-scrollbar {
            width: 7px;
            height: 2px;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.5);
            border-radius: 10px;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S::-webkit-scrollbar-thumb:hover {
            background: rgb(133, 146, 201);
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapper_8J3ch {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 48.5%;
        max-width: 387px;
        border: 2px solid #122AF9;
        margin-bottom: 24px;
        border-radius: 25px;
        border-style: dashed;
    }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapper_8J3ch:nth-last-child(-n+2) {
             width: 100%;
             max-width: initial;
             margin-bottom: 0;
         }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapperHovered_1yvrc {
        cursor: pointer;
    }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapperHovered_1yvrc:hover {
             background: #161A2A;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapperHovered_1yvrc:hover .DocumentInfoPopup__title_3fEZx {
                color: #F8F8F8;
            }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapperHovered_1yvrc:hover .DocumentInfoPopup__title_3fEZx path {
                    fill: rgba(248, 248, 248, 0.75);
                    fill-opacity: 1;
                }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapperHovered_1yvrc:hover .DocumentInfoPopup__bottomLabel_216UW {
                color: rgba(248, 248, 248, 0.75);
            }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all .3s ease;
    }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd .DocumentInfoPopup__title_3fEZx {
            margin-top: 53px;
            display: flex;
            align-items: center;
            font-family: SF Pro Display, sans-serif;;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.012em;
            color: #A6B1DC;
            transition: all .3s ease;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd .DocumentInfoPopup__title_3fEZx svg {
                margin-left: 9px;
                margin-top: 2px;
            }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd .DocumentInfoPopup__title_3fEZx svg path {
                    transition: all .3s ease;
                }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd .DocumentInfoPopup__documentIcon_2At8O {
            margin: 19px auto 21px;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd .DocumentInfoPopup__bottomLabel_216UW {
            margin-bottom: 50px;
            font-family: SF Pro Display, sans-serif;;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.01em;
            color: rgba(166, 177, 220, 0.5);
            transition: all .3s ease;
            text-align: center;
        }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__buttonContainer_3MIZv {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 26px;
        display: none;
    }

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__button_dmrif {
        background-color: #4D6ADC;
        position: relative;
        color: #FFFFFF;
        padding: 8.5px 83px;
        font-family: SF Pro Display, sans-serif;;
        font-weight: 600;
        font-size: 16px;
        line-height: 21px;
        z-index: 2;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        box-sizing: border-box;
        outline: none;
        transition: .5s ease;
        width: 100%;
        border: none;
        max-width: 192px;
        box-shadow: 0 0 5px 1px #4D6ADC;
    }

@media(max-width: 600px) {

.DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__button_dmrif {
            margin-top: -11px
    }
        }

@media(max-width: 768px) {

.DocumentInfoPopup__registrationPopupContainer_2RiDC {
        width: calc(100vw - 48px)
}

        .DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItemWrapper_8J3ch {
            width: 77%;
            max-width: initial;
        }

        .DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__cardItem_RRhLd {
            width: 100%;
            max-width: initial;
        }
            .DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S::-webkit-scrollbar {
                width: 2px;
            }
    }

@media(max-width: 600px) {

.DocumentInfoPopup__registrationPopupContainer_2RiDC {
        width: calc(100vw - 32px)
}
    }

@media(max-width: 544px) {

.DocumentInfoPopup__registrationPopupContainer_2RiDC {
        height: 472px
}

        .DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S {
            height: -webkit-fill-available;;
        }
    }

@media(max-width: 450px) {

.DocumentInfoPopup__registrationPopupContainer_2RiDC {
        padding: 36px 4px 36px 16px
}

        .DocumentInfoPopup__registrationPopupContainer_2RiDC .DocumentInfoPopup__registrationInnerContainer_2WT7S {
            padding-right: 10px;
        }
    }

.DocumentInfoPopup__activeItemCard_3oq8g {
    background: rgba(39, 174, 96, 0.25);
    color: #A6B1DC;
    cursor: pointer;
}

.DocumentInfoPopup__activeItemCard_3oq8g svg {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
    }

.DocumentInfoPopup__activeItemCard_3oq8g:hover {
        background: rgba(111, 207, 151, 0.25) !important;
    }

.DocumentInfoPopup__fileInput_zmsem {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.DocumentInfoPopup__docRemove_1gdJA {
    cursor: pointer;
    margin-left: 6px;
    position: relative;
    top: 1px;
}

.TransactionInfoPopup__transactionPopupContainer_3uuAB {
    max-width: 860px;
    background: #0B0A1A;
    height: 700px;
    width: calc(100vw - 60px);
}

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__navbar_2O36t {
        display: flex;
        background: rgba(166, 177, 220, 0.05);
        font-family: SF Pro Display, sans-serif;;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: rgba(166, 177, 220, 0.5);
        padding: 15px 0;
        white-space: nowrap;
    }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__navbar_2O36t div {
            width: 100%;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P {
        height: 451px;
        overflow: auto;
        margin-right: 8px;
    }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P::-webkit-scrollbar {
            width: 7px;
            height: 2px;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.5);
            border-radius: 10px;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P::-webkit-scrollbar-thumb:hover {
            background: rgb(133, 146, 201);
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN {
            font-family: SF Pro Display, sans-serif;;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.012em;
            min-height: 58px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom: 1px solid #333543;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN:last-child {
                border-bottom: none;
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN .TransactionInfoPopup__itemNum_3YKXH {
                color: rgba(248, 248, 248, 0.75);
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN .TransactionInfoPopup__itemSum_40EoP {
                color: #A6B1DC;
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN .TransactionInfoPopup__itemStatus_3Itre {
                color: #A6B1DC;
                padding: 10px 0;
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN .TransactionInfoPopup__itemDate_wy4hW {
                color: rgba(248, 248, 248, 0.75);
                margin-right: 22px;
                margin-left: 0 !important;
            }

@media(max-width: 450px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P .TransactionInfoPopup__transactionItem_2GiCN .TransactionInfoPopup__itemDate_wy4hW {
                    margin-right: 10px
            }
                }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG {
        font-family: SF Pro Display, sans-serif;;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
        color: rgba(166, 177, 220, 0.25);
        display: flex;
        height: 73px;
        align-items: center;
        box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.15);
    }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__funds_2PdfF {
            padding: 26px 36px 26px 31px;
            border-right: 1px solid #333543;
            white-space: nowrap;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            padding-right: 31px;
        }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__summ_3Qx57 {
                color: rgba(166, 177, 220, 0.75);
                margin: 0 24px 0 36px;
                align-items: center;
                white-space: nowrap;
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl {
                border: none;
                outline: none;
                box-shadow: none;
                border-radius: 0;
                color: inherit;
                line-height: normal;
                overflow: visible;
                background-color: transparent;
                padding: 0;
                background: #161A2A;
                max-width: 311px;
                width: 100%;
                height: 36px;
                font-size: 14px;
                line-height: 18px;
                font-family: Futura PT;
                font-size: 14px;
                line-height: 18px;
                letter-spacing: 0.012em;
                padding: 9px 16px;
                color: rgba(166, 177, 220, 0.75);
            }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl:focus {
         outline: none;
         box-shadow: none;
         border: none;
     }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl::-webkit-input-placeholder {
                    color: rgba(166, 177, 220, 0.25);
                }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl::-moz-placeholder {
                    color: rgba(166, 177, 220, 0.25);
                }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl::-ms-input-placeholder {
                    color: rgba(166, 177, 220, 0.25);
                }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__inputField_2ZAIl::placeholder {
                    color: rgba(166, 177, 220, 0.25);
                }

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__button_35k9V {
                background-color: #4D6ADC;
                position: relative;
                color: #FFFFFF;
                padding: 8.5px 83px;
                font-family: SF Pro Display, sans-serif;;
                font-weight: 600;
                font-size: 16px;
                line-height: 21px;
                z-index: 2;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                outline: none;
                transition: .5s ease;
                width: 100%;
                border: none;
                max-width: 192px;
                margin-left: 36px;
                box-shadow: 0 0 5px 1px #4D6ADC;
                transition: all .3s ease;
            }

@media(max-width: 768px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__button_35k9V {
                    max-width: none;
                    width: calc(100% - 32px);
                    margin-left: 0px;
                    margin-top: 98px
            } 
                }

@media(max-width: 768px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- {
                height: 140px;
                padding-right: 0;
                flex-direction: column
        }

                .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- .TransactionInfoPopup__summ_3Qx57 {
                    padding-top: 13px;
                    padding-bottom: 11px;
                    margin-left: 16px;
                }
            }

@media(max-width: 768px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG {
            width: 100%;
            position: relative;
            bottom: 0;
            height: 140px
    }

            .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__funds_2PdfF {
                display: none;  
            }

            .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__footer_3YspG .TransactionInfoPopup__rightContainer_2mWe- {
                justify-content: unset;
                align-items: flex-start;
                padding-right: 0
            }
        }

@media(max-width: 768px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB {
        width: calc(100vw - 48px)
}

        .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P {
            height: 381px;
        }

            .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P::-webkit-scrollbar {
                width: 2px;
            }
    }

@media(max-width: 600px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB {
        width: calc(100vw - 32px)
}
    }

@media(max-width: 544px) {

.TransactionInfoPopup__transactionPopupContainer_3uuAB {
        height: 606px
}

        .TransactionInfoPopup__transactionPopupContainer_3uuAB .TransactionInfoPopup__transactionsContainer_3Nl6P {
            height: 284px;
        }
    }

.TransactionInfoPopup__itemNum_3YKXH, .TransactionInfoPopup__itemSum_40EoP , .TransactionInfoPopup__itemStatus_3Itre, .TransactionInfoPopup__itemDate_wy4hW {
    width: 100%;
}

.TransactionInfoPopup__itemNum_3YKXH {
    max-width: 124px;
    padding-left: 31px;
}

@media(max-width: 450px) {

.TransactionInfoPopup__itemNum_3YKXH {
        padding-left: 16px;
        max-width: 49px
}
    }

.TransactionInfoPopup__itemSum_40EoP {
    max-width: 276px;
}

@media(max-width: 450px) {

.TransactionInfoPopup__itemSum_40EoP {
        min-width: 94px
}
    }

.TransactionInfoPopup__itemStatus_3Itre {
    max-width: 399px;
}

.TransactionInfoPopup__itemDate_wy4hW {
    max-width: 61px;
    margin-left: 37px;
}

.TransactionInfoPopup__processingColor_3xfgO {
    color: #F6B93B !important;
}

.TransactionInfoPopup__executedColor_362Ul {
    color: #27AE60 !important;
}

.TransactionInfoPopup__form_28Xhr {
    display: flex;
    align-items: center;
}

@media(max-width: 768px) {

.TransactionInfoPopup__form_28Xhr {
        flex-direction: column;
        width: 100%
}
    }

.TransactionInfoPopup__amountContainerField_34jeY {
    margin-bottom: -147px;
}

@media(max-width: 768px) {

.TransactionInfoPopup__amountContainerField_34jeY {
        width: 100%
}

        .TransactionInfoPopup__amountContainerField_34jeY div {
            width: calc(100% - 32px);
            margin-left: 16px;
        }

            .TransactionInfoPopup__amountContainerField_34jeY div input {
                width: 100%;
                margin-bottom: 13px;
            }

                .TransactionInfoPopup__amountContainerField_34jeY div input + p {
                }
    }

.TransactionInfoPopup__failedPopup_YxYuU {
    display: flex;
    opacity: 0;
    transition: all .3s ease;
    background: rgba(166, 177, 220, 0.25);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    -webkit-transform: translateY(-56px);
            transform: translateY(-56px);
    position: absolute;
    padding: 12px 16px;
    pointer-events: none;
    width: 100%;
}

.TransactionInfoPopup__failedPopup_YxYuU::before {
        content: '';
        position: absolute;
        background-image: url(/src/apps/client/ui/components/TransactionInfoPopup/images/triangle.svg);
        width: 16px;
        height: 16px;    
        -webkit-transform: translate(156px, 30px);    
                transform: translate(156px, 30px);
        background-repeat: no-repeat;
    }

.TransactionInfoPopup__failedPopup_YxYuU .TransactionInfoPopup__title_2sDg7 {
        margin-left: 7px !important;
        margin-bottom: 0 !important;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.012em;
        color: #F8F8F8;
        white-space: nowrap;
    }

.TransactionInfoPopup__failedPopup_YxYuU img {
        width: 16px;
    }

@media(max-width: 768px) {

.TransactionInfoPopup__failedPopup_YxYuU {
        max-width: 192px;
        right: 0;
        -webkit-transform: translateY(-107px);
                transform: translateY(-107px)
}
    }

.TransactionInfoPopup__isFailedPopup_3D6jP {
    opacity: 1;
    pointer-events: auto;
}

.TransactionInfoPopup__buttonUnactive_3ILuG {
    background: rgb(52,69,135) !important;
    color: rgb(137,140,149) !important;
    box-shadow: none !important;
}
select.TransactionInfoPopup__selecto_3ESG4 {
    width: 245px;
    color: rgba(166, 177, 220, 0.5);
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    border: none;
    margin-bottom: 15px;
    margin-top: 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: #161A2A;
    padding: 9px 16px;
    font-family: SF Pro Display, sans-serif;;
    transition: all .3s ease;
}
.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn {
    width: 100%;
    max-width: 860px;
    background: #0B0A1A;
    height: 572px;
    overflow: hidden;
}

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__navbar_fhlVB {
        display: flex;
        background: rgba(166, 177, 220, 0.05);
        font-family: SF Pro Display, sans-serif;;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.012em;
        color: rgba(166, 177, 220, 0.5);
        padding: 6px 0;
    }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__navbar_fhlVB div {
            width: 100%;
        }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ {
        height: 521px;
        overflow: auto;
        margin-right: 8px;
    }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ::-webkit-scrollbar {
            width: 7px;
            height: 2px;
        }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ::-webkit-scrollbar-thumb {
            background: rgba(166, 177, 220, 0.5);
            border-radius: 10px;
        }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ::-webkit-scrollbar-thumb:hover {
            background: rgb(133, 146, 201);
        }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q {
            font-family: SF Pro Display, sans-serif;;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: 0.012em;
            color: rgba(248, 248, 248, 0.75);
            display: flex;
            border-bottom: 1px solid #333543;
            height: 58px;
            width: 100%;
        }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q:last-child {
                border-bottom: none;
            }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemAsset_3yD6K {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemAsset_3yD6K img {
                    margin-top: 6.5px;
                }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemClosingRate_28U18 {
                flex-direction: column;
                justify-content: center;
            }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemClosingRate_28U18 .TradeHistoryInfoPopup__itemDiffRate_31iOg {
                    white-space: nowrap;
                    width: inherit;
                    word-spacing: initial;
                    margin-top: 3px;
                }

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemAmount_3HuB7, .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemPledge_2cLAl, .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q .TradeHistoryInfoPopup__itemCommission_3zCbR {
                color: #A6B1DC;
            }

@media(max-width: 768px) {

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ {
            width: calc(100vw - 48px);
            height: 422px
    }

            .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ::-webkit-scrollbar {
                width: 2px;
            }

            .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ .TradeHistoryInfoPopup__tradeItem_3jJ4q {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
            }
        }

@media(max-width: 920px) {

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn {
        width: calc(100vw - 60px);
        overflow: auto
}

        .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__navbar_fhlVB {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            background: rgb(11 10 26);
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

        .TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn .TradeHistoryInfoPopup__tradeHistoryContainer_3bYiJ {
            overflow: initial;
            width: 100%;
        }
    }

@media(max-width: 768px) {

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn {
        width: calc(100vw - 48px)
}
    }

@media(max-width: 600px) {

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn {
        width: calc(100vw - 32px)
}
    }

@media(max-width: 544px) {

.TradeHistoryInfoPopup__tradeHistoryPopupContainer_13Bbn {
        height: 472px
}
    }

.TradeHistoryInfoPopup__itemNum_1sNw0, .TradeHistoryInfoPopup__itemCreateDate_KTMCI , .TradeHistoryInfoPopup__itemCloseDate_3GUqM, .TradeHistoryInfoPopup__itemDate_eh-xy, .TradeHistoryInfoPopup__itemAsset_3yD6K, .TradeHistoryInfoPopup__itemAmount_3HuB7, .TradeHistoryInfoPopup__itemPledge_2cLAl, 
.TradeHistoryInfoPopup__itemOpeningRate_mcKcw, .TradeHistoryInfoPopup__itemClosingRate_28U18, .TradeHistoryInfoPopup__itemProfit_1SF0T, .TradeHistoryInfoPopup__itemCommission_3zCbR, .TradeHistoryInfoPopup__itemClosingDate_3exkc{
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

.TradeHistoryInfoPopup__itemNum_1sNw0 {
    max-width: 25px;
    margin-left: 31px;
    min-width: 25px;
}

.TradeHistoryInfoPopup__itemCreateDate_KTMCI {
    max-width: 55px;
    margin-right: 22px;
    min-width: 55px;
}

.TradeHistoryInfoPopup__itemCloseDate_3GUqM {
    max-width: 55px;
    margin-right: 22px;
    min-width: 55px;
}

.TradeHistoryInfoPopup__itemAsset_3yD6K {
    max-width: 35px;
    margin-right: 29px;
    min-width: 35px;
}

.TradeHistoryInfoPopup__itemAmount_3HuB7 {
    max-width: 57px;
    min-width: 57px;
}

.TradeHistoryInfoPopup__itemPledge_2cLAl {
    max-width: 70px;
    min-width: 70px;
}

.TradeHistoryInfoPopup__itemOpeningRate_mcKcw {
    max-width: 54px;
    margin-right: 16px;
    min-width: 54px;
}

.TradeHistoryInfoPopup__itemClosingRate_28U18 {
    max-width: 55px;
    min-width: 55px;
    margin-right: 33px;
    word-spacing: 9999999px;
}

.TradeHistoryInfoPopup__itemProfit_1SF0T {
    max-width: 107px;
    min-width: 107px;
}

.TradeHistoryInfoPopup__itemCommission_3zCbR {
    max-width: 108px;
    min-width: 108px;
}

.TradeHistoryInfoPopup__itemClosingDate_3exkc {
    max-width: 55px;
    margin-right: 20px;
    min-width: 55px;
}

.TradeHistoryInfoPopup__processingColor_6piM- {
    color: #F6B93B !important;
}

.TradeHistoryInfoPopup__executedColor_Fi2WZ {
    color: #27AE60 !important;
}

.TradeHistoryInfoPopup__posValue_3Vkay {
    color: #27AE60 !important;
}

.TradeHistoryInfoPopup__negValue_1XWnx {
    color: rgba(235, 87, 87, 0.75) !important;
}
.TradeHistoryInfoPopup__totalprofitcenter_2WE02 {
    text-align: center;
    padding: 10px;
    font-size: 22px;
}
:root {
    --bg-primary: #0F1221;
    --bg-secondary: #1D2436;
    --text-primary: #ffffff;
    --text-secondary: #8a8d98;
    --accent-blue: #2962ff;
    --accent-blue-light: #3d71ff;
    --positive-green: #00c853;
    --negative-red: #ff3d00;
    --border-color: #2a2e3b;
  --positive-value: #00c853;
  --negative-value: #ff3d00;
  }
  span.UserDashboard__rightspan_3TpjJ{
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
  }
  .UserDashboard__imgAloneHistoryOrders_Rdzvx{
    width: 30px;
    height: 30px;
  }
  .UserDashboard__assetItemPair_rnra1{
    display: flex;
  }
  .UserDashboard__imgcontainertgpdtrading_xLSiZ{
    display: flex;
    width: 100%;
  }
  .UserDashboard__ordertdpdlist_1pIpO{
    display: flex;
    width: 100%;
    flex-direction: column;
    border-bottom: 1px solid #ffffff29;
    padding-bottom: 10px;
  }
  .UserDashboard__ptpdspanarrowpricegray_profit_3aXI2{
    font-size: 12px !important;
    color: #4F8E67 !important;
    font-weight: 900 !important;
  }
  .UserDashboard__leftcontainer_history_1VulM{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .UserDashboard__itempairflexblock_container_1Fb1W{
    display: flex;
  }
  .UserDashboard__hiddentdpdtradingblockdown_1hysj{
    display: flex;
  }
  .UserDashboard__ordercontainer_2o7px{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
  }
  .UserDashboard__flexshowedmoretdpd_1M7Kl{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .UserDashboard__rowedtradingshowmore_3XPmC{
    display: flex;
    flex-direction: column;
  }
  .UserDashboard__ptpdspanarrowprice_2kIS3{
    color: #c9c9c9 !important;
    font-size: 12px !important;
  }
  .UserDashboard__ptpdspanarrowpricegray_3SIl5{
    color: #c9c9c9 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  .UserDashboard__ptdpdlisttrading_blrkq{
    color:#ffffff !important;
    font-size: 12px;
  }
  .UserDashboard__typesellbuy_AnkjG{
    display: flex;
    color: green !important;
  }
  .UserDashboard__tdpdbuy_35coF{
    color: #0d914d !important;
  }
  .UserDashboard__tdpdsell_1Uktr{
    color: #ad133f !important;
  }
  .UserDashboard__ptdpdlisttradingAmount_1xy2c{
    color: #ffffff !important;
    font-size: 10px !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-left: 10px;
  }

  .UserDashboard__onerowtradingleftbar_menu_2N3OM{
    display: flex;
  }

  h2.UserDashboard__h2statsdashboard_MKyA6{
    color: #ffff !important;
    text-align: start !important;
    font-weight: 900 !important;
    margin: 0 !important;
    font-size: 22px !important;
  }
  span.UserDashboard__balancestatsuser_36eIu{
    color: #ffff !important;
    text-align: start !important;
    font-weight: 900 !important;
    margin: 0 !important;
    font-size: 22px !important;
  }
  @media screen and (max-width: 768px){
  span.UserDashboard__balancestatsuser_36eIu{
      color: #ffff !important;
      text-align: start !important;
      font-weight: 900 !important;
      margin: 0 !important;
      font-size: 22px !important;
      text-align: center !important;
      margin-bottom: 20px !important
  }
    }
  .UserDashboard__overviewsection__content__left_wrMQb{
    display: flex;
    flex-direction: column;
  }
  .UserDashboard__overviewsection__content__right_2NOi1{
    display: flex;
    flex-direction: row;
    margin-left: auto;
    gap: 6px;
  }
  @media screen and (max-width: 768px){
  .UserDashboard__overviewsection__content__right_2NOi1{
      display: flex;
      flex-direction: row;
      /* margin-left: auto; */
      gap: 6px;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      margin-left: 0
  }
    }
  .UserDashboard__btnbuyinbalances_2UJ91{
    background-color: #0C0B16;
    color: #ffff !important;
    font-size: 14px;
    height: 34px;
    border-radius: 5px;
    padding: 4px 12px;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
      "Helvetica Neue", sans-serif;
  }
  
  body {
    background-color: var(--bg-primary);
    color: var(--text-primary) !important;
  }
  
  .UserDashboard__dashboard_3aiEs {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--bg-primary);
    position: absolute;
    z-index: 999999;
    width: 100%;
  }
  .UserDashboard__overviewsectionbalances_3YJKW{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
  }
  .UserDashboard__overviewsectionbalancescrypto_3BWAF{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  span.UserDashboard__overviewsectionbalancescryptowhite_3q1bR{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff;
  }
  span.UserDashboard__cryptooverviewstitle_20ggp{
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #79808F !important;
  }
  .UserDashboard__container_bottom__content_I55lH{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }
  
  /* Header Styles */
  .UserDashboard__header_1SF6D {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    height: 3.5rem;
  }
  
  .UserDashboard__logo_1jbG3 {
    font-weight: bold;
    font-size: 1.2rem;
  }
  
  .UserDashboard__navlinks_3Pc8D {
    display: flex;
    gap: 1rem;
  }
  
  .UserDashboard__navbutton_2eSTL {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0.5rem;
  }
  
  .UserDashboard__navbutton_2eSTL:hover {
    color: var(--text-primary);
  }
  
  .UserDashboard__icon_1vs48 {
    font-size: 1rem;
  }
  
  .UserDashboard__userprofile_1Q32T {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .UserDashboard__avatar_1mlSa {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #444;
  }
  
  .UserDashboard__avatar_1mlSa img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .UserDashboard__username_1aJVW {
    font-size: 0.9rem;
  }
  
  .UserDashboard__settingsbutton_1R6IN {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 1.2rem;
    cursor: pointer;
  }
  
  .UserDashboard__notifications_1_DXG {
    position: relative;
  }
  
  .UserDashboard__notificationbadge_2sTdX {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: var(--negative-red);
    color: white;
    font-size: 0.7rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Main Content */
  .UserDashboard__maincontent_13f05 {
    display: flex;
    flex: 1;
  }
  
  .UserDashboard__dashboardcontent_E1Svj {
    flex: 1;
    padding: 1.5rem;
    max-width: calc(100% - 250px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  
  /* Overview Section */
  .UserDashboard__overviewsection_2oq9R {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
  }
  .UserDashboard__overviewsection_botton_1bvg1{
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
  }
  .UserDashboard__container_bottom_1vs1o{
    display: flex;
    width: 100%;
    justify-content: space-around;
  }

  .UserDashboard__container_bottom__left_1SVjd{
    display: flex;
    flex-direction: column;
  }
  .UserDashboard__container_bottom__right_A6g0S{
    display: flex;
    flex-direction: column;
  }

  
  .UserDashboard__sectionheader_3iCkL {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  
  @media screen and (max-width: 768px){

  
  .UserDashboard__sectionheader_3iCkL {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      flex-direction: column
  }
    }
  .UserDashboard__pnlstatamountPositive_2Sbev{
    font-size: 11px;
  }
  
  .UserDashboard__sectionheader_3iCkL h2 {
    font-size: 1.2rem;
    font-weight: 500;
  }
  
  .UserDashboard__overviewstats__gRaQ {
    display: flex;
    gap: 1rem;
  }
  
  .UserDashboard__statitem_2FxXc {
    flex: 1;
    background-color: transparent;
    border-radius: 0.5rem;
    padding: 1rem;
  }
  label.UserDashboard__labelbluepayment_fsiQm{
    position: absolute;
    color: #2D3499;
    font-size: 12px;
    font-weight: 900 !important;
    font-family: 'Roboto';
    -webkit-transform: translate(8px, -16px);
            transform: translate(8px, -16px);
  }
  .UserDashboard__statlabel_r-WGN {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .UserDashboard__infoicon_3mnwT {
    cursor: pointer;
  }
  
  .UserDashboard__statvalue_1nKWc {
    font-size: 1.1rem;
    font-weight: 500;
    color: #FFFFFF !important;
  }
  
  /* Action Buttons */
  .UserDashboard__actionbuttons_1VOep {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
  }
  
  .UserDashboard__actionbutton_3Bb-R {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s;
  }
  
  .UserDashboard__actionbutton_3Bb-R.UserDashboard__primary_RTzRD {
    background-color: var(--accent-blue) !important;
    color: white !important;
  }
  
  .UserDashboard__actionbutton_3Bb-R.UserDashboard__primary_RTzRD:hover {
    background-color: var(--accent-blue-light) !important;
  }
  
  .UserDashboard__actionbutton_3Bb-R.UserDashboard__secondary_3O20I {
    background-color: transparent;
    border: 1px solid var(--accent-blue) !important;
    color: var(--accent-blue) !important;
  }
  
  .UserDashboard__actionbutton_3Bb-R.UserDashboard__secondary_3O20I:hover {
    background-color: rgba(41, 98, 255, 0.1) !important;
  }
  
  /* Profit and Loss Section */
  .UserDashboard__pnlsection_3BdUS {
    margin-bottom: 2rem;
  }
  a{
    text-decoration: none;
    color: #8a8d98 !important;
  }
  .UserDashboard__pnlstats_SBWbS {
    display: flex;
    gap: 1rem;
  }
  @media screen and (max-width: 768px){
  .UserDashboard__pnlstats_SBWbS {
      display: grid;
      gap: 1rem;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      justify-items: center;
      grid-template-columns: repeat(2, 1fr)
  }
    }
  
  .UserDashboard__pnlstatitem_1xQZi {
    flex: 1;
    background-color: transparent !important;
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .UserDashboard__pnlstattitle_1IwAs {
    color: var(--text-secondary) !important;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .UserDashboard__pnlstatvalue_14YuE {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
  }
  
  .UserDashboard__pnlstatamount_39sad {
    font-size: 0.8rem;
    color: #FFFFFF !important;
  }
  
  .UserDashboard__positive_3Aqo4 {
    color: var(--positive-green);
  }

  .UserDashboard__pnlstatvaluePositive_2q4iP{
    color: var(--positive-green);
  }
  
  .UserDashboard__negative_21Tuq {
    color: var(--negative-red);
  }
  
  /* Analysis Section */
  .UserDashboard__analysissection_21dbJ {
    background-color: transparent;
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
  
  .UserDashboard__periodtabs_1ac1o {
    display: flex;
    gap: 0.5rem;
  }
  
  .UserDashboard__periodtab_2Wn4h {
    background: none;
    border: none;
    color: var(--text-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.8rem;
  }
  
  .UserDashboard__periodtab_2Wn4h.UserDashboard__active_3a2GZ {
    background-color: var(--accent-blue);
    color: white;
  }
  
  .UserDashboard__analysisgrid_lqT91 {
    margin-top: 1.5rem;
  }
  
  .UserDashboard__analysisrow_MKcwr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--border-color);
  }
  
  .UserDashboard__analysisrow_MKcwr:last-child {
    border-bottom: none;
  }
  
  .UserDashboard__analysiscell_5aJbw {
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
    color: #FFFFFF !important;
  }
  
  .UserDashboard__analysiscell_5aJbw.UserDashboard__label_3XeAI {
    color: var(--text-secondary) !important;
  }
  
  /* Sidebar */
  .UserDashboard__sidebar_3wXYL {
    width: 250px;
    background-color: var(--bg-secondary);
    border-left: 1px solid var(--border-color);
  }
  
  .UserDashboard__sidebarmenu_Y7TGs {
    padding: 1rem 0;
  }
  
  .UserDashboard__sidebarmenu-item_3OxQ3 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-size: 0.9rem;
  }
  .UserDashboard__actionbuttonPrimary_3mUm6{
    background: #3468FE;
    color: #fff;
    font-weight: 900;
    border-radius: 30px;
    padding: 10px;
    border: none;
    cursor: pointer;
  }
  .UserDashboard__actionbuttonSecondary_35sYJ{
    background: transparent;
    border: 1px solid #22309F;
    border-radius: 30px;
    padding: 10px;
    color: #22309F;
    cursor: pointer;
  }
  .UserDashboard__bluelink_2b00z{
    color: #284896 !important;
  }
  th.UserDashboard__tablehistory_2oemT{
    color: #5F6575 !important;
    font-size: 16px !important;
    text-align: start;
  }
  td.UserDashboard__tablehistory_2oemT{
    color: #fff !important;
    font-size: 16px !important;
  }
  .UserDashboard__dashboardmain_container_2t-u7{
    display: flex;
    flex-direction: column;
    background: #131829;
    border-radius: 20px;
    padding: 30px;
    margin-top: 20px;
    min-width: 900px;
  }
  @media screen and (max-width: 1400px){
  .UserDashboard__dashboardmain_container_2t-u7{
      min-width: 600px
  }

    }
  @media screen and (max-width: 768px){
  .UserDashboard__dashboardmain_container_2t-u7{
      width: 100%;
      min-width: 100%;
      margin-top: 100px
  }
    }
.UserDashboard__usdtWarningText_2yxPu {
  font-size: 16px;
  line-height: 1.5;
  color: #fff !important;
  font-weight: bold;
}

.UserDashboard__usdtSubText_FxyRK {
  font-size: 14px;
  margin-top: 10px;
  color: #fff !important;
}

.UserDashboard__analysiscellLabel_mHNjS{
  /* font-size: 14px !important; */
  padding: 0.75rem 0.5rem !important;
  font-size: 0.85rem !important;
  color: #FFFFFF !important;
}
.UserDashboard__dashboardmain_container_qr_1dohY{
    display: flex;
    flex-direction: column;
    background: #131829;
    border-radius: 20px;
    padding: 30px;
    min-width: 42%;
    margin-top: 20px;

  }
@media screen and (max-width: 768px) {
.UserDashboard__dashboardmain_container_qr_1dohY{
      width: 100%;
      min-width: 100% !important

  }
    }
@media screen and (max-width: 1350px){
.UserDashboard__dashboardmain_container_qr_1dohY{
      min-width: 662px

  }
    }
@media screen and (min-width: 1351px){
.UserDashboard__dashboardmain_container_qr_1dohY{
      min-width: 900px

  }
    }
  .UserDashboard__sidebarmenuitem_3D16o:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .UserDashboard__sidebaricon_338-M {
    text-align: center;
    margin-left: 10px;
  }
  
  .UserDashboard__dropdown_3inmT {
    position: relative;
  }
  
  .UserDashboard__dropdownheader_22YvI {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .UserDashboard__dropdownarrow_1R9el {
    margin-left: 50px;
    font-size: 0.7rem;
  }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
    .UserDashboard__dashboardcontent_E1Svj {
      max-width: 100%;
      min-height: 100vh;
    }
  
    .UserDashboard__sidebar_3wXYL {
      display: none;
    }
  
    .UserDashboard__overviewstats__gRaQ,
    .UserDashboard__pnl-stats_hBV_Y {
      flex-direction: column;
    }
  
    .UserDashboard__analysisrow_MKcwr {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 768px) {
    .UserDashboard__navlinks_3Pc8D {
      display: none;
    }

  }
  
  .UserDashboard__payments_1Nxy1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 16px;
  }

  .UserDashboard__paymentsContainer_2zmHH{
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .UserDashboard__linkContainer_2-pWc {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
}

.UserDashboard__hiddenInfo_3C_0l {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  max-width: 448px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
  transition: 0.3s all ease-out;
  max-height: 0;
  overflow: hidden;
}

.UserDashboard__hiddenInfoOpen_16kWw {
  max-height: 94px;
}
.UserDashboard__qrcode_element_2Q4XP{
  padding: 8px;
  background-color: #fff;
  border-radius: 12px;
}

.UserDashboard__paymentdeposit_row_withtextqr_container_3B854{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.UserDashboard__paymentdeposit_columns_text_FTIWR{
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ffffff27;
  justify-content: space-between;
}

.UserDashboard__paymentdeposit_columns_text__tworows_HKsd9 {
  font-size: 15px;
  color: #898D91 !important;
}

@media (max-width: 768px) {
  .UserDashboard__paymentdeposit_columns_text__tworows_HKsd9 {
    font-size: 12px !important;
  }
}

.UserDashboard__paymentsContainer__qr_14TUC{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}

.UserDashboard__imgbox_container_10_Ul{
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  border: 1px solid #ffffff33;
  padding: 39px 135px;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px){

.UserDashboard__imgbox_container_10_Ul{
    padding: 9px 22px !important
}
  }

@media screen and (max-width:1640px) {

.UserDashboard__imgbox_container_10_Ul{
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid #ffffff33;
    padding: 39px 101px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}
  }

@media screen and (max-width:1290px){

.UserDashboard__imgbox_container_10_Ul{
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid #ffffff33;
    padding: 34px 69px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}
  }

@media screen and (max-width:768px){

.UserDashboard__imgbox_container_10_Ul{
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid #ffffff33;
    padding: 29px 25px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}
  }

@media screen and (max-width:435px) {

.UserDashboard__imgbox_container_10_Ul{
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid #ffffff33;
    padding: 12px 6px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}
  }

.UserDashboard__paymentsInputContainer_3UxCw{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 20px 0px;
  border-top: 1px solid #ffffff29;
  border-bottom: 1px solid #ffffff29;
}

.UserDashboard__paymentIcoInputContent_container_3zaEg{
  display: flex;
  flex-direction: column;
}
input.UserDashboard__inputpaymentpopuppay_1aqvw{
  border: 1px solid #3468fe40;
  border-radius: 14px;
  background-color: transparent;
  color: #6B7082;
  padding: 8px 6px;
  width: 35%;
  outline:none;
  outline:none !important;
}
@media screen and (max-width:1290px) {
input.UserDashboard__inputpaymentpopuppay_1aqvw{
    width: 100%
}
  }
input.UserDashboard__inputpaymentpopuppay_1aqvw:active, input.UserDashboard__inputpaymentpopuppay_1aqvw :hover, input.UserDashboard__inputpaymentpopuppay_1aqvw :focus {
    outline: 0;
    outline-offset: 0;
}
input.UserDashboard__inputpaymentpopuppay_1aqvw:focus-visible{
    border: 1px solid #3468fe40;
  }

.UserDashboard__labelbluepayment_fsiQm{
  position: absolute;
  color: #2D3499;
  font-size: 9px;
}

.UserDashboard__btnsbmitpayment_2jZRx{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  flex-wrap: nowrap;
  align-content: center;
  align-items: start;
}

@media screen and (max-width: 920px){

.UserDashboard__btnsbmitpayment_2jZRx{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap;
    align-content: center;
    align-items: start
}
  }
button.UserDashboard__paymentbtnclick_2aeyX{
  padding: 6px 12px;
  background-color: #316DFF;
  border: none;
  border-radius: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 900 !important;
}
.UserDashboard__assetItemPair_rnra1 {
  width: 40px;
}
.UserDashboard__title_3yWWb {
  font-family: SF Pro Display, sans-serif;;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #A6B1DC;
  margin-top: 24px;
  margin-bottom: 18px;
}
@media(max-width: 544px) {
.UserDashboard__title_3yWWb {
      font-size: 20px;
      line-height: 26px;
      margin-top: 36px;
      margin-bottom: 78px
}
  }
@media screen and (max-width: 768px){
  .UserDashboard__assetItemPair_rnra1 {
    width: 40px;
  }
}

/* Новые стили для улучшенного дашборда */
.UserDashboard__periodIndicator_K3L89 {
  color: var(--accent-blue);
  font-size: 0.8em;
  font-weight: 400;
  margin-left: 8px;
}

.UserDashboard__posValue_3ApcN {
  color: var(--positive-value) !important;
}

.UserDashboard__negValue_2H96v {
  color: var(--negative-value) !important;
}

/* Улучшенные стили для статистики */
.UserDashboard__overviewstats__gRaQ .UserDashboard__statitem_2FxXc .UserDashboard__statvalue_1nKWc.UserDashboard__posValue_3ApcN,
.UserDashboard__overviewstats__gRaQ .UserDashboard__statitem_2FxXc .UserDashboard__statvalue_1nKWc.UserDashboard__negValue_2H96v {
  font-weight: 600;
}

/* Анимация для вкладок периода */
.UserDashboard__periodtab_2Wn4h {
  transition: all 0.3s ease;
}

.UserDashboard__periodtab_2Wn4h:hover {
  background-color: var(--accent-blue-light);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.UserDashboard__periodtab_2Wn4h.UserDashboard__active_3a2GZ {
  background-color: var(--accent-blue);
  box-shadow: 0 2px 8px rgba(41, 98, 255, 0.3);
}

/* Улучшенные стили для секции депозитов */
.UserDashboard__overviewsection_2oq9R:nth-child(4) .UserDashboard__overviewstats__gRaQ {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .UserDashboard__overviewsection_2oq9R:nth-child(4) .UserDashboard__overviewstats__gRaQ {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .UserDashboard__periodIndicator_K3L89 {
    display: block;
    margin-left: 0;
    margin-top: 4px;
  }
}

@media screen and (max-width: 768px) {
  th.UserDashboard__tablehistory_2oemT{
    font-size: 12px !important;
    text-align: center !important;
  }
  td.UserDashboard__tablehistory_2oemT{
    font-size: 12px !important;
    text-align: center;
  }
}
:root {
    --bg-primary: #0F1221;
    --bg-secondary: #1D2436;
    --text-primary: #ffffff;
    --text-secondary: #8a8d98;
    --accent-blue: #2962ff;
    --accent-blue-light: #3d71ff;
    --positive-green: #00c853;
    --negative-red: #ff3d00;
    --border-color: #2a2e3b;
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
      "Helvetica Neue", sans-serif;
  }
  
  body {
    background-color: var(--bg-primary);
    color: var(--text-primary) !important;
  }
  
  .Header__dashboard_Ndn94 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--bg-primary);
    position: absolute;
    z-index: 999999;
    width: 100%;
  }
  
  /* Header Styles */
  .Header__header_3Ild4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    height: 3.5rem;
  }
  
  .Header__logo_2Va5t {
    font-weight: bold;
    font-size: 1.2rem;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  
  .Header__navlinks_e5BWS {
    display: flex;
    gap: 1rem;
  }
  
  .Header__navbutton_7506A {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0.5rem;
  }
  
  .Header__navbutton_7506A:hover {
    color: var(--text-primary);
  }
  
  .Header__icon_eRUOp {
    font-size: 1rem;
  }
  
  .Header__userprofile_odVAp {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .Header__avatar_IeS1i {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #444;
  }
  
  .Header__avatar_IeS1i img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .Header__username_1vetW {
    font-size: 0.9rem;
  }
  
  .Header__settingsbutton_17dEh {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 1.2rem;
    cursor: pointer;
  }
  
  .Header__notifications_1cb9Y {
    position: relative;
  }
  
  .Header__notificationbadge_1ckSW {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: var(--negative-red);
    color: white;
    font-size: 0.65rem;
    font-weight: bold;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
  
  /* Main Content */
  .Header__maincontent_1QHla {
    display: flex;
    flex: 1;
  }
  
  .Header__dashboardcontent_2kaXd {
    flex: 1;
    padding: 1.5rem;
    max-width: calc(100% - 250px);
  }
  
  /* Overview Section */
  .Header__overviewsection_1cHDv {
    margin-bottom: 2rem;
  }
  
  .Header__sectionheader_2tP52 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  
  .Header__sectionheader_2tP52 h2 {
    font-size: 1.2rem;
    font-weight: 500;
  }
  
  .Header__overviewstats_2sJo5 {
    display: flex;
    gap: 1rem;
  }
  
  .Header__statitem_Gq9-m {
    flex: 1;
    background-color: var(--bg-secondary);
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .Header__statlabel_1mQFo {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .Header__infoicon_3ygfL {
    cursor: pointer;
  }
  
  .Header__statvalue_AWkdJ {
    font-size: 1.1rem;
    font-weight: 500;
  }
  
  /* Action Buttons */
  .Header__actionbuttons_mp2bX {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
    cursor: pointer;
  }
  
  .Header__actionbutton_32R7A {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s;
    cursor: pointer;
  }
  
  .Header__actionbutton_32R7A.Header__primary_AZulW {
    background-color: var(--accent-blue) !important;
    color: white !important;
    cursor: pointer;
  }
  
  .Header__actionbutton_32R7A.Header__primary_AZulW:hover {
    background-color: var(--accent-blue-light) !important;
    cursor: pointer;
  }
  
  .Header__actionbutton_32R7A.Header__secondary_38QBh {
    background-color: transparent;
    border: 1px solid var(--accent-blue) !important;
    color: var(--accent-blue) !important;
    cursor: pointer;
  }
  
  .Header__actionbutton_32R7A.Header__secondary_38QBh:hover {
    background-color: rgba(41, 98, 255, 0.1) !important;
    cursor: pointer;
  }
  .Header__header_3Ild4 {
    color: white;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .Header__userprofile_odVAp {
    display: flex;
    align-items: center;
  }
  
  .Header__avatar_IeS1i {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
  }
  
  .Header__username_1vetW {
    margin-right: 1rem;
  }
  
  .Header__notifications_1cb9Y {
    position: relative;
    cursor: pointer;
  }
  
  .Header__notificationbadge_1ckSW {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: var(--negative-red);
    color: white;
    font-size: 0.65rem;
    font-weight: bold;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
  
  .Header__settingsContainer_3q-AT {
    position: relative;
  }
  
  .Header__settingsbutton_17dEh {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }
  
  .Header__settingsDropdown_3HJ7H {
    position: absolute;
    top: 100%;
    right: 0;
    width: 220px;
    background-color: #1e2130;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    margin-top: 8px;
    overflow: hidden;
  }
  
  .Header__dropdownMenu_12R3K {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .Header__dropdownItem_1Qv9f {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  
  .Header__dropdownItem_1Qv9f:hover {
    background-color: #2a2f45;
  }
  
  .Header__dropdownItem_1Qv9f svg {
    margin-right: 12px;
    color: #888da3;
  }
  
  /* Profit and Loss Section */
  .Header__pnlsection_1lvWw {
    margin-bottom: 2rem;
  }
  a{
    text-decoration: none;
    color: #8a8d98 !important;
  }
  .Header__pnlstats_1s-TB {
    display: flex;
    gap: 1rem;
  }
  
  .Header__pnlstatitem_1smyu {
    flex: 1;
    background-color: var(--bg-secondary) !important;
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .Header__pnlstattitle_3AwNQ {
    color: var(--text-secondary) !important;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .Header__pnlstatvalue_2e8lW {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
  }
  
  .Header__pnlstatamount_RsVSo {
    font-size: 0.8rem;
  }
  
  .Header__positive_3MAu_ {
    color: var(--positive-green);
  }
  
  .Header__negative_1ZGd8 {
    color: var(--negative-red);
  }
  
  /* Analysis Section */
  .Header__analysissection_5bgwf {
    background-color: var(--bg-secondary);
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
  
  .Header__periodtabs_2OEbv {
    display: flex;
    gap: 0.5rem;
  }
  
  .Header__periodtab_1GFW9 {
    background: none;
    border: none;
    color: var(--text-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.8rem;
  }
  
  .Header__periodtab_1GFW9.Header__active_3y7H5 {
    background-color: var(--accent-blue);
    color: white;
  }
  
  .Header__analysisgrid_1AtjV {
    margin-top: 1.5rem;
  }
  
  .Header__analysisrow_1FNx- {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--border-color);
  }
  
  .Header__analysisrow_1FNx-:last-child {
    border-bottom: none;
  }
  
  .Header__analysiscell_qGtvC {
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
  }
  
  .Header__analysiscell_qGtvC.Header__label_2ZIxt {
    color: var(--text-secondary);
  }
  
  /* Sidebar */
  .Header__sidebar_2pwU1 {
    width: 250px;
    background-color: var(--bg-secondary);
    border-left: 1px solid var(--border-color);
  }
  
  .Header__sidebarmenu_3Gi_m {
    padding: 1rem 0;
  }
  
  .Header__sidebarmenu-item_2wLom {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-size: 0.9rem;
  }
  
  .Header__sidebarmenuitem_3UW38:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .Header__sidebaricon_3zYhP {
    font-size: 1rem;
    width: 1.5rem;
    text-align: center;
  }
  
  .Header__dropdown_1iZY0 {
    position: relative;
  }
  
  .Header__dropdownheader_1iska {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .Header__dropdownarrow_1JPI1 {
    margin-left: auto;
    font-size: 0.7rem;
  }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
    .Header__dashboardcontent_2kaXd {
      max-width: 100%;
    }
  
    .Header__sidebar_2pwU1 {
      display: none;
    }
  
    .Header__overviewstats_2sJo5,
    .Header__pnl-stats_2_w1Q {
      flex-direction: column;
    }
  
    .Header__analysisrow_1FNx- {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 768px) {
    .Header__navlinks_e5BWS {
      /* display: none; */
      position: absolute;
      top: 97px;
      z-index: 600;
      width: 100%;
      background: #1d2436;
      left: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }
  
    .Header__analysisrow_1FNx- {
      grid-template-columns: 1fr;
    }
  }
  
  
:root {
    --bg-primary: #0F1221;
    --bg-secondary: #1D2436;
    --text-primary: #ffffff;
    --text-secondary: #8a8d98;
    --accent-blue: #2962ff;
    --accent-blue-light: #3d71ff;
    --positive-green: #00c853;
    --negative-red: #ff3d00;
    --border-color: #2a2e3b;
  }
  span.Sidebar__rightspan_2uxB9{
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
  }
  @media screen and (max-width: 420px){
  span.Sidebar__rightspan_2uxB9{
      font-size: 11px
  }
    }
  @media screen and (max-width: 310px){
  span.Sidebar__rightspan_2uxB9{
      font-size: 5px
  }
    }
  h2.Sidebar__h2statsdashboard_209im{
    color: #ffff !important;
    text-align: start !important;
    font-weight: 900 !important;
    margin: 0 !important;
    font-size: 22px !important;
  }
  span.Sidebar__balancestatsuser_3Y2jC{
    color: #ffff !important;
    text-align: start !important;
    font-weight: 900 !important;
    margin: 0 !important;
    font-size: 22px !important;
  }
  .Sidebar__overviewsection__content__left_17DKz{
    display: flex;
    flex-direction: column;
  }
  .Sidebar__overviewsection__content__right_2jjK4{
    display: flex;
    flex-direction: row;
    margin-left: auto;
    gap: 6px;
  }
  .Sidebar__hiddensidebarli_Y2yFX{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 25px;
    margin-top: 10px;
  }
  @media screen and (max-width: 768px){
  .Sidebar__hiddensidebarli_Y2yFX{
      margin-top: 0px
  }
    }
  .Sidebar__dropdownheader_3EZiR {
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  
  .Sidebar__dropdownarrow_2XMPS {
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  
  .Sidebar__dropdownarrow_2XMPS.Sidebar__rotate_dKWC5 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  
  .Sidebar__hiddensidebarli_Y2yFX {
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  
  .Sidebar__hiddensidebarli_Y2yFX.Sidebar__show_2wZLD {
    max-height: 200px;
  }
  
  @media screen and (max-width: 768px){
  
  .Sidebar__hiddensidebarli_Y2yFX.Sidebar__show_2wZLD {
      max-height: 300px;
      position: absolute;
      top: 60px;
      background: #1d2436;
      padding: 20px;
      border-radius: 0px 0px 22px 22px;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center
  }
    }
  
  .Sidebar__hiddensidebarli_Y2yFX a {
    padding: 0px 0 8px 6px;
    text-decoration: none;
    color: inherit;
  }
  
  .Sidebar__btnbuyinbalances_2t0Lh{
    background-color: #0C0B16;
    color: #ffff !important;
    font-size: 14px;
    height: 34px;
    border-radius: 5px;
    padding: 4px 12px;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
      "Helvetica Neue", sans-serif;
  }
  
  body {
    background-color: var(--bg-primary);
    color: var(--text-primary) !important;
  }
  
  .Sidebar__dashboard_2q6nE {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--bg-primary);
    position: absolute;
    z-index: 999999;
    width: 100%;
  }
  .Sidebar__overviewsectionbalances_NDpQP{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
  }
  .Sidebar__overviewsectionbalancescrypto_3pXhW{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  span.Sidebar__overviewsectionbalancescryptowhite_1JUaq{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff;
  }
  span.Sidebar__cryptooverviewstitle_1UUKR{
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #79808F !important;
  }
  .Sidebar__container_bottom__content_2dQEG{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }
  
  /* Header Styles */
  .Sidebar__header_20IYz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    height: 3.5rem;
  }
  
  .Sidebar__logo_1lOXP {
    font-weight: bold;
    font-size: 1.2rem;
  }
  
  .Sidebar__navlinks_2syM0 {
    display: flex;
    gap: 1rem;
  }
  
  .Sidebar__navbutton_10Tey {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0.5rem;
  }
  
  .Sidebar__navbutton_10Tey:hover {
    color: var(--text-primary);
  }
  
  .Sidebar__icon_2KNZT {
    font-size: 1rem;
  }
  
  .Sidebar__userprofile_1R_0o {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  .Sidebar__avatar_3VBsA {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #444;
  }
  
  .Sidebar__avatar_3VBsA img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .Sidebar__username_3SJFN {
    font-size: 0.9rem;
  }
  
  .Sidebar__settingsbutton_3Qlbt {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 1.2rem;
    cursor: pointer;
  }
  
  .Sidebar__notifications_jA4SE {
    position: relative;
  }
  
  .Sidebar__notificationbadge_K2PIw {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: var(--negative-red);
    color: white;
    font-size: 0.7rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Main Content */
  .Sidebar__maincontent_3Y1qp {
    display: flex;
    flex: 1;
  }
  
  .Sidebar__dashboardcontent_1GKvf {
    flex: 1;
    padding: 1.5rem;
    max-width: calc(100% - 250px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  
  /* Overview Section */
  .Sidebar__overviewsection_1g8YC {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
  }
  .Sidebar__overviewsection_botton_rwQdu{
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
  }
  .Sidebar__container_bottom_166bH{
    display: flex;
    width: 100%;
    justify-content: space-around;
  }

  .Sidebar__container_bottom__left_2B8X1{
    display: flex;
    flex-direction: column;
  }
  .Sidebar__container_bottom__right_1q-0f{
    display: flex;
    flex-direction: column;
  }

  
  .Sidebar__sectionheader_1P7xP {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  
  .Sidebar__sectionheader_1P7xP h2 {
    font-size: 1.2rem;
    font-weight: 500;
  }
  
  .Sidebar__overviewstats_2XtRs {
    display: flex;
    gap: 1rem;
  }
  
  .Sidebar__statitem_YajUq {
    flex: 1;
    background-color: transparent;
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .Sidebar__statlabel_2Nzi- {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .Sidebar__infoicon_3mgz1 {
    cursor: pointer;
  }
  
  .Sidebar__statvalue_1vbMH {
    font-size: 1.1rem;
    font-weight: 500;
  }
  
  /* Action Buttons */
  .Sidebar__actionbuttons_1sNK9 {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
  }
  
  .Sidebar__actionbutton_2o2xK {
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s;
  }
  
  .Sidebar__actionbutton_2o2xK.Sidebar__primary_1gH1w {
    background-color: var(--accent-blue) !important;
    color: white !important;
  }
  
  .Sidebar__actionbutton_2o2xK.Sidebar__primary_1gH1w:hover {
    background-color: var(--accent-blue-light) !important;
  }
  
  .Sidebar__actionbutton_2o2xK.Sidebar__secondary_20b5I {
    background-color: transparent;
    border: 1px solid var(--accent-blue) !important;
    color: var(--accent-blue) !important;
  }
  
  .Sidebar__actionbutton_2o2xK.Sidebar__secondary_20b5I:hover {
    background-color: rgba(41, 98, 255, 0.1) !important;
  }
  
  /* Profit and Loss Section */
  .Sidebar__pnlsection_3KVGW {
    margin-bottom: 2rem;
  }
  a{
    text-decoration: none;
    color: #8a8d98 !important;
  }
  .Sidebar__pnlstats_3zWkT {
    display: flex;
    gap: 1rem;
  }
  
  .Sidebar__pnlstatitem_1RJNd {
    flex: 1;
    background-color: transparent !important;
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .Sidebar__pnlstattitle_397Ot {
    color: var(--text-secondary) !important;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  
  .Sidebar__pnlstatvalue_SCipr {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
  }
  
  .Sidebar__pnlstatamount_1APXm {
    font-size: 0.8rem;
  }
  
  .Sidebar__positive_n1YPN {
    color: var(--positive-green);
  }

  .Sidebar__pnlstatvaluePositive_dHXpQ{
    color: var(--positive-green);
  }
  
  .Sidebar__negative_1AWFt {
    color: var(--negative-red);
  }
  
  /* Analysis Section */
  .Sidebar__analysissection_3iVUQ {
    background-color: transparent;
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
  
  .Sidebar__periodtabs_2tvwg {
    display: flex;
    gap: 0.5rem;
  }
  
  .Sidebar__periodtab_14gNM {
    background: none;
    border: none;
    color: var(--text-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.8rem;
  }
  
  .Sidebar__periodtab_14gNM.Sidebar__active_1nUnS {
    background-color: var(--accent-blue);
    color: white;
  }
  
  .Sidebar__analysisgrid_2KEqZ {
    margin-top: 1.5rem;
  }
  
  .Sidebar__analysisrow_3SAau {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--border-color);
  }
  
  .Sidebar__analysisrow_3SAau:last-child {
    border-bottom: none;
  }
  
  .Sidebar__analysiscell_3bkgD {
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
  }
  
  .Sidebar__analysiscell_3bkgD.Sidebar__label_Rl4nz {
    color: var(--text-secondary);
  }
  
  /* Sidebar */
  .Sidebar__sidebar_eYhjH {
    width: 250px;
    background-color: var(--bg-secondary);
    border-left: 1px solid var(--border-color);
  }
  
  .Sidebar__sidebarmenu_2jEpm {
    padding: 1rem 0;
  }
  
  @media screen and (max-width: 768px){
  
  .Sidebar__sidebarmenu_2jEpm {
      padding: 0.5rem 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      text-align: center
  }
    }

  @media screen and (max-width:768px){
    .Sidebar__sidebarmenuitemDropdown_1D526{
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }
  }
  
  .Sidebar__sidebarmenu-item_aenhR {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-size: 0.9rem;
  }
  .Sidebar__actionbuttonPrimary_7qoSU{
    background: #3468FE;
    color: #fff;
    font-weight: 900;
    border-radius: 30px;
    padding: 10px;
    border: none;
  }
  .Sidebar__actionbuttonSecondary_15xqG{
    background: transparent;
    border: 1px solid #22309F;
    border-radius: 30px;
    padding: 10px;
    color: #22309F;
  }
  .Sidebar__dashboardmain_container_1DH6k{
    display: flex;
    flex-direction: column;
    background: #131829;
    border-radius: 20px;
    padding: 30px;
    width: 63%;
    margin-top: 20px;
  }
  .Sidebar__sidebarmenuitem_jm1iR:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .Sidebar__sidebaricon_1xtGn {
    text-align: center;
    margin-left: 10px;
  }
  
  .Sidebar__dropdown_34tZ9 {
    position: relative;
  }
  
  .Sidebar__dropdownheader_3EZiR {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .Sidebar__dropdownarrow_2XMPS {
    margin-left: 50px;
    font-size: 0.7rem;
  }
  
  @media screen and (max-width:768px){
  
  .Sidebar__dropdownarrow_2XMPS {
      margin-left: 10px
  }
    }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
    .Sidebar__dashboardcontent_1GKvf {
      max-width: 100%;
    }
  
    .Sidebar__sidebar_eYhjH {
      display: flex;
      position: absolute;
      width: 100%;
    }
  
    .Sidebar__overviewstats_2XtRs,
    .Sidebar__pnl-stats_1zeFm {
      flex-direction: column;
    }
  
    .Sidebar__analysisrow_3SAau {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 768px) {
    .Sidebar__navlinks_2syM0 {
      display: none;
    }
  
    .Sidebar__analysisrow_3SAau {
      grid-template-columns: 1fr;
    }
  }
  
  
.PaymentsPopup__root_3jC7Z {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.PaymentsPopup__cover_374Qx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(27 32 51 / 80%);
}

.PaymentsPopup__popupWrap_1Ug9U {
    height: 100%;
    display: flex;
    align-items: center;
}

.PaymentsPopup__popupWrap_1Ug9U:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
        content: '';
    }

.PaymentsPopup__popup_18wa4 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding: 30px;
}

@media (max-width: 768px) {

.PaymentsPopup__popup_18wa4 {
        padding: 24px
}
    }

@media(max-width: 600px) {

.PaymentsPopup__popup_18wa4 {
        padding: 16px
}
    }

@media (max-width: 541px) {

.PaymentsPopup__popup_18wa4 {
        margin: auto
}
    }

.PaymentsPopup__popupContent_2wMMx {
    max-width: 710px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
            filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
}

@media (max-width: 541px) {

.PaymentsPopup__popupContent_2wMMx {
        height: 100%
}
    }

.PaymentsPopup__content_3PJyL {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    overflow: hidden;
    flex-direction: column;
}

.PaymentsPopup__closeButton_1oI0Q {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -16px;
    right: -16px;
    background: #161A2A;;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.PaymentsPopup__closeButton_1oI0Q:focus {
         outline: none;
         box-shadow: none;
     }

@media (max-width: 600px) {

.PaymentsPopup__closeButton_1oI0Q {
        top: -18px;
        right: 0
}
    }

.PaymentsPopup__isVisible_1x33G {
    opacity: 1;
}

.PaymentsPopup__isVisible_1x33G .PaymentsPopup__content_3PJyL {
        pointer-events: auto; 
    }

.PaymentsPopup__formContainer_2nDOE {
    position: relative;
    background: #0B0A1A;
}

.PaymentsPopup__title_1LZQR {
    font-family: SF Pro Display, sans-serif;;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    margin-top: 24px;
    margin-bottom: 18px;
}

@media(max-width: 544px) {

.PaymentsPopup__title_1LZQR {
        font-size: 20px;
        line-height: 26px;
        margin-top: 36px;
        margin-bottom: 78px
}
    }



.PaymentsPopup__paymentsContainer_3H7hc {
    display: flex;
    min-width: 662px;
}



@media(max-width: 544px) {



.PaymentsPopup__paymentsContainer_3H7hc {
        min-width: 122.10577vw
}
    }

.PaymentsPopup__paymentContainer_OoBqx {
    border: 1px solid rgba(166, 177, 220, 0.25);
    width: 26.4%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 22px;
    cursor: pointer;
    height: 166px;
    transition: all .2s ease;
}

.PaymentsPopup__paymentContainer_OoBqx img {
        margin-bottom: 9px;
        transition: all .2s ease;
        opacity: 0.6;
    }

.PaymentsPopup__paymentContainer_OoBqx:nth-child(2n) img {
            margin-bottom: 0 !important;
        }

.PaymentsPopup__paymentContainer_OoBqx:hover {
        background: #161A2A;
    }

.PaymentsPopup__paymentContainer_OoBqx:hover img {
            opacity: 1;
        }

.PaymentsPopup__paymentContainer_OoBqx:hover .PaymentsPopup__textContainer_1lXJN {
            color: #F8F8F8;
        }

@media(max-width: 544px) {

.PaymentsPopup__paymentContainer_OoBqx {
        height: 121px;
        min-width: 152px;
        margin-right: 16px
}

        .PaymentsPopup__paymentContainer_OoBqx img {
            height: 68px;
        }
            .PaymentsPopup__paymentContainer_OoBqx:nth-child(2n) img {
                height: 84px;
                -webkit-transform: translateY(-8px);
                        transform: translateY(-8px);
            }
    }

.PaymentsPopup__textContainer_1lXJN {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: SF Pro Display, sans-serif;;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.012em;
    color: #A6B1DC;
    position: relative;
    margin-top: 16px;
    transition: all .2s ease;
}

@media(max-width: 544px) {

.PaymentsPopup__textContainer_1lXJN {
        margin-top: 12px;
        margin-bottom: 12px
}
    }

.PaymentsPopup__paymentSubtitle_376JY {
    margin-top: 3px;
    color: rgba(166, 177, 220, 0.5);
}

@media(max-width: 544px) {

.PaymentsPopup__paymentSubtitle_376JY {
        position: absolute;
        margin-top: 18px
}
    }

.PaymentsPopup__payments_1TQP3 {
    overflow: auto;
    margin: 0 24px;
    margin-bottom: 18px;
    padding-bottom: 16px;
}

.PaymentsPopup__payments_1TQP3::-webkit-scrollbar {
        height: 2px;
    }

.PaymentsPopup__payments_1TQP3::-webkit-scrollbar-thumb {
        background:rgba(166, 177, 220, 0.25);
        border-radius: 10px;
    }

@media(max-width: 544px) {

.PaymentsPopup__payments_1TQP3 {
        margin: 0 16px;
        margin-bottom: 40px;
        padding-bottom: 16px
}
    }   

.PaymentsPopup__hiddenInfo_2afdK {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    max-width: 448px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
    transition: 0.3s all ease-out;
    max-height: 0;
    overflow: hidden;
}

.PaymentsPopup__hiddenInfoOpen_3eAUg {
    max-height: 94px;
}

.PaymentsPopup__titleTop_2Dru- {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(166, 177, 220, 0.5);
    margin-bottom: 4px;
    transition: all .3s ease;
}

.PaymentsPopup__bitcoinAdressContainer_1VJMA, .PaymentsPopup__qiwiAdressContainer_2WQaH {
    width: 100%;
    margin-bottom: 4px;
    padding: 9px 17px 9px 16px;
    background-color: #161A2A;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s ease;
}

.PaymentsPopup__bitcoinAdress_1nHxC {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.5);
    margin-right: 11px;
}

@media(max-width: 359px) {

.PaymentsPopup__bitcoinAdress_1nHxC {
        font-size: 12px;
        line-height: 16px
}
    }

.PaymentsPopup__titleBottom_2_aJ4 {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(166, 177, 220, 0.25);
}

.PaymentsPopup__adressWrapper_7ym2h {
    position: relative;
    display: flex;
    align-items: center;
}

.PaymentsPopup__copy_J6RJX {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.PaymentsPopup__copy_J6RJX:after {
        content: url('/src/apps/client/ui/components/PaymentsPopup/images/copy.svg');
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.PaymentsPopup__dontShowCopiedText_2pmUG {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(166, 177, 220, 0.5);
    position: absolute;
    right: 68px;
    top: 290px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

@media(max-width: 760px) {

.PaymentsPopup__dontShowCopiedText_2pmUG {
        display: none
}
    }

.PaymentsPopup__showCopiedText_JWOC9 {
    opacity: 1;
}

.PaymentsPopup__linkContainer_1YWjH {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
}

.PaymentsPopup__counter_3AQ1N {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.012em;
    color: rgba(166, 177, 220, 0.5);
    width: 100%;
    padding: 9px 0 9px 16px;
}

.PaymentsPopup__counter_3AQ1N:focus {
         outline: none;
         box-shadow: none;
         border: none;
     }

.PaymentsPopup__counter_3AQ1N::-webkit-input-placeholder {
        color: rgba(166, 177, 220, 0.5);
        transition: all .3s ease;
    }

.PaymentsPopup__counter_3AQ1N::-moz-placeholder {
        color: rgba(166, 177, 220, 0.5);
        transition: all .3s ease;
    }

.PaymentsPopup__counter_3AQ1N::-ms-input-placeholder {
        color: rgba(166, 177, 220, 0.5);
        transition: all .3s ease;
    }

.PaymentsPopup__counter_3AQ1N::placeholder {
        color: rgba(166, 177, 220, 0.5);
        transition: all .3s ease;
    }

@media(max-width: 359px) {

.PaymentsPopup__counter_3AQ1N {
        font-size: 12px;
        line-height: 16px
}
    }

.PaymentsPopup__sendButton_JM_Pj {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    line-height: normal;
    overflow: visible;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
}

.PaymentsPopup__sendButton_JM_Pj:focus {
         outline: none;
         box-shadow: none;
     }

.PaymentsPopup__sendButton_JM_Pj svg {
        width: 16px;
    }

.PaymentsPopup__sendButton_JM_Pj svg path {
            transition: all .3s ease;
        }

.PaymentsPopup__sendButton_JM_Pj svg:hover path {
                fill-opacity: .75;
            }

.PaymentsPopup__isTitleFocus_3j9EY {
    color: #A6B1DC !important;
}

.PaymentsPopup__isInputFocus_1YpOI {
    outline: .5px solid #A6B1DC !important;
}

.PaymentsPopup__isInputFocus_1YpOI input {
        color: #A6B1DC !important;
    }

.PaymentsPopup__qiwiAdressContainer_2WQaH {
    padding: 0 !important;
    padding-right: 17px !important;
}

.PaymentsPopup__errorField_iensn {
    color: rgba(235, 87, 87, 0.75) !important;
}

.PaymentsPopup__errorField_iensn input {
        color: rgba(235, 87, 87, 0.75) !important
    }

.PaymentsPopup__errorFieldOutline_10FEm {
    outline: .5px solid rgba(235, 87, 87, 0.75) !important;
}
.WithdrawSuccessPopup__root_1M-WD {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.WithdrawSuccessPopup__cover_2zukx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(27 32 51 / 80%);
}

.WithdrawSuccessPopup__popupWrap_7apGD {
    height: 100%;
    overflow: hidden;
}

.WithdrawSuccessPopup__popupWrap_7apGD:after {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
        content: '';
    }

.WithdrawSuccessPopup__popup_3MiXH {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    padding: 30px;
}

@media (max-width: 768px) {

.WithdrawSuccessPopup__popup_3MiXH {
        padding: 24px
}
    }

@media(max-width: 600px) {

.WithdrawSuccessPopup__popup_3MiXH {
        padding: 16px
}
    }

.WithdrawSuccessPopup__popupContent_1FBvt {
    max-width: 360px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
            filter: drop-shadow(0px 0px 63px rgba(0, 0, 0, 0.71));
}

@media (max-width: 541px) {

.WithdrawSuccessPopup__popupContent_1FBvt {
        height: 100%
}
    }

.WithdrawSuccessPopup__content_2DJ9L {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    flex-direction: column;
    background: #0B0A1A;
    align-items: center;
    padding: 24px 0 36px;
}

.WithdrawSuccessPopup__isVisible_1yVHU {
    opacity: 1;
}

.WithdrawSuccessPopup__isVisible_1yVHU .WithdrawSuccessPopup__content_2DJ9L {
        pointer-events: auto; 
    }

.WithdrawSuccessPopup__topTitle_2Jnrt {
    font-family: 'SF Pro Display, sans-serif;';
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #A6B1DC;
    max-width: 191px;
}

.WithdrawSuccessPopup__topTitle_2Jnrt span {
        color: #27AE60;
    }

.WithdrawSuccessPopup__bottomTitle_1FKSz {
    font-family: 'SF Pro Display, sans-serif;';
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: rgba(166, 177, 220, 0.5);
    margin: 4px 0 16px;
}
.ConnectionLost__root_1xbGm {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0B0A1A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 .ConnectionLost__contentContainer_UqVsH {
     z-index: 200;
    position: relative;
    height: 629px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

 .ConnectionLost__contentContainer_UqVsH:before {
        content: '';
        background-image: url(02c80752aa1b330ed17c9f1a5c59bd2e.svg);;
        background-size: contain;
        height: 500px;
        width: 500px;
        position: absolute;
        top: 129px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-repeat: no-repeat;
    }

 @media(max-width: 1450px) {

 .ConnectionLost__contentContainer_UqVsH:before {
            top: 97px;
            width: 328px;
            height: 328px
    }
        }

 @media(max-width: 820px) {

 .ConnectionLost__contentContainer_UqVsH:before {
            top: 94px
    }
        }

 @media(max-width: 359px) {

 .ConnectionLost__contentContainer_UqVsH:before {
            width: 274px;
            height: 274px
    }
        }

 @media(max-width: 1450px) {

 .ConnectionLost__contentContainer_UqVsH {
        height: 505px
}
    }

 @media(max-width: 820px) {

 .ConnectionLost__contentContainer_UqVsH {
        height: 429px
}
    }

.ConnectionLost__title_pDL7_ {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
}

@media(max-width: 1450px) {

.ConnectionLost__title_pDL7_ {
        line-height: 35px;
        font-size: 28px
}
    }

@media(max-width: 800px) {

.ConnectionLost__title_pDL7_ {
        padding: 0 17px;
        font-weight: 450;
        font-size: 24px;
        line-height: 31px
}
    }

.ConnectionLost__imageContainer_2VnAb {
    z-index: 100;
    height: 286px;
    min-width: 1205px;
    max-width: 1205px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);  
}

@media(max-width: 1450px) {

.ConnectionLost__imageContainer_2VnAb {
        min-width: 750px;
        max-width: 750px  
}
    }

@media(max-width: 820px) {

.ConnectionLost__imageContainer_2VnAb {
        display: none  
}
    }
 .NotFoundPage__root_2L843 {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(22, 26, 42);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 .NotFoundPage__contentContainer_3WENF {
     z-index: 200;
    position: relative;
    height: 629px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

 .NotFoundPage__contentContainer_3WENF:before {
        content: '';
        background-image: url(d066b714babab033a2db00369aec00c8.svg);
        background-size: contain;
        height: 500px;
        width: 500px;
        position: absolute;
        top: 129px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-repeat: no-repeat;
    }

 @media(max-width: 1450px) {

 .NotFoundPage__contentContainer_3WENF:before {
            top: 97px;
            width: 328px;
            height: 328px
    }
        }

 @media(max-width: 820px) {

 .NotFoundPage__contentContainer_3WENF:before {
            top: 94px
    }
        }

 @media(max-width: 359px) {

 .NotFoundPage__contentContainer_3WENF:before {
            width: 274px;
            height: 274px
    }
        }

 @media(max-width: 1450px) {

 .NotFoundPage__contentContainer_3WENF {
        height: 505px
}
    }

 @media(max-width: 820px) {

 .NotFoundPage__contentContainer_3WENF {
        height: 429px
}
    }

.NotFoundPage__title_3HLpt {
    font-family: SF Pro Display, sans-serif;;
    font-style: normal;
    font-weight: 450;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #F8F8F8;
}

@media(max-width: 1450px) {

.NotFoundPage__title_3HLpt {
        line-height: 35px;
        font-size: 28px
}
    }

@media(max-width: 800px) {

.NotFoundPage__title_3HLpt {
        font-weight: 450;
        font-size: 24px;
        line-height: 31px
}
    }

.NotFoundPage__imageContainer_2NAms {
    z-index: 100;
    background-image: url(d75270178fc3ac997220d702174feb7b.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 286px;
    min-width: 1205px;
    max-width: 1205px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);  
}

@media(max-width: 1450px) {

.NotFoundPage__imageContainer_2NAms {
        min-width: 750px;
        max-width: 750px  
}
    }

@media(max-width: 820px) {

.NotFoundPage__imageContainer_2NAms {
        display: none  
}
    }
 {

  /* Fix Bootstrap Carousel Bug in Firefox (Replace Slide by Fade) */
  @-moz-document url-prefix() {
    .style__wrapper-landing_2Rlh7 .style__carousel-fade_1eX9q .style__carousel-inner_2fw-A .style__item_3CFw9 {
      transition-property: opacity;
    }

    .style__wrapper-landing_2Rlh7 .style__carousel-fade_1eX9q .style__carousel-inner_2fw-A .style__item_3CFw9 {
      opacity: 0;
    }

    .style__wrapper-landing_2Rlh7 .style__carousel-fade_1eX9q .style__carousel-inner_2fw-A .style__active_4gCkW {
      opacity: 1;
    }

    .style__wrapper-landing_2Rlh7 .style__carousel-fade_1eX9q .style__carousel-control_1eA7Y {
      z-index: 2;
    }

    .style__wrapper-landing_2Rlh7 .style__carousel_jOKzS,
    .style__wrapper-landing_2Rlh7 .style__carousel-inner_2fw-A,
    .style__wrapper-landing_2Rlh7 .style__carousel-inner_2fw-A .style__item_3CFw9 {
      height: 100%;
    }
  }
  @-ms-viewport {
    width: device-width;
  }
  @-ms-viewport {
    width: device-width;
  }

  @-moz-document url-prefix() {
    .style__btcwdgt_13a0s.style__btcwdgt-s-price_3cfmE .style__btcwdgt-body_2_d-7 {
      height: 15px !important;
    }
  }
}
.wrapper-landing .text-center {
    text-align: center !important;
  }
h1, h2 {
    font-size: 34px !important;
    line-height: 41px;
    color: #291B34 !important;
    margin: 0 auto 25px;
    font-weight: 700;
    font-style: normal;
  }
span.btn.btn-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 73px;
    background-color: #f0f3f4;
    color: #0b1633;
    border: 0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
}
p{
    color: #000 !important;
  }
span.btn.btn-primary.register {
  width: 117px !important;
  background: white;
  color: #291b34 !important;
  height: 32px;
}
.payment-top-up {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  margin-top: 133px;
}
@media screen and (max-width:768px){
  .payment-top-up {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
}
}
li.sign-up {
  background: linear-gradient(134deg,#eaafac 0,#d58ea4 28.65%,#a968a0 68.23%,#8046a2 100%) !important;
  height: 36px !important;
  width: 123px !important;
  border-radius: 6px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
span.btn.btn-primary.register:hover {
  background-image: linear-gradient(134deg,#eaafac 0,#d58ea4 28.65%,#a968a0 68.23%,#8046a2 100%);
  background-repeat: no-repeat;
}
img.lazyload {
    border-radius: 22px;
  }
#investments p {
    text-align: left;
  }
.investment.icon-list .item .text {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
  }
a.header_link {
    line-height: 68px;
    font-size: 13px;
    color: #0b1633;
    font-weight: 500;
}
a.btn.go_to_registration {
  border: 2px solid !important;
  color: rgb(255, 255, 255);
  background: linear-gradient(to right, rgb(82, 47, 114), rgb(101, 87, 168));
  border-color: rgb(27 76 120);
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #000;
  width: 100%;
}
.img-logo.mobile{
  display: none;
}
img.logo-main {
  display: flex;
}
h4.footer-span {
  background: linear-gradient(264deg, #eaafac, #d58ea4, #a968a0, #8046a2) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: 18px !important;
}
@media screen and (max-width:768px) {
  .img-logo.mobile{
    display: flex;
  }
  img.logo-main.mobile {
    display: flex;
}
img.logo-main {
  display: none;
}
}
a.btn.go_to_registration:hover {
  border: 2px solid !important;
  color: #fff;
  background: linear-gradient(to right, #522f72, #6557a8) !important;
}
@media screen and (max-width: 768px){
  img.lazyload {
    width: 100%;
}
}
p.FormInput__whiteText_1Dtjj {
  color: #696969 !important;
}
.market-box {
  background: radial-gradient(2736.73% 1728.89% at 50% 50%, #291b34 0%, #d6af62 100%);
}
p.text-markets {
  max-width: 371px !important;
}
.plans-grid {
  display: flex;
  gap: 10px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.plan-container-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
span.price-for-tarif-plans {
  color: #fff !important;
  font-size: 47px;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.plan-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(163deg, #404348, #16191E);
  border: 2px solid gray;
  padding: 16px;
  gap: 24px;
  min-width: 300px;
  min-height: 734px;
}
.plan-container:hover {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
}
span.plan-container-span {
  font-weight: 900 !important;
  font-size: 17px !important;
}
h3.plan-container-title {
  color: #fff !important;
  font-weight: 800 !important;
}
@media screen and (max-width:768px) {
  .plans-grid {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.plan-container {
  min-height: 538px;
  min-width: 400px;
}
}
section#Tarifs {
  background: #000d1d !important;
}
span.plan-container-span {
  font-size: 14px !important;
  color: #d9d4d4 !important;
}
p.plan-container-text {
  margin: 0 !important;
  font-size: 16px !important;
}
p.plan-container-text {
  color: #ffffff !important;
}
button.plan-btn {
  border-radius: 12px;
  padding: 23px;
  background: linear-gradient(135deg, #4A90E2, #9013FE);
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}
button.plan-btn:hover {
  background: linear-gradient(135deg, #9013FE, #4A90E2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.col-md-12.purple-footer-cards {
  background: #291B34;
}
p{
    color: #222121 !important
  }
.after_img span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-bottom: 10px;
  }
#price {
    font-size: 32px;
  }
.after_img {
    position: absolute;
    background: rgb(187 196 206 / 28%);
    height: 128px;
    width: 372px;
    bottom: 14px;
    left: 50%;
    margin-left: -186px;
    border-radius: 16px;
    box-shadow: inset -5px -5px 250px rgb(255 255 255 / 2%);
    -webkit-backdrop-filter: blur(31px);
            backdrop-filter: blur(31px);
    border: rgba(255, 255, 255, 0.1) 2px solid;
    padding: 30px;
    color: white;
  }
.investment.icon-list .item .title {
    margin: 0 auto 16px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #0B1633;
  }
.after_img:before {
    content: "";
    display: block;
    height: 92px;
    width: 92px;
    position: absolute;
    background-image: url(/src/apps/client/ui/pages/LandingPage/img/boom.svg);
    background-size: cover;
    right: 16px;
    top: -38px;
  }
.after_img img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 12px;
  }
.investment.icon-list .item {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
  }
.after_img .price {
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    text-align: left;
    margin-right: 10px;
  }
.investment.icon-list .item .icon {
    flex: 0 0 100px;
    margin-right: 24px;
  }
body {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
  }
.logos {
    width: 100%;
  }
.header_wrap {
    display: flex;
    justify-content: space-between;

  }
@media screen and (max-width: 768px){
.header_wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        gap: 20px

  }
    }
.row.about-content.flex-down {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
.abouts_us_container.mw-700 > h3.feature-title text-center{
    max-width: 700px;
  }
.abouts_us_container.imgsa {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between !important;
    align-items: center;
  }
section.about-us {
    margin-left: 60px;
    margin-right: 60px;
  }
.row.about-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    /* justify-content: space-between; */
    align-items: center;
    /* gap: 60px; */
    gap: 60px;
  }
ul.nav_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 16px;
    justify-content: center;
  }
h3.feature-title.text-center {
    white-space: pre-line;
  }
h3.feature-title {
    white-space: pre-line;
  }
a.header_link {
    line-height: 68px;
    font-size: 13px;
    color: #0b1633;
    font-weight: 500;
}
a.header_link:hover {
    color: #4b3f55 !important;
    font-weight: 400;
    white-space: nowrap !important;
  }
@media screen and (max-width:768px){
    h2.title-head {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }
    p.about-text{
      padding: 0 !important;
    }
    h2.title-head {
      font-size: 18px !important;
      text-align: center;
      line-height: normal;
    }
    h3.feature-title.text-center {
      font-size: 14px !important;
    }
    .row.about-content {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
    }
    img.img-responsive.img-about-us {
      padding: 0 !important;
    }
    h2.title-head {
      display: flex;
      flex-direction: column !important;
      flex-wrap: nowrap !important;
      align-content: center !important;
      justify-content: center !important;
      align-items: center !important;
      padding: 0px !important;
    }
    p.about-text {
      margin-top: 20px !important;
    }
    .row.about-content.flex-down {
      margin-top: 10px !important;
    }
    a.header_link {
      font-size: 23px !important;
  }
  }
.header_group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
li.sign-in, li.sign-up{
    all: unset;
  }
@media screen and (max-width: 768px){
    .header_group{
      display: none;
    }
    li.sign-in, li.sign-up{
      all: unset;
    }
  }
@media screen and (max-width: 865px) {
    .main-logo.col-xs-12.col-md-3.col-md-2.col-lg-2.hidden-xs {
      grid-area: 1;
      justify-self: end;
    }

    .col-md-3.col-lg-3.mobile-cta-top {
      grid-area: 2;
    }
    .lang-menu {
      grid-area: 2;
    }
    .button-menu-nav-bar-burger {
      grid-area: 1;
    }
    .header-nav {
      display: grid !important;
      row-gap: 15px;
      grid-template-rows: 1fr 1fr;
    }
  }
@media screen and (max-width: 754px) {
  }
@media screen and (max-width: 580px) {
    .main-logo.col-xs-12.col-md-3.col-md-2.col-lg-2.hidden-xs {
      justify-self: center;
    }
    .button-hamburger {
      width: auto !important;
    }
    .lang-menu {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }

    .wrapper-landing ul.user {
      flex: 1;
    }
    .lang-menu {
      grid-area: 1;
    }
    .header-nav {
      justify-items: center;
      grid-template-columns: repeat(3, 1fr);
    }
    .col-md-3.col-lg-3.mobile-cta-top {
      grid-column: 1/4;
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 0;
    }
  }
.wrapper-landing a:link,
  .wrapper-landing a:hover,
  .wrapper-landing a:visited {
    text-decoration: none;
  }
.col-md-12.blue {
    background-color: #1c1c1c;
    padding-top: 64px;
    padding-bottom: 64px;
    border-radius: 18px;
  }
h2.title-head {
    color: #80b1de;
  }
h2.title-head.gold {
    color: #53a2be;
  }
.col-md-6.faq {
    box-shadow: 8px 8px 32px rgb(3 14 49 / 4%);
    padding-top: 24px;
    padding-bottom: 24px;
    height: 250px;
  }
.col-md-12.col-lg-12.whatis {
    background-color: #d8e7ef;
    border: 4px #00000005 solid;
    border-radius: 12px;
  }
.wrapper-landing .facts-footer p {
    font-size: 13px;
    line-height: 18px;
  }
.wrapper-landing section {
    padding: 60px 0;
    position: relative;
    background: #fff;
  }
.menu-i {
    width: 24px;
    height: 24px;
  }
.wrapper-landing .bg-parallax {
    background-size: cover;
    background-attachment: fixed;
  }
.wrapper-landing .gap-20 {
    clear: both;
    height: 20px;
  }
.wrapper-landing a:focus {
    outline: 0;
  }
.wrapper-landing .unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
  }
span.menu-text {
    font-size: 20px;
    color: #53a2be;
    margin-left: 5px;
    padding-right: 10px;
  }
.wrapper-landing .ts-padding {
    padding: 50px;
  }
.col-lg-4.col-md-4.tarifplans.text-center {
    border-radius: 28px;
    height: 450px;
    background-color: #d8e7ef;
    border: 2px solid transparent;
    box-shadow: 0px 16px 40px 0px rgba(26, 64, 137, 0.06);
    margin-left: 12%;
    margin-top: 5%;
  }
p.text-center.footer-white {
    color: white !important;
}
@media screen and (max-width: 900px) {
    .col-lg-4.col-md-4.tarifplans.text-center {
      border-radius: 28px;
      height: 500px;
      background-color: #d8e7ef;
      border: 2px solid transparent;
      box-shadow: 0px 16px 40px 0px rgba(26, 64, 137, 0.06);
      margin-left: 0%;
      margin-top: 5%;
    }
  }
.wrapper-landing .btn-primary {
    border: 0;
    border-radius: 0;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.1s;
    outline: 0;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
  }
.wrapper-landing .btn-primary:hover {
    color: #fff;
  }
.wrapper-landing .btn-primary:hover,
  .wrapper-landing .btn-primary:focus,
  .wrapper-landing .btn-primary:active {
    box-shadow: none;
    outline: 0;
  }
/* Microsoft Edge */
hr {
    background-color: #e7e7e7;
    border: 0;
    height: 1px;
    margin: 40px 0;
  }
/* Internet Explorer 10-11 */
.payment_groups img {
    height: 100%;
    width: 100%;
  }
/* Mozilla Firefox 19+ */
@media screen and (max-width: 550px){
    .payment_groups img {
      height: 40px;
      justify-content: start;
    }
  }
/* Mozilla Firefox 4 to 18 */
.payment_groups {
    padding: 10px;
    border-radius: 4px;
    justify-content: space-around;
    border: 1px solid;
    width: 100%;
    background-color: #291B34;
    display: flex;
  }
/* WebKit, Blink, Edge */
.payment_wrap {
    background: linear-gradient(134deg, #d6af62 0, #d2a647 28.65%, #6557a8 68.23%, #291b34 100%);
    justify-content: center;
    align-items: center;
    padding: 1px;
  }
.payment_groups > a,
  .payment_groups > span {
    margin: 0 10px;
  }
.payment_groups img {
    height: 100%;
    width: 100%;
  }
span.footer-link {
    background: linear-gradient(2deg, #a216ff 0%, #ffffff7d 28.65%, #a79dd8 68.23%, #291b34 100%);
    -webkit-background-clip: text;
    color: transparent;
  }
.wrapper-landing .title-head {
    margin: 0;
    font-weight: 800;
    font-size: 45px;
    line-height: 45px;
    margin-top: 0;
    color: #53a2be;
    padding: 10px 0 20px;
    position: relative;
    text-transform: uppercase;
    margin: 0 15px;
  }
.wrapper-landing .title-head-orange {
    margin: 0;
    font-weight: 800;
    font-size: 45px;
    line-height: 45px;
    margin-top: 0;
    color: #53a2be;
    padding: 10px 0 20px;
    position: relative;
    text-transform: uppercase;
    margin: 0 15px;
  }
.wrapper-landing .title-head-subtitle p {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 14px;
  }
.col-md-12.border {
    border-radius: 18px;
    border: 1px solid black;
  }
.wrapper-landing .title-head-subtitle p:before {
    position: absolute;
    content: "";
    height: 2px;
    right: -50px;
    top: 13px;
    width: 30px;
  }
.wrapper-landing .title-head-subtitle p:after {
    position: absolute;
    content: "";
    height: 2px;
    left: -50px;
    top: 13px;
    width: 30px;
  }
body,
  .wrapper-landing p {
    /* -webkit-font-smoothing: antialiased !important; */
    color: #000;
    line-height: 28px;
    font-weight: 400;
    font-size: 20px;
    font-family: 'SF Pro Display', sans-serif;
  }
.wrapper-landing h2,
  .wrapper-landing h3,
  .wrapper-landing h4 {
    color: #222;
    font-weight: 600;
  }
.wrapper-landing h2 {
    font-size: 28px;
    line-height: 36px;
  }
.wrapper-landing h3 {
    font-size: 24px;
    line-height: 32px;
  }
.wrapper-landing h4 {
    font-size: 18px;
    line-height: 28px;
  }
.wrapper-landing .main-logo {
    position: relative;
  }
.wrapper-landing .logo-mobile {
    display: none;
  }
.wrapper-landing ul.bitcoin-stats {
  }
.wrapper-landing ul.bitcoin-stats li {
    display: inline-block;
    padding-right: 25px;
  }
.wrapper-landing ul.bitcoin-stats li:last-child {
    padding-right: 0;
  }
.wrapper-landing ul.bitcoin-stats h6 {
    font-weight: 800;
    color: #53a2be;
    margin: 0;
    font-size: 13px;
    text-align: left;
    margin-bottom: -2px;
    line-height: 13px;
  }
.wrapper-landing ul.bitcoin-stats span {
    font-size: 12px;
    text-align: left;
    color: #aaa;
  }
.wrapper-landing ul.user {
  }
.wrapper-landing ul.user li {
    display: inline-block;
    padding-right: 25px;
  }
.wrapper-landing ul.user li.sign-up {
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
  }
.wrapper-landing ul.user li.sign-up,
  .wrapper-landing ul.user li.sign-in {
    margin-right: 0;
  }
.wrapper-landing ul.user li.sign-in {
    padding-right: 17px;
  }
/*** Main navigation ***/
.wrapper-landing .site-navigation {
    position: relative;
    padding-bottom: 48px;
  }
.wrapper-landing .site-navigation {
    border-bottom: 1px solid #222;
  }
.wrapper-landing .site-nav-inner {
    position: absolute;
    z-index: 100;
    background: #111;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
  }
.wrapper-landing .navbar-toggle {
    float: right;
    border-radius: 0;
    margin-right: 0;
  }
.wrapper-landing .navbar-toggle .icon-bar {
    background: #fff;
  }
.wrapper-landing .nav > li > a:focus,
  .wrapper-landing .nav > li > a:hover {
    background: none;
  }
.wrapper-landing .nav-tabs > li > a {
    border: 0;
  }
.wrapper-landing ul.navbar-nav {
    float: none;
    display: block;
  }
.wrapper-landing ul.navbar-nav > li {
    float: none;
    display: inline-block;
  }
.wrapper-landing ul.navbar-nav > li:not(.search):hover {
    color: #fff;
    position: relative;
  }
.wrapper-landing ul.navbar-nav > li {
    padding: 0;
    position: relative;
  }
.wrapper-landing ul.navbar-nav > li:last-child:after {
    background: none;
  }
.wrapper-landing ul.navbar-nav > li > a {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 17px 16px;
    line-height: 14px;
    position: relative;
    font-family: "Open Sans", sans-serif;
    transition: 0.1s;
  }
.wrapper-landing ul.navbar-nav > li > a i {
    font-weight: 600;
    padding-left: 5px;
  }
.wrapper-landing ul.navbar-nav > li:hover > a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
  }
.wrapper-landing ul.nav.nav-tabs {
    border-bottom: 0;
  }
.wrapper-landing ul.nav.nav-tabs li a,
  .wrapper-landing ul.nav.nav-tabs li.active a {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left: 1px solid #555;
    border-radius: 0;
    font-size: 15px;
    color: #aaa;
    padding: 0 30px;
    margin: 20px 0;
    text-transform: uppercase;
  }
.wrapper-landing ul.nav.nav-tabs li.active a {
    font-weight: 600;
  }
.wrapper-landing ul.nav.nav-tabs li:first-child a {
    border-left: 0;
    padding-left: 0;
  }
.wrapper-landing ul.nav.nav-tabs li a:hover,
  .wrapper-landing ul.nav.nav-tabs li.active a:hover {
    border-bottom: 0 !important;
    border-top: 0 !important;
  }
/*** Dropdown ***/
.wrapper-landing .dropdown-menu {
    text-align: left;
    background: #1d1d1d;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow: none;
    z-index: 100;
    min-width: 200px;
    border-radius: 0;
    padding: 0;
  }
.wrapper-landing .navbar-nav > li .dropdown-menu li:last-child a {
    border-bottom: 0 !important;
  }
.wrapper-landing .navbar-nav > li > .dropdown-menu a {
    background: none;
    text-transform: uppercase;
  }
.wrapper-landing .dropdown-menu li a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    padding: 15px 20px;
    color: #999;
  }
.wrapper-landing .dropdown-menu li a:hover {
    background: #111;
  }
.wrapper-landing .dropdown-menu li:last-child > a {
    border-bottom: 0;
  }
/*** Main slide ***/
#main-slide .item {
    min-height: 570px;
    color: #fff;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
  }
/*================================================== */
#main-slide .item.item-1 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg1.webp");
  }
/* [ SECTIONS ] */
#main-slide .item.item-2 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg2.webp");
  }
/*** Search ***/
#main-slide .item.item-3 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg3.webp");
  }
#main-slide .item.item-4 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/google.png");
  }
#main-slide .item.item-5 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/apple.png");
  }
#main-slide .item.item-6 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/twitter.png");
  }
#main-slide .item.item-7 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/amazon.png");
  }
#main-slide .item.item-8 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/microsoft.png");
  }
#main-slide .item:after {
    content: "";
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    transition: opacity 500ms;
  }
#main-slide .item.active .slider-content {
    opacity: 1;
    transition: opacity 100ms;
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-1 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg1.webp");
      background-size: 250% !important;
      background-position: center !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-2 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg2.webp");
      background-size: 250% !important;
      background-position: center !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-3 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg3.webp");
      background-size: 250% !important;
      background-position: center !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-4 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/google-mob.png") !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-5 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/apple-mob.png") !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-6 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/twitter-mob.png") !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-7 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/amazon-mob.png") !important;
    }
  }
@media screen and (max-width: 900px) {
    #main-slide .item.item-8 {
      background: url("/src/apps/client/ui/pages/LandingPage/images/slider/microsoft-mob.png") !important;
    }
  }
/* ENDMOBILESLIDER */
#main-slide .item.item-1 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg1.webp");
  }
/* [ SECTIONS ] */
#main-slide .item.item-2 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg2.webp");
  }
/*================================================== */
#main-slide .item.item-3 {
    background: url("/src/apps/client/ui/pages/LandingPage/images/slider/bg3.webp");
  }
#main-slide .slider-content {
    top: 50%;
    margin-top: -150px;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
  }
.wrapper-landing .slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
  }
.wrapper-landing .slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
    margin-top: -30px;
  }
.wrapper-landing .slider-text .slide-title {
    font-size: 68px;
    line-height: 78px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
  }
.wrapper-landing .slider-text .slide-title span {
    font-weight: 800;
    color: #53a2be;
  }
.wrapper-landing .slider.btn-primary {
    margin-top: 10px;
    background: transparent;
    transition: 0.1s;
  }
.wrapper-landing .slider.btn-cta {
    background: #53a2be !important;
    color: #ffffff !important;
    border-radius: 12px;
  }
.wrapper-landing .slider.btn-cta:hover {
    background: #53a2be !important;
  }
.wrapper-landing .slider.btn-primary:hover,
  .wrapper-landing .slider.btn-primary:active,
  .wrapper-landing .slider.btn-primary:focus {
    color: #fff;
  }
.wrapper-landing span {
    font-family: "Open Sans", sans-serif !important;
  }
/* Carousel Indicators */
.wrapper-landing .carousel-indicators li {
    display: none;
  }
#main-slide .carousel-control.left,
  #main-slide .carousel-control.right {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    transition: all 0.25s ease;
  }
#main-slide:hover .carousel-control.left,
  #main-slide:hover .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
  }
#main-slide:hover .carousel-control.left {
    left: 30px;
  }
span.menu-texts {
    margin-left: 20px;
    padding-top: 14px;
    display: flex;
    text-decoration: none;
  }
span.menu-texts:hover {
    text-decoration: none;
  }
#main-slide:hover .carousel-control.right {
    right: 30px;
  }
#main-slide .carousel-control.left span {
    padding: 15px;
  }
#main-slide .carousel-control.right span {
    padding: 15px;
  }
#main-slide .carousel-control .fa-angle-left,
  #main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -25px;
  }
#main-slide .carousel-control .fa-angle-left {
    left: 0;
  }
#main-slide .carousel-control .fa-angle-right {
    right: 0;
  }
#main-slide .carousel-control i {
    line-height: 56px;
    border-radius: 4px;
    font-size: 56px;
    transition: all 500ms ease;
  }
/*** Features box ***/
.wrapper-landing .features {
    padding-top: 0;
    padding-bottom: 0;
    top: -60px;
    position: relative;
    z-index: 10;
  }
.wrapper-landing .features-row {
    background: #1d1d1d;
    padding: 60px 50px 50px 50px;
    margin-left: 0;
    margin-right: 0;
  }
.wrapper-landing .feature-box .feature-icon {
    float: left;
    display: inline-block;
  }
.wrapper-landing .feature-box .feature-icon img {
    width: 50px;
    vertical-align: initial;
  }
.wrapper-landing .feature-box .feature-box-content {
    margin-left: 100px;
  }
.wrapper-landing .feature-box .feature-box-content h3 {
    color: #fff;
    margin: 0 0 10px 0;
    line-height: normal;
    font-size: 18px;
  }
.wrapper-landing .feature-box .feature-box-content p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    color: #ddd;
  }
/*** About Us ***/
.wrapper-landing .about-us {
    padding: 0 0 70px;
  }
/*================================================== */
.wrapper-landing .title-about {
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px;
  }
/* [ SECTIONS ] */
.wrapper-landing .img-about-us {
    margin: 0 auto;
  }
/*** Breadcrumb ***/
.wrapper-landing .about-content {
    margin-top: 60px;
  }
/*** Banner Area ***/
.wrapper-landing .about-text {
    line-height: 28px;
    margin-bottom: 3px;
  }
.wrapper-landing .nav-tabs > li.active > a,
  .wrapper-landing .nav-tabs > li.active > a:hover,
  .wrapper-landing .nav-tabs > li.active > a:focus {
    background: none;
  }
.wrapper-landing .nav-tabs > li.active > a:focus {
    color: #111;
  }
.wrapper-landing .tab-content p {
    padding: 0 0 30px;
    margin: 0;
  }
/*** Features and Video ***/
.wrapper-landing .image-block {
    background: #fff;
    padding: 0;
  }
.wrapper-landing .bg-image-1 {
    background-image: url("/src/apps/client/ui/pages/LandingPage/images/backgrounds/bg-video.jpg");
    background-size: cover;
    background-position: center center;
    height: 625px;
  }
.wrapper-landing .bg-image-1:after {
    content: "";
    /*background: rgba(0,0,0,.6);*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
.wrapper-landing .img-block-left {
    padding-left: 140px;
  }
/* Features */
.wrapper-landing .feature .feature-icon {
    font-size: 36px;
  }
.wrapper-landing .image-block .feature .feature-icon img {
    height: 37px;
  }
.wrapper-landing .feature-title {
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #53a2be;
  }
.wrapper-landing .feature-title-orange {
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #53a2be;
  }
/*** Pricing Tables ***/
.wrapper-landing .pricing-tables-content {
    margin-top: 25px;
  }
/* Video */
.wrapper-landing .pricing-switcher {
    text-align: center;
  }
.wrapper-landing .pricing-switcher > p {
    display: inline-block;
    position: relative;
    padding: 0;
    padding-right: 4px;
    border-radius: 0;
    background: #111;
    border: 1px solid #333;
  }
.wrapper-landing .pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
.wrapper-landing .pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 105px;
    height: 39px;
    line-height: 43px;
    cursor: pointer;
    padding-left: 8px;
    font-size: 16px;
    color: #fff;
  }
.wrapper-landing .pricing-switcher .switch {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 40px;
    width: 105px;
    border-radius: 0;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
.wrapper-landing .pricing-switcher input[type="radio"]:checked + label + .switch,
  .wrapper-landing .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
    -webkit-transform: translateX(105px);
    transform: translateX(105px);
  }
.wrapper-landing .pricing-list {
    margin: 32px 0 0;
    list-style-type: none;
  }
.wrapper-landing .pricing-list > li {
    position: relative;
    margin-bottom: 16px;
  }
.wrapper-landing .pricing-wrapper {
    position: relative;
    list-style-type: none;
    padding: 0;
  }
.wrapper-landing .pricing-wrapper > li {
    background-color: #1d1d1d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
  }
.wrapper-landing .pricing-wrapper > li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  }
.wrapper-landing input::-webkit-outer-spin-button,
  .wrapper-landing input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
/* Firefox */
.wrapper-landing .pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
  }
.wrapper-landing .pricing-wrapper .is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
.wrapper-landing .price {
    margin-top: 45px;
    color: #fff;
  }
.wrapper-landing .pricing-header {
    position: relative;
    z-index: 1;
    height: 80px;
    padding: 16px;
    pointer-events: none;
    background-color: #3aa0d1;
    color: #ffffff;
  }
@media (max-width: 995px) {
    .header-nav div:nth-child(3) {
      display: none;
    }
  }
.wrapper-landing .value {
    font-size: 40px;
    font-weight: 300;
  }
.wrapper-landing .pricing-footer {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
  }
.wrapper-landing .pricing-footer::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
  }
.wrapper-landing .pricing-footer a {
    display: block;
    margin: 0 30px;
  }
.wrapper-landing .pricing-list {
    margin: 48px 0 0;
    padding: 0;
  }
.wrapper-landing .pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
.wrapper-landing .pricing-list > li {
    float: left;
    padding: 0 15px;
  }
.wrapper-landing .pricing-wrapper > li::before {
    content: "";
    position: absolute;
    z-index: 6;
    left: -1px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
  }
.wrapper-landing .pricing-wrapper > li::after {
    display: none;
  }
.wrapper-landing .pricing-header {
    height: auto;
    padding: 30px;
    pointer-events: auto;
    text-align: center;
    color: #173d50;
    background-color: transparent;
  }
.wrapper-landing .value {
    font-size: 40px;
    font-weight: 800;
  }
.wrapper-landing .btn-primary,
  .title-head-subtitle p:before,
  .wrapper-landing .title-head-subtitle p:after,
  .wrapper-landing ul.user li.sign-in a:hover,
  .wrapper-landing ul.user li.sign-in a:hover,
  .wrapper-landing .navbar-toggle,
  .slider.btn-primary:hover,
  .wrapper-landing .pricing-switcher .switch,
  .wrapper-landing .bitcoin-calculator .form-input.select-currency,
  .wrapper-landing .bitcoin-calculator .form-info,
  .wrapper-landing .team-member:hover .team-member-caption,
  .wrapper-landing .select-primary ~ .select2 .select2-selection__rendered,
  .wrapper-landing .select-primary ~ .select2 .select2-selection__rendered,
  .wrapper-landing .select-primary ~ .select2 .select2-selection__rendered:active,
  .wrapper-landing .select-primary ~ .select2 .select2-selection__rendered:focus,
  .wrapper-landing .select-primary ~ .select2 .select2-selection__rendered:hover,
  .wrapper-landing .select-primary-dropdown,
  .wrapper-landing #carousel-testimonials .carousel-indicators li.active,
  .wrapper-landing .widget-tags ul > li a:hover,
  .wrapper-landing .pagination li.active a,
  .wrapper-landing .facts,
  .call-action-all .action-btn .btn-primary .wrapper-landing .pricing-switcher .switch {
    background: #53a2be;
  }
.wrapper-landing .pricing-footer {
    position: relative;
    height: auto;
    padding: 30px 0;
    text-align: center;
  }
.wrapper-landing .pricing-footer::after {
    display: none;
  }
/*** Quote and Chart ***/
.wrapper-landing .image-block2 {
    padding: 0;
  }
/* Tags Widget */
.wrapper-landing .bg-image-2:after {
    content: "";
    /*  background: rgba(0,0,0,.6); */

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
/* Navigation Widget */
.wrapper-landing .img-block-quote {
    padding: 100px 50px;
  }
/* Chart */
.wrapper-landing .btcwdgt-headlines.btcwdgt-clean {
    margin: 0 auto !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
    max-width: 615px !important;
  }
/* Quote */
div#header {
    background: #fff;
  }
/* Recent Posts Widget */
.wrapper-landing .dark-chart .btcwdgt-chart .btcwdgt-body {
    background: #222 !important;
  }
/* Search Widget */
.wrapper-landing .dark-chart .btcwdgt.btcwdgt-chart .btcwdgt-header p {
    background: #1d1d1d !important;
  }
/*** Sidebar ***/
.wrapper-landing .dark-chart .btcwdgt.btcwdgt-chart .btcwdgt-header p.changes {
    background: #1d1d1d !important;
  }
/* Comments Form */
.wrapper-landing .btcwdgt.btcwdgt-chart .btcwdgt-footer {
    display: none !important;
  }
/* Comments */
.wrapper-landing .chart-widget {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
  }
/* Pagination */
.wrapper-landing .chart-widget > div {
    display: table-cell;
    vertical-align: middle;
  }
/*** Blog ***/
.wrapper-landing .bg-grey-chart,
  .wrapper-landing .bg-image-2 {
    height: 580px;
  }
/*** Deposits ***/
.wrapper-landing .bg-image-2 {
    background-image: url("/src/apps/client/ui/pages/LandingPage/images/backgrounds/bg-quote.jpg");
    background-size: cover;
    background-position: center center;
    height: 580px;
  }
/*** Services ***/
.wrapper-landing .footer {
  }
/*** Team ***/
.wrapper-landing .footer .top-footer {
    padding: 60px 0 50px;
  }
/*** Bitcoin Calculator ***/
.wrapper-landing .footer .top-footer h4 {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 15px;
  }
/*** Menu ***/
.wrapper-landing .footer .top-footer ul {
    padding: 0;
  }
/* Keyframes */
.wrapper-landing .footer .top-footer .menu ul {
    list-style-type: none;
  }
.wrapper-landing .footer .top-footer .menu ul li {
    margin-bottom: 5px;
  }
.wrapper-landing .footer .top-footer .menu ul li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    transition: 0.1s;
  }
.wrapper-landing .footer .top-footer .menu ul li a:hover {
    color: #fff;
  }
.wrapper-landing .top-footer .contacts > div {
    padding-bottom: 12px;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
  }
/*** Social Icons ***/
.wrapper-landing .footer .top-footer .social-footer {
    margin: 0 0 12px;
  }
.wrapper-landing .footer .top-footer .social-footer ul {
    list-style-type: none;
  }
.wrapper-landing .facts-footer p {
    font-size: 13px;
    line-height: 18px;
    color: white !important;
  }
.wrapper-landing .footer .top-footer .social-footer ul li {
    display: inline-block;
    margin: 0 3px;
  }
.wrapper-landing .footer .top-footer .social-footer ul li:first-child {
    margin-left: 0;
  }
.wrapper-landing .footer .top-footer .social-footer ul li a {
    display: block;
    color: #ccc;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    background: #1d1d1d;
    transition: 0.1s;
  }
.wrapper-landing .footer .top-footer .social-footer ul li a:hover {
    color: #fff;
  }
.wrapper-landing .footer .social-footer ul li a:hover {
    color: #fff;
  }
/*** Copyright Bar ***/
.wrapper-landing .footer .bottom-footer p {
    margin: 0;
    font-size: 13px;
    border-top: 1px solid #222;
    padding: 13px 0;
  }
.wrapper-landing .footer hr {
    background-color: #1d1d1d;
    border: 0;
    height: 1px;
    margin: 25px 0 18px;
  }
.wrapper-landing .footer .top-footer h4.payment-title {
    color: #999;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
  }
.wrapper-landing .payment-logos img {
    width: 30px;
    margin-right: 5px;
  }
/*================================================== */
@media (min-width: 1600px) {
    .wrapper-landing .img-block-left {
      padding-left: 285px;
    }
  }
/* [ RESPONSIVE DESIGN STYLES ] */
@media (min-width: 767px) {
    .wrapper-landing ul.nav li.dropdown:hover ul.dropdown-menu {
      display: block;
    }
  }
@media (max-width: 1200px) and (min-width: 992px) {
    .buttons-menu {
    }
  }
@media (max-width: 1200px) and (min-width: 992px) {
    .wrapper-landing ul.user li.sign-in {
      padding-right: 15px;
    }
  }
@media (max-width: 1200px) {
    .wrapper-landing ul.bitcoin-stats li {
      padding-right: 18px;
    }

    .wrapper-landing .slider-text {
      position: relative;
      z-index: 1;
    }

    .wrapper-landing .img-block-left.ts-padding {
      padding: 40px;
    }
  }
@media (max-width: 992px) {
    .wrapper-landing .facts-footer {
      margin-top: 15px;
    }

    .wrapper-landing .main-logo a img {
      margin: 0 auto;
    }

    .wrapper-landing ul.user {
      text-align: center;
      padding: 15px 0 22px;
    }

    .wrapper-landing .features-row {
      padding-bottom: 10px;
    }

    .wrapper-landing .bg-image-1 {
      height: 225px;
    }

    .wrapper-landing .dropdown-menu li a {
      font-size: 12px;
    }

    .wrapper-landing .img-about-us {
      padding-bottom: 60px;
    }

    .wrapper-landing .pricing-list > li {
      margin-bottom: 30px;
    }

    .wrapper-landing .bg-image-2 {
      height: inherit;
      padding: 60px;
    }

    #main-slide .item {
      min-height: 450px;
    }

    #main-slide .slider-content {
      margin-top: -115px;
    }

    #main-slide .slider-content h3 {
      font-size: 40px;
      margin: 10px 0;
      line-height: 50px;
    }

    .wrapper-landing .slider.btn {
      padding: 10px 26px;
      margin-top: 10px;
    }

    #main-slide .carousel-indicators {
      bottom: 20px;
    }

    .wrapper-landing .feature-box {
      clear: both;
      margin-bottom: 40px;
    }
    .wrapper-landing .img-block-left {
      padding-left: 100px;
    }

    .wrapper-landing .img-block-quote {
      padding: 100px;
    }

    .wrapper-landing .footer .top-footer {
      padding: 60px 0 25px;
    }
  }
@media (max-width: 992px) and (min-width: 768px) {
    .wrapper-landing .main-logo {
      float: none;
      padding-bottom: 0;
    }

    .wrapper-landing ul.navbar-nav > li > a {
      padding: 16px 14px;
    }

    .wrapper-landing ul.bitcoin-stats {
      padding-top: 22px;
    }

    .wrapper-landing .img-block-quote {
      padding: 40px 100px 10px;
    }
  }
@media (max-width: 767px) {
    .wrapper-landing ul.nav.nav-tabs li a,
    .wrapper-landing ul.nav.nav-tabs li.active a {
      padding: 0 20px;
    }

    .wrapper-landing ul.nav.nav-tabs li:first-child a {
      padding-left: 0;
    }

    .wrapper-landing .feature-title {
      margin: 0;
      width: 100%;
    }

    .wrapper-landing .gap-20-mobile {
      clear: both;
      height: 20px;
    }

    .wrapper-landing .site-nav-inner {
      position: relative;
    }

    .wrapper-landing .site-nav-inner:before {
      border: 0;
    }

    .wrapper-landing .site-nav-inner:after {
      background: none;
    }

    .wrapper-landing .navbar-collapse ul.navbar-nav > li > a {
      color: #fff;
    }

    .wrapper-landing .navbar-collapse ul.navbar-nav > li:hover > a {
      color: #fff;
    }

    .wrapper-landing ul.navbar-nav > li {
      display: block;
    }

    .wrapper-landing ul.navbar-nav > li > a {
      padding: 18px 0;
      font-size: 16px;
    }

    .wrapper-landing ul.navbar-nav > li:after {
      background: none;
    }

    .wrapper-landing ul.navbar-nav > li:hover > a:after {
      background: none;
    }

    .wrapper-landing .img-logo .img-responsive {
    }

    .wrapper-landing .logo-mobile {
      display: inline-block;
      float: left;
    }

    .wrapper-landing .logo-mobile img {
      height: 34px;
      margin-top: 8px;
    }

    .wrapper-landing .navbar-collapse {
      width: 100%;
      box-shadow: none;
    }

    .wrapper-landing ul.navbar-nav > li:not(.search):hover {
      background: transparent;
    }

    #main-slide .item {
      min-height: 400px;
    }

    #main-slide .slider-content {
      margin-top: -165px;
    }

    #main-slide .slider-content h3 {
      font-size: 22px;
      margin: 40px 0;
      line-height: 36px;
    }

    .wrapper-landing .slider-text {
      z-index: 1;
      position: relative;
    }

    .wrapper-landing .slider.btn {
      padding: 12px 22px;
      margin-top: 0;
      font-size: 12px;
    }

    #main-slide .carousel-indicators {
      bottom: 20px;
    }

    p.about-text {
      padding: 20px;
    }

    .wrapper-landing .feature-box .feature-icon {
      float: none;
      margin-bottom: 30px;
    }

    .wrapper-landing .feature-box .feature-box-content {
      margin-left: 0;
      margin-bottom: 30px;
    }

    .wrapper-landing .img-block-left {
      padding-left: 30px;
    }

    .wrapper-landing .img-block-quote {
      padding: 100px 30px;
    }

    .wrapper-landing .bg-image-2 {
      padding: 15px;
    }

    .wrapper-landing .container {
      max-width: 540px;
    }

    .wrapper-landing .title-head-subtitle p {
      margin-left: 15px;
      margin-right: 15px;
    }

    .wrapper-landing .title-head-subtitle p:before,
    .wrapper-landing .title-head-subtitle p:after {
      display: none;
    }

    .wrapper-landing .site-navigation {
      padding: 6px 0;
      position: fixed;
      top: 0;
      background: #111;
      width: 100%;
      border-bottom: 1px solid #222;
      z-index: 1111;
    }

    .wrapper-landing ul.navbar-nav {
      padding: 30px 0 50px;
    }

    .wrapper-landing .footer .menu ul li {
      width: 49%;
      display: inline-block;
      position: relative;
    }

    .wrapper-landing .footer .bottom-footer p {
      text-align: center;
    }

    .wrapper-landing .footer .payment-logos {
      float: none;
      text-align: center;
    }

    .wrapper-landing .facts-footer {
      margin-top: 25px;
    }

    .wrapper-landing .payment-logos img {
      float: none;
    }

    .wrapper-landing .features-row {
      padding: 45px 0 0 0;
      margin-top: 30px;
    }

    .wrapper-landing .feature-box {
      text-align: center;
    }

    .wrapper-landing .feature-box .feature-icon {
      margin-bottom: 0;
    }

    .wrapper-landing .feature-box .feature-box-content h3 {
      margin: 15px 0 10px;
    }
  }
@media (max-width: 767px) and (min-width: 571px) {
    .wrapper-landing .btcwdgt-headlines.btcwdgt-clean {
      max-width: 510px !important;
    }
  }
@media (min-width: 940) {
    .button-menu-nav-bar-burger {
      width: 23%;

      z-index: 100;
    }
  }
@media (max-width: 570px) {
    .wrapper-landing .btn {
      width: 100% !important;
    }

    .wrapper-landing .chart-widget {
      display: block;
      margin: 70px 0;
      left: 0 !important;
      position: relative;
    }

    .wrapper-landing .chart-widget > div {
      display: block;
    }

    .wrapper-landing .bg-grey-chart {
      height: inherit;
    }

    .wrapper-landing .pricing-list > li {
      margin-bottom: 15px;
    }

    .wrapper-landing ul.nav.nav-tabs {
      border: 1px solid #444;
      margin: 20px 0 15px;
    }

    .wrapper-landing .nav-tabs > li {
      float: none;
      text-align: center;
      border-bottom: 1px solid #444;
    }

    .wrapper-landing ul.nav.nav-tabs li a,
    .wrapper-landing ul.nav.nav-tabs li.active a {
      border-left: 0;
      padding: 12px 0;
      margin: 0;
    }

    .wrapper-landing .about-content ul.nav.nav-tabs li.active a:hover,
    .wrapper-landing .about-content ul.nav.nav-tabs li.active a {
      color: #fff;
    }

    .wrapper-landing ul.user {
      padding: 15px 0;
    }

    .wrapper-landing ul.user li.sign-in,
    .wrapper-landing ul.user li.sign-up {
      width: 50%;
    }

    .wrapper-landing ul.user li.sign-in {
      padding-left: 0;
      padding-right: 7px;
      float: left;
    }

    .wrapper-landing ul.user li.sign-up {
      padding-right: 0;
      padding-left: 7px;
    }

    .wrapper-landing .pricing-list > li {
      float: none;
      width: 100%;
    }

    .wrapper-landing .pricing-footer {
      padding: 30px 15px 30px 15px;
    }

    .wrapper-landing .pricing-footer a {
      margin: 0px;
    }
  }
@media (max-width: 480px) {
 {

    /**css for mobile menu cta buttons top */
}
    .wrapper-landing ul.bitcoin-stats {
      display: none;
    }

    #main-slide .item {
      min-height: 320px;
    }
    .wrapper-landing .mobile-cta-top {
      margin-top: 60px;
    }
  }
.wrapper-landing .pl-0 {
    padding-left: 0px;
  }
.wrapper-landing .ml-0 {
    margin-left: 0px;
  }
.wrapper-landing .img-logo .img-responsive {
  }
.wrapper-landing .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
.wrapper-landing .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
.wrapper-landing h2,
  .wrapper-landing h3,
  .wrapper-landing h4,
  .wrapper-landing h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
.wrapper-landing h2,
  .wrapper-landing h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
.wrapper-landing h4,
  .wrapper-landing h6 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
.wrapper-landing h2 {
    font-size: 30px;
  }
.wrapper-landing h3 {
    font-size: 24px;
  }
.wrapper-landing h4 {
    font-size: 18px;
  }
.wrapper-landing h6 {
    font-size: 12px;
  }
.wrapper-landing p {
    color: #000 ;
    margin: 0 0 10px;
  }
.wrapper-landing .text-center {
    text-align: center;
  }
.wrapper-landing ol,
  .wrapper-landing ul {
    margin-top: 0;
    margin-bottom: 10px;
  }
.wrapper-landing ul ul {
    margin-bottom: 0;
  }
.wrapper-landing .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
@media (min-width: 768px) {
    .wrapper-landing .container {
      width: 750px;
    }
  }
@media (min-width: 992px) {
    .wrapper-landing .container {
      width: 970px;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .container {
      width: 1170px;
    }
  }
@media (min-width: 1800px) {
    .wrapper-landing .container {
      width: 1760px;
    }
  }
.wrapper-landing .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
.wrapper-landing .row {
    margin-right: -15px;
    margin-left: -15px;
  }
.wrapper-landing .col-lg-2,
  .wrapper-landing .col-lg-3,
  .wrapper-landing .col-lg-6,
  .wrapper-landing .col-lg-7,
  .wrapper-landing .col-md-12,
  .wrapper-landing .col-md-2,
  .wrapper-landing .col-md-3,
  .wrapper-landing .col-md-4,
  .wrapper-landing .col-md-5,
  .wrapper-landing .col-md-6,
  .wrapper-landing .col-md-7,
  .wrapper-landing .col-md-8,
  .wrapper-landing .col-sm-12,
  .wrapper-landing .col-sm-4,
  .wrapper-landing .col-sm-6,
  .wrapper-landing .col-xs-12,
  .wrapper-landing .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
.wrapper-landing .col-xs-12,
  .wrapper-landing .col-xs-6 {
    float: left;
  }
.wrapper-landing .col-xs-12 {
    width: 100%;
  }
.wrapper-landing .col-xs-6 {
    width: 50%;
  }
@media (min-width: 768px) {
    .wrapper-landing .col-sm-12,
    .wrapper-landing .col-sm-4,
    .wrapper-landing .col-sm-6 {
      float: left;
    }
    .wrapper-landing .col-sm-12 {
      width: 100%;
    }
    .wrapper-landing .col-sm-6 {
      width: 50%;
    }
    .wrapper-landing .col-sm-4 {
      width: 33.33333333%;
    }
  }
@media (min-width: 992px) {
    .wrapper-landing .col-md-12,
    .wrapper-landing .col-md-2,
    .wrapper-landing .col-md-3,
    .wrapper-landing .col-md-4,
    .wrapper-landing .col-md-5,
    .wrapper-landing .col-md-6,
    .wrapper-landing .col-md-7,
    .wrapper-landing .col-md-8 {
      float: left;
    }
    .wrapper-landing .col-md-12 {
      width: 100%;
    }
    .wrapper-landing .col-md-8 {
      width: 66.66666667%;
    }
    .wrapper-landing .col-md-7 {
      width: 58.33333333%;
    }
    .wrapper-landing .col-md-6 {
      width: 50%;
    }
    .wrapper-landing .col-md-5 {
      width: 41.66666667%;
    }
    .wrapper-landing .col-md-4 {
      width: 33.33333333%;
    }
    .wrapper-landing .col-md-3 {
      width: 25%;
    }
    .wrapper-landing .col-md-2 {
      width: 16.66666667%;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .col-lg-2,
    .wrapper-landing .col-lg-3,
    .wrapper-landing .col-lg-6,
    .wrapper-landing .col-lg-7 {
      float: left;
    }
    .wrapper-landing .col-lg-7 {
      width: 58.33333333%;
    }
    .wrapper-landing .col-lg-6 {
      width: 50%;
    }
    .wrapper-landing .col-lg-3 {
      width: 25%;
    }
    .wrapper-landing .col-lg-2 {
      width: 16.66666667%;
    }
  }
.wrapper-landing .value {
    font-size: 40px;
    font-weight: 800;
  }
.wrapper-landing .currency,
  .value {
    font-size: 120px;
    font-weight: 300;
  }
.wrapper-landing .nav > li > a:focus,
  .wrapper-landing .nav > li > a:hover {
    background: none;
  }
.wrapper-landing a,
  .wrapper-landing a:hover,
  .wrapper-landing a:active,
  .wrapper-landing a:focus,
  .wrapper-landing .title-head span,
  .wrapper-landing .dropdown-menu a:hover,
  .wrapper-landing .latest-post .post-title a:hover,
  .wrapper-landing .site-navigation ul.nav.nav-tabs li.active a:hover,
  .wrapper-landing .site-navigation ul.nav.nav-tabs li.active a,
  .wrapper-landing ul.navbar-nav > li:hover > a,
  .wrapper-landing ul.navbar-nav > li:hover > a,
  .wrapper-landing .navbar-nav .fa-search:hover,
  .wrapper-landing .navbar-nav .fa-search:active,
  .wrapper-landing .navbar-nav .fa-search:focus,
  .wrapper-landing .navbar-nav .fa-search:hover,
  .wrapper-landing .navbar-nav .fa-search:active,
  .wrapper-landing .navbar-nav .fa-search:focus,
  .wrapper-landing ul.navbar-nav > li.active > a,
  .wrapper-landing .about-content ul.nav.nav-tabs li.active a,
  .wrapper-landing .dropdown-menu > .active > a,
  .wrapper-landing .dropdown-menu > .active > a:hover,
  .wrapper-landing .dropdown-menu > .active > a:focus,
  .wrapper-landing .dropdown-menu > .active > .dropdown-menu > .active > a,
  .wrapper-landing .dropdown-menu li a:hover,
  .wrapper-landing .dropdown-menu li a:focus,
  .wrapper-landing .dropdown-menu > .active > a,
  .slider-text .slide-title span,
  .wrapper-landing #main-slide .carousel-control i,
  .wrapper-landing .feature .feature-icon,
  .button-video,
  .facts-footer > div h5,
  .wrapper-landing .bitcoin-calculator-section h3 span,
  .wrapper-landing .team-member-caption .list li a:hover,
  .wrapper-landing .team .social-icons ul.social li a:hover:before,
  .wrapper-landing blockquote p:before,
  blockquote p:after,
  .wrapper-landing blockquote footer span,
  .latest-post .post-title a:hover,
  .wrapper-landing .footer .top-footer h4,
  .footer .bottom-footer p span,
  .wrapper-landing .breadcrumb > li a:hover,
  .wrapper-landing .shop-cart .btn.btn-update-cart:active,
  .wrapper-landing .shop-cart .btn.btn-coupon:hover,
  .wrapper-landing .payment .tooltip-text {
    color: #291B34;
    font-weight: 900;
    background: transparent;
  }
.wrapper-landing .btn-primary:hover {
    color: #fff;
    background: linear-gradient(to right, #522f72, #6557a8);
    border-color: #291b34 !important;
  }
.wrapper-landing .btn-primary:hover,
  .wrapper-landing .btn-primary:focus,
  .btn-primary:active {
    background: linear-gradient(to right, #522f72, #6557a8);
    outline: none !important;
  }
.wrapper-landing .dropdown-menu li a:hover {
    color: #291b34 !important;
  }
.wrapper-landing .site-navigation.fixed ul.navbar-nav {
    position: fixed;
    top: 0;
    background: #111;
    width: 100%;
    left: 0;
  }
.fa.fa-globe:before {
    content: "\F57D";
    color: #80b1de;
  }
.wrapper-landing .pricing-header {
    height: auto;
    padding: 30px;
    pointer-events: auto;
    text-align: center;
    color: #291b34;
    background-color: transparent;
  }
.wrapper-landing label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
  }
.wrapper-landing input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
  }
.wrapper-landing input[type="radio"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.wrapper-landing .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;

    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
  }
.wrapper-landing .btn:active:focus,
  .wrapper-landing .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.wrapper-landing .btn:focus,
  .wrapper-landing .btn:hover {
    color: #333;
    text-decoration: none;
  }
.wrapper-landing .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
.wrapper-landing .btn-primary {
    color: #000;
    border-radius: 12px;
    background-color: #281b33;
    border-color: #53a2be !important;
    font-weight: 700;
  }
.wrapper-landing .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
.wrapper-landing .btn-primary:hover {
  color: #fff;
  background: linear-gradient(to right, #522f72, #6557a8);;
  border-color: #204d74;
}
.wrapper-landing .btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
.wrapper-landing .btn-primary:active:focus,
  .wrapper-landing .btn-primary:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
.wrapper-landing .btn-primary:active {
    background-image: none;
  }
.wrapper-landing .btn-primary {
    color: #fff;
    background-color: #53a2be;
    border-color: #53a2be;
  }
.wrapper-landing .btn-primary:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
.wrapper-landing .btn-primary:hover {
    color: #fff;
    background-color: #53a2be;
    border-color: #53a2be;
  }
.wrapper-landing .btn-primary:active {
    color: #fff;
    background-color: #53a2be;
    border-color: #53a2be;
  }
.wrapper-landing .btn-primary:active:focus,
  .wrapper-landing .btn-primary:active:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
.wrapper-landing .btn-primary:active {
    background-image: none;
  }
.wrapper-landing .fade {
    opacity: 0;
    transition: opacity 0.15s linear;
  }
.wrapper-landing .fade.in {
    opacity: 1;
  }
.wrapper-landing .collapse {
    display: none;
  }
.wrapper-landing .dropdown {
    position: relative;
  }
.wrapper-landing .dropdown-toggle:focus {
    outline: 0;
  }
.wrapper-landing .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
.wrapper-landing .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
  }
.wrapper-landing .dropdown-menu > li > a:focus,
  .wrapper-landing .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
.wrapper-landing .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
.wrapper-landing .nav > li {
    position: relative;
    display: block;
  }
.wrapper-landing .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
.wrapper-landing .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
.wrapper-landing .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
.grid-markets {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.grid-markets {
  padding: 0px 36px;
}
p.text-markets {
  padding: 40px;
}
@media screen and (max-width:768px){
  .grid-markets {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
h3.feature-title {
  text-align: center;
}
}
p.text-markets {
  text-align: center;
  color: #fff !important;
}
a.btn-link-markets:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.95);
  opacity: 0.899;
  text-decoration: none !important;
  color: transparent !important;
}
::marker {
  color: #9d5ea1;
}
.black-faq {
  color: #ebebeb !important;
}
.col-md-12.col-lg-12.whatis {
  background-color: #d8e7ef;
  border: 4px #00000005 solid;
  background: radial-gradient(2736.73% 1728.89% at 50% 50%, #291b34 0%, #d6af62 100%);
  border-radius: 12px;
}
.col-md-12.col-lg-12.whatis > p {
  color: #fff !important;
}
.market-box {
  border-radius: 22px;
  background: radial-gradient(236.73% 1728.89% at 50% 50%, #291b34 0%, #7c00ff75 100%);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  min-height: 466px;
  border-left: 2px solid #D6AF62;
  border-bottom: 2px solid #D7AF62;
  border-top: 2px solid #D6AF62;
  border-right: 2px solid #D6AF62;
}
h3.feature-title {
  background: linear-gradient(264deg, #eaafac, #d58ea4, #a968a0, #8046a2) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: 25px !important;
}
.grid-markets div:nth-child(4),
.grid-markets div:nth-child(5) {
    grid-column: span 1;
}
.grid-markets div:nth-child(4) {
    grid-column-start: 2;
}
.wrapper-landing .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
  }
.wrapper-landing .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
  }
.wrapper-landing .nav-tabs > li.active > a,
  .wrapper-landing .nav-tabs > li.active > a:focus,
  .wrapper-landing .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }
.wrapper-landing .tab-content > .tab-pane {
    display: none;
  }
.wrapper-landing .tab-content > .active {
    display: block;
  }
.wrapper-landing .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .wrapper-landing .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
  }
.wrapper-landing .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
  }
.wrapper-landing .navbar-toggle:focus {
    outline: 0;
  }
.wrapper-landing .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
.wrapper-landing .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-toggle {
      display: none;
    }
  }
.wrapper-landing .navbar-nav {
    margin: 7.5px -15px;
  }
.wrapper-landing .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-nav {
      float: left;
      margin: 0;
    }
    .wrapper-landing .navbar-nav > li {
      float: left;
    }
    .wrapper-landing .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }
.wrapper-landing .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
.wrapper-landing .carousel {
    position: relative;
    overflow: hidden;
    padding: 0px;
  }
.wrapper-landing .slider-wrapper {
    overflow: hidden;
  }
.wrapper-landing .slider.btn {
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 23px;
  }
.wrapper-landing .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
.wrapper-landing .carousel-inner > .item {
    position: relative;
    display: none;
    transition: 0.6s ease-in-out left;
  }
@media all and (transform-3d), (-webkit-transform-3d) {
    .wrapper-landing .carousel-inner > .item {
      transition: -webkit-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px;
    }
    .wrapper-landing .carousel-inner > .item.active {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
.wrapper-landing .carousel-inner > .active {
    display: block;
  }
.wrapper-landing .carousel-inner > .active {
    left: 0;
  }
.wrapper-landing .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
.wrapper-landing .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
  }
.wrapper-landing .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
  }
.wrapper-landing .carousel-control:focus,
  .wrapper-landing .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9;
  }
.wrapper-landing .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
.wrapper-landing .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0009;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
  }
.wrapper-landing .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
  }
@media screen and (min-width: 768px) {
    .wrapper-landing .carousel-indicators {
      bottom: 20px;
    }
  }
.wrapper-landing .container-fluid:after,
  .wrapper-landing .container-fluid:before,
  .wrapper-landing .container:after,
  .wrapper-landing .container:before,
  .wrapper-landing .nav:after,
  .wrapper-landing .nav:before,
  .wrapper-landing .navbar-collapse:after,
  .wrapper-landing .navbar-collapse:before,
  .wrapper-landing .row:after,
  .wrapper-landing .row:before {
    display: table;
    content: " ";
  }
.wrapper-landing .container-fluid:after,
  .wrapper-landing .container:after,
  .wrapper-landing .nav:after,
  .wrapper-landing .navbar-collapse:after,
  .wrapper-landing .row:after {
    clear: both;
  }
.wrapper-landing .visible-lg,
  .wrapper-landing .visible-md {
    display: none !important;
  }
@media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-landing .visible-md {
      display: block !important;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .visible-lg {
      display: block !important;
    }
  }
button::-moz-focus-inner,
  .wrapper-landing input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
.wrapper-landing input {
    line-height: normal;
  }
.wrapper-landing input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    :after,
    :before {
      color: #000 !important;
      text-shadow: none !important;
      background: 0 0 !important;
      box-shadow: none !important;
    }
    .wrapper-landing a,
    .wrapper-landing a:visited {
      text-decoration: underline;
    }
    .wrapper-landing a[href]:after {
      content: " (" attr(href) ")";
    }
    .wrapper-landing a[href^="#"]:after {
      content: "";
    }
    .wrapper-landing img {
      page-break-inside: avoid;
    }
    .wrapper-landing img {
      max-width: 100% !important;
    }
    .wrapper-landing h2,
    .wrapper-landing h3,
    .wrapper-landing p {
      orphans: 3;
      widows: 3;
    }
    .wrapper-landing h2,
    .wrapper-landing h3 {
      page-break-after: avoid;
    }
  }
:after,
  :before {
    box-sizing: border-box;
  }
.wrapper-landing a:focus,
  .wrapper-landing a:hover {
    color: #23527c;
    text-decoration: underline;
  }
.wrapper-landing a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.wrapper-landing img {
    vertical-align: middle;
  }
.wrapper-landing .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
.wrapper-landing .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
.wrapper-landing h2,
  .wrapper-landing h3,
  .wrapper-landing h4,
  .wrapper-landing h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
.wrapper-landing h2,
  .wrapper-landing h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
.wrapper-landing h4,
  .wrapper-landing h6 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
.wrapper-landing h2 {
    font-size: 30px;
  }
.wrapper-landing h3 {
    font-size: 24px;
  }
.wrapper-landing h4 {
    font-size: 18px;
  }
.wrapper-landing h6 {
    font-size: 12px;
  }
.wrapper-landing p {
    margin: 0 0 10px;
  }
.wrapper-landing .text-center {
    text-align: center;
  }
.wrapper-landing ol,
  .wrapper-landing ul {
    margin-top: 0;
    margin-bottom: 10px;
  }
.wrapper-landing ul ul {
    margin-bottom: 0;
  }
.wrapper-landing .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
@media (min-width: 768px) {
    .wrapper-landing .container {
      width: 750px;
    }
  }
@media (min-width: 992px) {
    .wrapper-landing .container {
      width: 970px;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .container {
      width: 1170px;
    }
  }
.wrapper-landing .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
.wrapper-landing .row {
    margin-right: -15px;
    margin-left: -15px;
  }
.wrapper-landing .col-lg-2,
  .wrapper-landing .col-lg-3,
  .wrapper-landing .col-lg-6,
  .wrapper-landing .col-lg-7,
  .wrapper-landing .col-md-12,
  .wrapper-landing .col-md-2,
  .wrapper-landing .col-md-3,
  .wrapper-landing .col-md-4,
  .wrapper-landing .col-md-5,
  .wrapper-landing .col-md-6,
  .wrapper-landing .col-md-7,
  .wrapper-landing .col-md-8,
  .wrapper-landing .col-sm-12,
  .wrapper-landing .col-sm-4,
  .wrapper-landing .col-sm-6,
  .wrapper-landing .col-xs-12,
  .wrapper-landing .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
.wrapper-landing .col-xs-12,
  .wrapper-landing .col-xs-6 {
    float: left;
  }
.wrapper-landing .col-xs-12 {
    width: 100%;
  }
.wrapper-landing .col-xs-6 {
    width: 50%;
  }
@media (min-width: 768px) {
    .wrapper-landing .col-sm-12,
    .wrapper-landing .col-sm-4,
    .wrapper-landing .col-sm-6 {
      float: left;
    }
    .wrapper-landing .col-sm-12 {
      width: 100%;
    }
    .wrapper-landing .col-sm-6 {
      width: 50%;
    }
    .wrapper-landing .col-sm-4 {
      width: 33.33333333%;
    }
  }
@media (min-width: 992px) {
    .wrapper-landing .col-md-12,
    .wrapper-landing .col-md-2,
    .wrapper-landing .col-md-3,
    .wrapper-landing .col-md-4,
    .wrapper-landing .col-md-5,
    .wrapper-landing .col-md-6,
    .wrapper-landing .col-md-7,
    .wrapper-landing .col-md-8 {
      float: left;
    }
    .wrapper-landing .col-md-12 {
      width: 100%;
    }
    .wrapper-landing .col-md-8 {
      width: 66.66666667%;
    }
    .wrapper-landing .col-md-7 {
      width: 58.33333333%;
    }
    .wrapper-landing .col-md-6 {
      width: 50%;
    }
    .wrapper-landing .col-md-5 {
      width: 41.66666667%;
    }
    .wrapper-landing .col-md-4 {
      width: 33.33333333%;
    }
    .wrapper-landing .col-md-3 {
      width: 25%;
    }
    .wrapper-landing .col-md-2 {
      width: 16.66666667%;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .col-lg-2,
    .wrapper-landing .col-lg-3,
    .wrapper-landing .col-lg-6,
    .wrapper-landing .col-lg-7 {
      float: left;
    }
    .wrapper-landing .col-lg-7 {
      width: 58.33333333%;
    }
    .wrapper-landing .col-lg-6 {
      width: 50%;
    }
    .wrapper-landing .col-lg-3 {
      width: 25%;
    }
    .wrapper-landing .col-lg-2 {
      width: 16.66666667%;
    }
  }
.wrapper-landing label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
  }
.wrapper-landing input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
  }
.wrapper-landing input[type="radio"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.wrapper-landing .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;

    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
  }
.wrapper-landing .btn:active:focus,
  .wrapper-landing .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.wrapper-landing .btn:focus,
  .wrapper-landing .btn:hover {
    color: #333;
    text-decoration: none;
  }
.wrapper-landing .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
.wrapper-landing .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
.wrapper-landing .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
.wrapper-landing .btn-primary:hover {
  color: #fff;
  background: linear-gradient(to right, #522f72, #6557a8);;
  border-color: #204d74;
}
.wrapper-landing .btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
.wrapper-landing .btn-primary:active:focus,
  .wrapper-landing .btn-primary:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
.wrapper-landing .btn-primary:active {
    background-image: none;
  }
.wrapper-landing .btn-primary {
    color: #fff;
    background-color: #291B34;
    border-color: #291B34 !important;
    font-weight: 700;
  }
.header_group_mobile_span_menu{
    display: none;
  }
.header_group_mobile{
    display: none;
  }
.wrapper-landing .btn-primary:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
.wrapper-landing .btn-primary:hover {
    color: #fff;
    background-color: #53a2be;
    border-color: #53a2be;
  }
.wrapper-landing .btn-primary:active {
    color: #fff;
    background-color: #53a2be;
    border-color: #53a2be;
  }
.wrapper-landing .btn-primary:active:focus,
  .wrapper-landing .btn-primary:active:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
.wrapper-landing .btn-primary:active {
    background-image: none;
  }
.wrapper-landing .fade {
    opacity: 0;
    transition: opacity 0.15s linear;
  }
.wrapper-landing .fade.in {
    opacity: 1;
  }
.wrapper-landing .collapse {
    display: none;
  }
.wrapper-landing .dropdown {
    position: relative;
  }
.wrapper-landing .dropdown-toggle:focus {
    outline: 0;
  }
.wrapper-landing .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
.wrapper-landing .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
  }
.wrapper-landing .dropdown-menu > li > a:focus,
  .wrapper-landing .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
.wrapper-landing .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
.wrapper-landing .nav > li {
    position: relative;
    display: block;
  }
.wrapper-landing .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
.wrapper-landing .nav > li > a:focus,
  .wrapper-landing .nav > li > a:hover {
    text-decoration: none;
  }
.wrapper-landing .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
.wrapper-landing .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
.wrapper-landing .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
  }
.wrapper-landing .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
  }
.wrapper-landing .nav-tabs > li.active > a,
  .wrapper-landing .nav-tabs > li.active > a:focus,
  .wrapper-landing .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }
.wrapper-landing .tab-content > .tab-pane {
    display: none;
  }
.wrapper-landing .tab-content > .active {
    display: block;
  }
.wrapper-landing .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .wrapper-landing .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
  }
.wrapper-landing .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
  }
.wrapper-landing .navbar-toggle:focus {
    outline: 0;
  }
.wrapper-landing .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
.wrapper-landing .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-toggle {
      display: none;
    }
  }
.wrapper-landing .navbar-nav {
    margin: 7.5px -15px;
  }
.wrapper-landing .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
@media (min-width: 768px) {
    .wrapper-landing .navbar-nav {
      float: left;
      margin: 0;
    }
    .wrapper-landing .navbar-nav > li {
      float: left;
    }
    .wrapper-landing .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }
.wrapper-landing .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
.wrapper-landing .carousel {
    position: relative;
  }
.wrapper-landing .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
.wrapper-landing .carousel-inner > .item {
    position: relative;
    display: none;
    transition: 0.6s ease-in-out left;
  }
@media all and (transform-3d), (-webkit-transform-3d) {
    .wrapper-landing .carousel-inner > .item {
      transition: -webkit-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px;
    }
    .wrapper-landing .carousel-inner > .item.active {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
.wrapper-landing .carousel-inner > .active {
    display: block;
  }
.wrapper-landing .carousel-inner > .active {
    left: 0;
  }
.wrapper-landing .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
.wrapper-landing .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
  }
.wrapper-landing .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
  }
.wrapper-landing .carousel-control:focus,
  .wrapper-landing .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9;
  }
.wrapper-landing .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
.wrapper-landing .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0009;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
  }
.wrapper-landing .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
  }
@media screen and (min-width: 768px) {
    .wrapper-landing .carousel-indicators {
      bottom: 20px;
    }
  }
.wrapper-landing .container-fluid:after,
  .wrapper-landing .container-fluid:before,
  .wrapper-landing .container:after,
  .wrapper-landing .container:before,
  .wrapper-landing .nav:after,
  .wrapper-landing .nav:before,
  .wrapper-landing .navbar-collapse:after,
  .wrapper-landing .navbar-collapse:before,
  .wrapper-landing .row:after,
  .wrapper-landing .row:before {
    display: table;
    content: " ";
  }
.wrapper-landing .container-fluid:after,
  .wrapper-landing .container:after,
  .wrapper-landing .nav:after,
  .wrapper-landing .navbar-collapse:after,
  .wrapper-landing .row:after {
    clear: both;
  }
.wrapper-landing .visible-lg,
  .wrapper-landing .visible-md {
    display: none !important;
  }
@media (min-width: 992px) and (max-width: 1199px) {
    .wrapper-landing .visible-md {
      display: block !important;
    }
  }
@media (min-width: 1200px) {
    .wrapper-landing .visible-lg {
      display: block !important;
    }
  }
.wrapper-landing .nav-tabs > li.active > a,
  .wrapper-landing .nav-tabs > li.active > a:hover,
  .wrapper-landing .nav-tabs > li.active > a:focus {
    background: none;
  }
.wrapper-landing .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  }
.wrapper-landing .dropdown-menu li a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    padding: 15px 20px;
    color: #999;
  }
.wrapper-landing .dropdown-menu {
    text-align: left;
    background: #1d1d1d;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow: none;
    z-index: 100;
    min-width: 200px;
    border-radius: 0;
    padding: 0;
  }
.wrapper-landing .dropdown-menu li a:hover,
  .wrapper-landing .dropdown-menu li.active a:hover,
  .wrapper-landing .dropdown-menu li.active a {
    background: #111;
  }
.wrapper-landing .btcwdgt-text-ticker .btcwdgt-body ul li {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
  }
.wrapper-landing .btcwdgt-clean li {
    display: list-item !important;
    min-height: auto !important;
    min-width: auto !important;
    padding-left: 20px !important;
  }
ul.bitcoin-stats li {
    display: inline-block;
    padding-right: 25px;
  }
ul.bitcoin-stats li:last-child {
    padding-right: 0;
  }
ul.bitcoin-stats h6 {
    font-weight: 800;
    color: #fff;
    margin: 0;
    font-size: 13px;
    text-align: left;
    margin-bottom: -2px;
    line-height: 13px;
  }
ul.bitcoin-stats span {
    font-size: 12px;
    text-align: left;
    color: #aaa;
  }
.btcwdgt.btcwdgt-text-ticker.btcwdgt-s-price {
    margin-top: -3px !important;
    min-width: initial !important;
    box-shadow: none !important;
    margin: 0 !important;
    background-color: transparent !important;
  }
@media screen and (min-width: 1600px) {
    .col-sm-12.col-md-7.col-lg-6.text-left.actionable {
      padding-left: 10%;
    }
  }
.btcwdgt.btcwdgt-s-price .btcwdgt-body {
    padding: 0 !important;
    margin-top: 0 !important;
    height: 14px !important;
    text-align: center !important;
  }
.btcwdgt.btcwdgt-s-price .btcwdgt-body span,
  .btcwdgt.btcwdgt-text-ticker .btcwdgt-footer,
  .btcwdgt.btcwdgt-text-ticker .btcwdgt-edge {
    display: none !important;
  }
.btcwdgt.btcwdgt-s-price .btcwdgt-body ul {
    float: left !important;
  }
.btcwdgt.btcwdgt-s-price .btcwdgt-body ul li {
    line-height: normal !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
.btcwdgt.btcwdgt-s-price .btcwdgt-body ul li:before {
    content: "$";
    position: relative;
    font-size: 12px;
    top: -1px;
  }
ul.bitcoin-stats li .btcwdgt.btcwdgt .arrow,
  ul.bitcoin-stats li .btcwdgt.btcwdgt .arrow.up,
  ul.bitcoin-stats li .btcwdgt.btcwdgt .arrow.down {
    top: 10px !important;
    position: absolute !important;
    margin: -6px 0 0 -11px !important;
    display: none !important;
  }
.wrapper-landing .dropdown-menu > li > a:focus,
  .wrapper-landing .dropdown-menu > li > a:hover {
    text-decoration: none;
  }
.wrapper-landing .btcwdgt.btcwdgt-s-price .btcwdgt-body ul li {
    color: #000 !important;
    margin: 0 !important;
    font-size: 13px !important;
    margin-left: -20px !important;
    text-align: left !important;
    margin-bottom: -2px !important;
    line-height: 13px !important;
  }
.wrapper-landing ul li a:hover {
    text-decoration: none !important;
    color: #9b47e3 !important;
  }
span.gradient-purple {
    background: linear-gradient(264deg, #eaafac, #d58ea4, #a968a0, #8046a2) !important;
    background-size: 200% 200% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}
a.goto {
    background-image: url("/src/apps/client/ui/pages/LandingPage/images/en.png");
  }
.col-sm-12.col-md-7.col-lg-6.text-left.center {
    padding-left: 24%;
    padding-top: 9%;
  }
.col-sm-12.col-md-7.col-lg-6.actionable {
    margin-top: 5%;
  }
@media screen and (max-width: 920px) {
    .row.features-row.top-row {
      border-radius: 0px !important;
    }
  }
@media screen and (max-width: 920px) {
    .main-logo.col-xs-12.col-md-3.col-md-2.col-lg-2.hidden-xs {
      max-width: 125px;
    }
  }
.container-our-trade {
    margin-top: 5%;
    margin-bottom: 5%;
  }
.row.features-row.top-row {
    border-radius: 25px;
    background-color: #1c1c1c;
    color: #fff;
    /* background: linear-gradient(112.92deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 0.01%, rgba(58, 59, 65, 0.15) 37.77%, rgba(58, 57, 62, 0.1) 58.98%, rgba(237, 237, 237, 0.25) 99.33%); */
    /* opacity: 0.6; */
    /* border: 1px solid rgba(255, 255, 255, 0.25); */
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    margin-top: 120px;
  }
span.feature-icon {
    margin-top: 35px;
  }
.wrapper-landing .btn-primary {
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.1s;
    outline: 0;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
  }
@media screen and (max-width: 920px) {
    button.button-hamburger {
      font-family: "Open Sans", sans-serif;

      width: 113px;
      background-color: #80b1de;
      border: none;
      font-size: 20px;
      border-radius: 8px;
      z-index: 100;
    }
  }
@media screen and (max-width: 920px) {
    a.inmenu-link {
      width: 341px !important;
      height: 49px !important;
      display: inherit;
      margin-left: 5px !important;
      margin-top: 13px !important;
      background-color: #53a2be !important;
      box-shadow: 0px 12px 30px rgba(33, 85, 186, 0.08);
      border-radius: 12px;
      border: none;
      font-size: 20px;
      color: #fff;
    }
  }
.article-news {
    display: block;
  }
article {
    display: block;
    width: 53%;
  }
img.img-news {
    max-width: 55%;
  }
@media screen and (max-width: 1020px) {
    img.img-news {
      max-width: 100%;
    }
  }
@media screen and (max-width: 1020px) {
    article {
      width: 103%;
    }
  }
span.newssrc {
    font-size: 25px;
    color: black;
  }
.newsboard {
    display: inline-grid;
    width: 75%;
    margin-left: 20%;
  }
i.fa.fa-bars {
    color: #53a2be;
  }
@media screen and (max-width: 1000px) {
    .newsboard {
      display: inline-grid;
      width: 75%;
      margin-left: 7%;
    }
  }
img.doc-img {
    width: 25%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 5%;
  }
@media screen and (max-width: 640px) {
    img.doc-img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      margin-top: 5%;
    }
  }
.language-open {
    position: relative;
    width: auto;
    height: auto;
    margin-top: 110px;
    background: #fff;
    -webkit-animation: 5s show ease;
    animation: 5s show ease;
  }
.lang-menu {
    width: 3%;
    color: #53a2be;

    z-index: 100;
  }
.button-menu-nav-bar-burger {
    width: 10%;
    margin-left: 0px;
    z-index: 100;
  }
button.button-hamburger {
    font-family: "Open Sans", sans-serif;
    border: none;
    font-size: 20px;
    border-radius: 12px;
    padding: 6px;
    background-color: transparent;
    z-index: 100;
  }
button.button-hamburger:active {
    background-color: #f6f6f6cc;
  }
@media screen and (min-width: 1600px) {
    .banner-menu {
      display: none !important;
      border-radius: 28px;
      width: 1080px;
      height: 263px;
      position: absolute;
      display: block;
      margin-top: -353px;
      margin-left: 451px;
      background-image: url("/src/apps/client/ui/pages/LandingPage/images/board-menu.png");
    }
  }
@media (max-width: 1024px) {
    .menu-open {
      position: relative;
      width: auto;

      margin-top: 110px;
      background: #fff;
      -webkit-animation: 5s show ease;
      animation: 5s show ease;
    }
  }
@media (max-width: 1024px) {
    .buttons-menu {
      display: flex;
      flex-direction: column !important;

      flex-wrap: wrap;
      margin-top: -100px;
    }
  }
@media (min-width: 1024px) and (max-width: 1599px) {
    .banner-menu {
      display: none !important;
      border-radius: 28px;
      width: 1080px;
      height: 263px;
      position: absolute;
      display: block;
      margin-top: -260px;
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
      margin-left: 233px;
      background-image: url("/src/apps/client/ui/pages/LandingPage/images/board-menu.png");
    }
  }
.mobile-signin{
    display: none;
  }
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
.top-footer,.bottom-footer {
    background: #291B34;
  }
.row > .col-xs-12 > p.text-center {
  color: #fff;
}
@media (max-width: 768px) {
    .header__main {
      flex-direction: column;
      align-items: flex-start;
    }
    .header_group_mobile_span_menu{
      display: flex;
    }
    .header_group_mobile > ul.nav_menu {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: flex-start;
    }
    .header_group_mobile{
      display: flex;
    }
    .main-menu {
      flex-direction: column;
    }

    .main-menu ul {
      flex-direction: column;
    }

    .main-menu ul li {
      margin: 10px 0;
    }
    ul.nav_menu_mobile {
      display: none;
    }
    ul.nav_menu_mobile.active {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: flex-start;
      justify-content: center;
      align-items: flex-start;
      gap: 20px;
      margin-top: 20px;
    }
    .mobile-signin {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      gap: 10px;
    }
    .header__action {
      flex-direction: column;
      align-items: flex-start;
    }

    .menu-open {
      display: block;
    }

    .language-open {
      display: block;
    }
  }
.header-nav {
    display: flex;
    align-items: center;
    padding: 15px 0;
    justify-content: space-between;
  }
.col-md-12.col-lg-12.text-center.col-how {
    display: none;
}
.black-faq {
    color: #80b1de;
  }
summary {
    background: linear-gradient(264deg, #eaafac, #d58ea4, #a968a0, #8046a2) !important;
    background-size: 200% 200% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 25px !important;
}
details {
    background: radial-gradient(2736.73% 1728.89% at 50% 50%, #291b34 0%, #d6af62 100%);
    border: 4px #00000005 solid;
    border: 4px #00000005 solid;
    border-radius: 12px;
  }
p.p-black {
    color: black;
  }
@media screen and (min-width: 1200px) {
    .col-md-12.col-lg-12.text-center.col-how {
          display: none;
    }
  }
.menu-open {
    position: relative;
    width: auto;
    padding-bottom: 25px;
    margin-top: 110px;
    background: #fff;
    -webkit-animation: 5s show ease;
    animation: 5s show ease;
  }
@-webkit-keyframes style__show_3fUh3 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
@keyframes style__show_3fUh3 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
a.inmenu-link {
    width: 293px;
    height: 56px;
    display: inherit;
    margin-left: 73px;
    margin-top: 13px;
    background-color: #53a2be !important;
    box-shadow: 0px 12px 30px rgba(33, 85, 186, 0.08);
    border-radius: 12px;
    border: none;
    font-size: 20px;
    color: #fff;
  }
@media screen and (max-width: 900px) {
    .language-open {
      position: relative;
      height: auto;
      margin-top: 110px;
      background: #fff;
      -webkit-animation: 5s show ease;
      animation: 5s show ease;
    }
  }
@media screen and (max-width: 900px) {
    a.inmenu-lang-link {
      width: 293px;
      height: 56px;
      display: inline-block;

      margin-top: 13px;
      background: #f1f2f4;
      border-radius: 12px;
      border: none;
      font-size: 20px;
      color: #000000;
    }
  }
a.inmenu-lang-link {
    width: 293px;
    height: 56px;
    display: inline-block;

    margin-top: 13px;
    background: #f1f2f4;
    border-radius: 12px;
    border: none;
    font-size: 20px;
    color: #000000;
  }
.buttons-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: -100px;
  }
a.inmenu-link:hover {
    background-color: #53a2be;
    color: #80b1de;
  }
img.img-responsive.logo {
    padding-top: 15px;
    padding-bottom: 15px;
  }
.top-footer-top {
    margin-bottom: 60px;
    background: url("/src/apps/client/ui/pages/LandingPage/images/bgfooter.png");
    background-size: cover;
    padding: 60px;
  }
p.FormInput__whiteText_1Dtjj {
    color: #696969 !important;
  }
.threeinonerows {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
  }
.wrapper-landing .unstyled.user .btn-primary {
    padding: 8px 20px;
  }
.abouts_us_container.cuteriser {
    max-width: 444px;
  }
.container.documents {
    border: 1px solid #d6d6d6;
  }
button.view {
    width: 230px;
    height: 60px;
    margin-bottom: 5%;
    margin-top: 6%;
    background-color: transparent;
    border: 1px solid #000000;
  }
h3.feature-title.text-center.docs {
    margin-top: 9%;
  }
h2.title-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
h2.title-head.doc {
    text-align: center;
  }
.col-md-6.docs {
    text-align: center;
  }
.col-md-12.docs {
    background: #fff;
    border: 1px solid #10d694;
  }
.col-md-12.docs-black {
    background: #011f16;
  }
.Whatsapp {
    position: absolute;
    display: inline-flex;
    top: 10px;
    left: 198px;
  }
@media screen and (max-width: 1320px) {
    .Whatsapp {
      position: absolute;
      display: inline-flex;
      top: 121px;
      left: 96px;
    }
  }
.style__about-us_U-38_ .style__faq_2zk2j h3 {
  margin-bottom: 18px;
}
.style__about-us_U-38_ .style__faq_2zk2j h3 img {
  margin-bottom: 15px;
}
.style__about-us_U-38_ .style__about-content_2AW6W h3 {
  margin-top: 35px;
  color: #53a2be;
}
.style__about-us_U-38_ .style__about-content_2AW6W p {
  font-size: 18px;
  line-height: 130%;
}
.style__top-footer-top_2rMD- h2 {
  color: #ffffff;
}
.style__top-footer-top_2rMD- p {
  color: #ffffff;
}
@media (max-width: 767px) {
  .style__wrapper-landing_2Rlh7 .style__about-us_U-38_ .style__faq_2zk2j {
    padding: 30px;
  }
  .style__top-footer-top_2rMD- {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  #style__main-slide_-jUOb .style__slider-content_TCggx p {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  #style__main-slide_-jUOb .style__item_3CFw9 {
    min-height: 465px;
  }
}
.style__feature-title_18kQh .style__from_1bkZF {
  margin-bottom: 10px;
}
.style__gotopt_1vrLk {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
@media (max-width: 767px) {
  .style__about-us_U-38_ a.style__btn-primary_31SYQ {
    margin-bottom: 30px;
  }
  img.style__img-responsive_3x04F.style__logo_s90fr {
    margin-top: 6px !important;
  }
}
p.style__text-markets_1sIbn {
  max-width: 371px !important;
}

p.style__plan-container-text_733Qd {
  color: #ffff !important;
}
p{
  color: #000;
}
/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.authStandalone__container_2Qzuy {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a0a0a;
    overflow: hidden;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
p {
    color: #ffffffa6;
}
input.authStandalone__FormInput__field_Vetkv_18OyC.authStandalone__hoverable_3Dl5x {
    min-width: 100% !important;
}
h2.authStandalone__cardHeaderTitle_2ao4l{
    color: #ffffff !important;
}
/* Animated background */
.authStandalone__background_3p5QT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.authStandalone__gradient_1FWZ5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    opacity: 0.1;
    -webkit-animation: authStandalone__gradientShift__1-Ii 8s ease-in-out infinite;
            animation: authStandalone__gradientShift__1-Ii 8s ease-in-out infinite;
}

.authStandalone__pattern_1WwTV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);
    -webkit-animation: authStandalone__patternFloat_Kvcta 12s ease-in-out infinite;
            animation: authStandalone__patternFloat_Kvcta 12s ease-in-out infinite;
}

@-webkit-keyframes authStandalone__gradientShift__1-Ii {
    0%, 100% { opacity: 0.1; }
    50% { opacity: 0.2; }
}

@keyframes authStandalone__gradientShift__1-Ii {
    0%, 100% { opacity: 0.1; }
    50% { opacity: 0.2; }
}

@-webkit-keyframes authStandalone__patternFloat_Kvcta {
    0%, 100% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-20px) rotate(1deg); transform: translateY(-20px) rotate(1deg); }
}

@keyframes authStandalone__patternFloat_Kvcta {
    0%, 100% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-20px) rotate(1deg); transform: translateY(-20px) rotate(1deg); }
}

/* Content layout */
.authStandalone__content_1n6FL {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

/* Logo section */
.authStandalone__logo_J0bwh {
    text-align: center;
    margin-bottom: 1rem;
}

.authStandalone__logo_J0bwh h1 {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

.authStandalone__logo_J0bwh p {
    color: #a0a0a0;
    font-size: 1.1rem;
    font-weight: 400;
}

/* Card styles */
.authStandalone__card_2WqCi {
    width: 100%;
    max-width: 420px;
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.authStandalone__card_2WqCi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}

.authStandalone__card_2WqCi:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.1);
}

.authStandalone__cardHeader_2hp-6 {
    text-align: center;
    margin-bottom: 2rem;
}

.authStandalone__cardHeader_2hp-6 h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.5rem;
    letter-spacing: -0.01em;
}

.authStandalone__cardHeader_2hp-6 p {
    color: #a0a0a0;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Form container */
.authStandalone__formContainer_HBeOb {
    margin-bottom: 1.5rem;
}

/* Card footer */
.authStandalone__cardFooter_3E2gj {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.authStandalone__cardFooter_3E2gj p {
    color: #a0a0a0;
    font-size: 0.9rem;
}

.authStandalone__link_3KUgP {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.authStandalone__link_3KUgP:hover {
    color: #764ba2;
    text-decoration: underline;
}

/* Footer */
.authStandalone__footer_3H4I0 {
    text-align: center;
    margin-top: 2rem;
}

.authStandalone__footer_3H4I0 p {
    color: #666;
    font-size: 0.85rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .authStandalone__content_1n6FL {
        padding: 1rem;
        gap: 1.5rem;
    }
    
    .authStandalone__logo_J0bwh h1 {
        font-size: 2.5rem;
    }
    
    .authStandalone__logo_J0bwh p {
        font-size: 1rem;
    }
    
    .authStandalone__card_2WqCi {
        padding: 2rem 1.5rem;
        margin: 0 1rem;
    }
    
    .authStandalone__cardHeader_2hp-6 h2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 480px) {
    .authStandalone__logo_J0bwh h1 {
        font-size: 2rem;
    }
    
    .authStandalone__card_2WqCi {
        padding: 1.5rem 1rem;
        border-radius: 16px;
    }
    
    .authStandalone__cardHeader_2hp-6 h2 {
        font-size: 1.4rem;
    }
}

/* Dark theme enhancements */
@media (prefers-color-scheme: dark) {
    .authStandalone__container_2Qzuy {
        background: #0a0a0a;
    }
    
    .authStandalone__card_2WqCi {
        min-width: 72%;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }
}


.App__page_1bTWC {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.App__pageContent_JRbE3{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    z-index:1;
}

.App__pageContentContainer_2qjaf {
    display: flex;
    height: 100%;
    background-color: #0B0A1A;
}

.App__outsideClick_1bKen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.App__outsideClickActive_1yf40 {
    z-index: 15;
}

.App__left-trading-view_2OY0i {
    width: 90%;
}
html.App__theme-dark_2aQR- .App__group-MBOVGQRI_X9Sta {
    background-color: #151623 !important;
}