.trading .candlestick-chart{margin-top:24px}.trading .candlestick-chart .user-panel{display:flex;justify-content:space-between;flex-wrap:wrap-reverse;gap:20px;margin-bottom:20px}.trading .candlestick-chart .user-panel .nav-select{border:0}.trading .dropdown.box{margin-top:24px;padding:12px 15px;width:130px}.trading .dropdown.box .dropdown{font-size:15px;font-weight:400}.trading .dropdown.box .dropdown__icon-arrow{position:relative;top:-2px}.trading .wrapper{display:grid;grid-template:auto auto/66% calc(34% - 24px);gap:24px;margin-top:24px}.trading .wrapper-trade-calculator{grid-row:span 2}.trading .wrapper-trade-calculator h2{display:none}.trading .tables h2{margin-bottom:10px}.trading .tables__wrapper,.trading .chart-order-book .row-1{display:flex;gap:24px}.trading .chart-order-book .col-1,.trading .chart-order-book .col-2{width:50%}.trading .chart-order-book .amount-result{display:flex;align-items:center;gap:10px;margin-top:15px;color:var(--c-green-light)}.trading .chart-order-book .amount-result svg *{fill:var(--c-green-light)}.trading .chart-order-book .user-panel{display:flex;justify-content:space-between;align-items:end;height:20px}.trading .chart-order-book .user-panel .arrow-cost{display:flex;align-items:center;gap:7px;cursor:pointer}.trading .chart-order-book .user-panel h2{color:var(--c-text-three);font-size:18px;font-weight:400}.trading .chart-order-book .user-panel h3{color:var(--c-text-second);font-size:12px}.trading .chart-order-book .user-panel .dropdown{width:45px;color:var(--c-text-three);font-size:15px;gap:0}.trading .chart-order-book .user-panel .dropdown__icon-arrow{position:relative}.trading .chart-order-book .user-panel .dropdown__icon-arrow svg *{fill:var(--c-text-three);stroke:none}@media (max-width: 768px){.trading .wrapper{grid-template:repeat(3,auto)/auto;gap:0px;margin-top:24px}.trading .wrapper .chart-order-book{position:relative;order:1}.trading .wrapper .chart-order-book .row-1{flex-direction:column}.trading .wrapper .chart-order-book .row-1 .col-1,.trading .wrapper .chart-order-book .row-1 .col-2{width:100%}.trading .wrapper .chart-order-book .amount-result{position:absolute;top:48%;left:17px}.trading .wrapper .wrapper-trade-calculator{order:2;margin-top:24px}.trading .wrapper .wrapper-trade-calculator h2{display:block;margin-bottom:20px}.trading .wrapper .tables{order:3;margin-top:24px}.trading .wrapper .tables>h2{display:none}}@media (max-width: 600px){.trading .wrapper .tables{margin-top:24px}.trading .wrapper .tables__wrapper{flex-direction:column;gap:0px}.trading .wrapper .tables__wrapper .trading-table{margin:0;padding:0 0 14px;overflow:visible}}.trade-calculator{height:100%}.trade-calculator .box-2{border:0}.trade-calculator .dropdown{color:var(--c-text-second);font-size:15px;font-weight:400!important}.trade-calculator .dropdown__icon-arrow svg *{fill:var(--c-text-second);stroke:none}.trade-calculator .row-1{display:flex;justify-content:space-between;align-items:center;padding:6px 35px}.trade-calculator .row-1 .dropdown{width:70px}.trade-calculator .row-1>div{width:50px;color:var(--c-text-second);font-size:15px;font-weight:400}.trade-calculator .row-1 span{display:block;width:1px;height:24px;border-radius:1px;background:#6c6c6c26}.trade-calculator .nav-select{margin-top:15px;width:100%;border:0}.trade-calculator .nav-select button{width:100%}.trade-calculator .divider{margin:15px 0}.trade-calculator label{font-size:15px;cursor:pointer}.trade-calculator label span{color:var(--c-text-second)}.trade-calculator .row-2{display:grid;grid-template:auto/48% 48%;gap:15px;margin-top:15px}.trade-calculator .row-2 .box-2{display:flex;justify-content:space-between;padding:12px 16px;margin-top:13px}.trade-calculator .row-2 .box-2 input{font-size:15px;width:100%}.trade-calculator .row-3,.trade-calculator .row-4{margin-top:15px}.trade-calculator .row-3 .dropdown,.trade-calculator .row-4 .dropdown{width:fit-content}.trade-calculator .row-3 .box-2,.trade-calculator .row-4 .box-2{display:flex;justify-content:space-between;padding:12px 16px;margin-top:13px}.trade-calculator .row-3 .box-2 input,.trade-calculator .row-4 .box-2 input{font-size:15px;width:100%}.trade-calculator .row-5,.trade-calculator .row-6{display:grid;grid-template-columns:repeat(2,auto);row-gap:8px}.trade-calculator .row-5 div:nth-child(2n),.trade-calculator .row-6 div:nth-child(2n){text-align:right;justify-content:end;font-size:15px}.trade-calculator .row-5 div:nth-child(odd),.trade-calculator .row-6 div:nth-child(odd){color:var(--c-text-second);font-size:15px}.trade-calculator .row-5 span,.trade-calculator .row-6 span{color:var(--c-text-second)}.trade-calculator button.btn-primary.place-order{margin-top:14px;width:100%;padding:12px 0}html{--font-family-main: "Poppins", sans-serif;--reactour-accent: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--c-text-active: #fff;--c-green-light: #00bc84;--c-blue-light: #73a8f8;--c-pink-light: #ff6f6f}[data-theme=light-blue]{--c-text-primary: #1b2559;--c-text-second: #9baeca;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f4f7fe;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #d9dbff;--c-bg-hover: #efefff;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(35, 165, 240, .15);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=dark-blue]{--c-text-primary: #fefefe;--c-text-second: #9baeca;--c-text-three: #fefefe;--c-text-four: #9baeca;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0d0d1f;--c-bg-second: #151429;--c-bg-third: #0d0d1f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #151429;--c-bg-active: #242346;--c-bg-hover: #1d1c38;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(35, 165, 240, .08);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=light-green]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: rgb(207, 205, 203, .7);--c-bg-hover: rgb(240, 238, 239, .8);--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(0, 255, 162, .15);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #03c980}[data-theme=dark-green]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(0, 255, 162, .08);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #00d688}[data-theme=light-orange]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #cfcdcb;--c-bg-hover: #f0eeef;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(255, 173, 96, .15);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #fa9c44}[data-theme=dark-orange]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(255, 173, 96, .08);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #e7903e}.text-gradient-primary{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box{border-radius:10px;background:var(--c-bg-second);box-shadow:var(--c-box-shadow);padding:20px}[data-theme^=dark] .box{border:1px solid var(--c-border-primary)}.box-2{border-radius:6px;border:1px solid var(--c-border-primary);background:var(--c-bg-third)}.box-3{border-radius:6px;background:var(--c-bg-third)}@media (max-width: 600px){.box{padding:18px 17px}}.box-form{border-radius:6px;background:var(--c-bg-third)}.box-form.focus{outline:1px solid var(--c-focus)}.box-form.valid{outline:1px solid #2dc071}.box-form.is-not-valid{outline:1px solid #e74040}.c-text-sec{color:var(--c-text-second)!important}.f15{font-size:15px}.divider{height:1px;width:100%;background:var(--c-border-primary)}.hidden{visibility:hidden}.svg-color-fill-focus{fill:var(--c-focus)}.svg-color-fill-primary{fill:var(--c-text-second)}.svg-color-stroke-primary{stroke:var(--c-text-second)}.svg-color-stroke-secondary{stroke:var(--gradient-color-second)}.svg-gradient-color-first{stop-color:var(--gradient-color-first)}.svg-gradient-color-second{stop-color:var(--gradient-color-second)}.trading-table{overflow:auto;margin:10px -24px 0;padding:0 24px;width:100%}.trading-table table{width:100%}.trading-table th{display:flex;align-items:center;gap:6px;text-align:left;font-weight:600;font-size:13px;cursor:pointer}.trading-table td{font-size:14px}.trading-table tr:nth-child(odd) td:nth-child(3){color:var(--c-green-light)}.trading-table tr:nth-child(2n) td:nth-child(3){color:var(--c-pink-light)}.trading-table tbody tr:last-child{margin-bottom:-1px}.trading-table thead tr,.trading-table tbody tr{min-width:300px;width:100%;display:grid;grid-template-columns:minmax(50px,80px) minmax(50px,150px) minmax(30px,90px);align-items:center;padding:20px 16px;margin:6px 0}.trading-table thead tr{margin:0 0 -1px}@media (max-width: 480px){.trading-table thead tr,.trading-table tbody tr{grid-template-columns:minmax(50px,105px) minmax(50px,180px) minmax(30px,90px)}}@media (max-width: 375px){.trading-table thead tr,.trading-table tbody tr{grid-template-columns:minmax(50px,90px) minmax(50px,180px) minmax(30px,90px)}}.order-book-chart__titles{display:flex;justify-content:space-between;color:var(--c-text-second);font-size:12px;font-weight:400;margin:14px 0}.order-book-chart__chart{position:relative;overflow:hidden;border-radius:5px;height:180px}.order-book-chart__chart ul{position:absolute;top:-7px;left:10px;width:100%;z-index:10}.order-book-chart__chart ul li{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;margin:11px 0;color:var(--c-text-three);font-size:12px;font-weight:400;line-height:1;cursor:pointer}.order-book-chart__chart ul li span:first-child{color:var(--c-green-light)}