.header-right-side {} .user-authorized {display:flex; align-items:center; gap:10px;} .ua-menu, .ua-assets {position:relative;} .user-mn-btn, .assets-btn {display: inline-flex ; align-items: center; gap: 4px; background:none; border:0; font-weight:500; color:#fff;} .user-mn-btn:focus, .assets-btn:focus {outline:none;} .ua-assets:hover .assets-btn, .user-mn-btn:hover, .assets-btn:hover {cursor: pointer; color: #FFC300;} .user-mn-btn svg, .assets-btn svg {width: 14px; height: 14px; transition: all .3s ease;} .user-mn-btn {padding:3px 6px; border-radius:10px;} .user-mn-btn:hover { background:rgba(255, 255, 255, .1);} .ua-assets:hover .assets-btn svg, .user-mn-btn:hover svg, .assets-btn:hover svg { transform: rotate(180deg);} .assets-drop {position: absolute; top: calc(100% + 5px); z-index: 10; width: 300px; border-radius: .5rem; background-color: #fff; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .1); padding: .5rem; color: #000; box-shadow: 0 10px 25px rgba(0, 0, 0, .3); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s ease, visibility .3s ease, transform .3s ease; pointer-events: none;pointer-events: auto; left:-130px;} .assets-drop.visible {opacity: 1; visibility: visible; transform: translateY(0);} .assets-inner {padding:25px 15px 0 15px;} .ablock-header {display:flex; flex-flow:column; gap:10px;} .ablock-header h3 {font-size: 1rem; font-weight: 600; margin: 0 0 .5rem; display: flex align-items: center;} .balanceAmount {display:flex; flex-flow:column;} .balanceValue {font-size: 1.75rem; font-weight: 700; margin-bottom: .25rem; color:#000;} .balanceLabel {font-size: .85rem; color: #6b7280; font-weight:300;} .assetActions {display:flex; gap:10px; padding:15px 0;} .assetActions a {flex: 1; display: flex ; justify-content: center; align-items: center; padding: .75rem; font-weight: 500; font-size: .875rem; border-radius: .375rem; text-decoration: none; transition: all .2s ease;} .assetActions a:last-child:hover, .assetActions a:first-child {border: 1px solid #FFC300; color: #000; background:#FFC300;} .assetActions a:last-child {border: 1px solid #e5e7eb; color: #000;} .assets-navlist {display: grid ; grid-template-columns: repeat(1, 1fr); gap: .15rem; padding: .3rem; border-top:1px solid #e5e7eb;} .assets-navlist li {} .assets-navlist li a {display: flex ; align-items: center; padding: .45rem; border-radius: .375rem; text-decoration: none; transition: background-color .2s; color:#000; gap:10px;} .assets-navlist li a svg {width:24px; height:24px; min-width:24px;} .assets-navlist li a span {font-size: .875rem; color: #000; font-weight: 600;} .assets-navlist li a:hover {background-color:#fff7f7;} .assets-navlist li a:hover span {color:#FFC300;} .user-nav-drop {position: absolute; right: 0; top: calc(100% + .5rem); width: 12rem; background-color: #fff; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .1); padding: .5rem; color: #000; border-radius: .5rem; box-shadow: 0 10px 25px rgba(0, 0, 0, .3); z-index: 20; display:none; } .user-nav-drop.visible {display:block;} .user-nav-drop button, .user-nav-drop a {display: block; width: 100%; text-align: left; padding: .75rem; font-size: .875rem; background: none; border: none; cursor: pointer; color: #000; transition: all .2s; border-radius: .25rem; text-decoration: none; font-weight:400;} .user-nav-drop a:hover {color:#FFC300;} .cabinet-inner {min-height:calc(100vh - 364px);} .balance-wrapper {padding:80px 15px 20px 15px; display:flex; flex-direction: row;} .balance-sidebar {width: 280px; margin-right: 10px; height: 100vh; position: sticky; top: 80px;} .balance-s-header {display: flex ; align-items: center; justify-content: space-between; margin-bottom: 24px;} .balance-s-header span {font-size: 18px; font-weight: 500;} .balance-s-header i {width: 24px; height: 24px; border-radius: 50%; background-color: #FFC300; color: white; display: flex ; align-items: center; justify-content: center; font-size: 12px; font-weight:300;} .balance-account {margin-bottom: 16px; padding: 12px; border-radius: 6px; background-color: #14151b;} .ba-info {display: flex ; align-items: center; margin-bottom: 8px;} .ba-letter {width: 24px; height: 24px; border-radius: 4px; background-color: #6b46c1; color: white; display: flex ; align-items: center; justify-content: center; margin-right: 8px; font-weight: 500;} .ba-name {font-weight: 500; color:#fff;} .ba-balance {color: #a0aec0; font-size: 14px; font-weight:300;} .hiderow {} .balance-body { flex:1; padding:0 25px;} .bb-header { margin-bottom:24px;} .bb-header .ba-letter {width: 32px; height: 32px; font-weight:600;} .bb-header .ba-name {font-size: 24px; font-weight: 700;} .account-top {margin-bottom:16px;} .account-balance {display:flex; flex-flow:column; gap:8px; margin-top:20px;} .a-label {font-weight:500; font-size:12px; color:#969FAF; margin-bottom:10px;} .a-balance {display:flex; align-items:center; gap:9px;} .balance-data {font-size:30px; font-weight:500; color:#F4F4F6;} .balance-profit {display:flex; align-items:center; gap:6px; padding:4px 8px; } .balance-profit span {font-size:12px;font-weight:500; line-height:16px;} #action-hide {width:20px; height:20px; cursor:pointer; background:none; border:0; cursor:pointer; display:inline-flex; background:url('../images/eye.svg') center/20px no-repeat;} #action-hide.check {background:url('../images/eye-off.svg') center/20px no-repeat;} #action-hide:focus {outline:none;} .account-tablo {display:flex; align-items:center; padding-bottom:25px; border-bottom:1px solid #2d3748;} .at-list {display:grid; gap:16px; width:100%; grid-template-columns: repeat(5, 1fr);} .at-list li {} .atl-cell {display:flex; flex-flow:column; gap:8px;} .a-data {display:flex; align-items:center; gap:10px;} .profit-cell.active {color:#00c278;} .profit-cell {font-weight:500; font-size:15px; color:#F4F4F6;} .at-list .a-label {margin-bottom:0; font-size:14px;} .balance-main-section {padding-top:20px;} .balance-main-section h2 {color:#fff; font-size:25px; margin-bottom:30px; font-weight:600;} .balance-table-overflow {overflow-x: auto; -webkit-overflow-scrolling: touch;} .balanceTable {width: 100%; border-collapse: collapse; min-width: 800px;text-indent: 0; border-color: inherit;} .balanceTable thead {} .balanceTable thead th {text-align: left; padding: 12px 16px; font-weight: 400; font-size: 14px; color: #6c757d;} .b-tableRow {border-bottom: 1px solid #2d3748;} .b-tableRow td { align-content: center;} .bt-cell {display: flex ; align-items: center; padding: 12px 16px;} .bt-icon {margin-right: 12px; flex-shrink: 0; display: flex ; align-items: center; justify-content: center;} .bt-icon img {width: 40px; height: 40px; border-radius: 50%; object-fit: contain;} .bt-info {display: flex ; flex-direction: column; min-width: 80px;} .bti-name {font-size:15px; color:#fff; font-weight:500; margin-bottom:4px;} .bo-label, .bti-symbol {font-size: 12px; color: #6c757d; font-weight:400;} .bo-cell {padding: 12px 16px; white-space: nowrap; font-weight:400;} .bo-label {font-size:13px; margin-top:5px;} .bo-links {padding: 12px 16px; display: flex ; gap: 8px; flex-wrap:nowrap;} .bo-links a {padding: 6px 12px; border: none; background-color: transparent; color: #FFC300; cursor: pointer; border-radius: 4px; transition: background-color .2s; white-space: nowrap; font-size: 13px;} .bo-links a:hover {background:#ffc30012;} .withdraw-wrapper, .deposit-wrapper {display: flex ; flex-direction: column; padding:80px 25px 25px 25px;} .dw-container {color: #f9fafb; display: flex ; margin: 0 auto; gap: 40px;} .dw-tabs {display:flex; gap:10px; flex-flow:column;} .dw-tabs a {display: flex ; gap: 10px; align-items: center; justify-content: center; font-weight: 400; font-size: 14px; line-height: 150%; opacity:.7; width:130px; border-radius:10px; line-height:45px;} .dw-tabs a:hover, .dw-tabs a.select {background-color: #1a1a1a; color: #ffffff; opacity:1;} .dw-tabs a svg {} .dw-article {flex:1;} .dwa-header {margin-bottom: 1.5rem; display: flex ; align-items: flex-start;gap: 20px; flex-flow:column;} .dwa-nav {} .dwa-nav ol {display:flex; gap:6px; font-weight:300; font-size:14px; align-items:center;} .dwa-nav ol li {} .dwa-nav ol li a {color: #9ca3af; font-size: .875rem; text-decoration: none; } .dwa-nav ol li a:hover {color:#fff;} .dwa-nav ol li span {display:inline-flex; align-items:center; gap:5px;} .dwa-nav ol li span svg {width: .75rem; height: .75rem; margin: 0 .25rem; color: #6b7280;} .dwa-header h1 {color:#fff; font-size:25px; font-weight:500;} .dw-mainContent {display: grid ;gap: 2rem; margin-top: 2rem; grid-template-columns: 2fr 1fr; align-items: start;} .dwm-container {} .dwm-faq {border-radius: 12px; padding: 1.5rem; border: .67px solid #3c3d3d; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); display:flex; flex-flow:column;} .dwm-header {display:flex; align-items:center; justify-content:space-between;} .dwm-header h2 {color:#fff; font-size:18px; font-weight:600;} .dwm-header a {display: flex ; align-items: center; font-size: .875rem; color: #eab308; text-decoration: none; font-weight:300;} .dwm-header a:hover {opacity:.8;} .dwm-header a svg {width: 1rem; height: 1rem; margin-left: .25rem;} .dwm-faq .faq-list {margin:25px 0 0 0;} .dwm-faq .faq-item {border:0; padding:20px 0;} .dwm-faq .faq-question h3 {display:flex; gap:15px; line-height:1.3; font-size:15px; align-items:center;} .dwm-faq .faq-question h3 svg {width:14px; height:14px;} .dwm-faq .faq-item.visible .faq-question h3 svg { transform: rotate(0deg);} .dwm-faq .faq-unswer p {font-size:14px;} .step-body {background-color: #191919; border-radius: 21px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); } .stepContainer {position:relative; } .stepHeader {display: flex ; align-items: center; margin-bottom: 1rem; position: relative; z-index: 1;} .stepNum {width: 2rem; height: 2rem; border-radius: 50%;background-color: #9ca3af; color: #1f2937;font-weight: 600; display: flex ; align-items: center; justify-content: center; margin-right: .75rem; font-size:14px;} .active .stepNum {background-color: #eab308; color: #000000} .stepHeader h2 {color:#fff; font-weight:600; font-size:18px;} .stepCrypto-body {display:flex; flex-flow:column; gap:20px;} .stepSearch {position:relative; margin-bottom:20px;} .networkDroplist, .searchDroplist {border: 1px solid #FFFFFF33; position: absolute; left: 0px; top: 100%; z-index: 20; background: #0d0d0d; margin-top:0px; border-radius: 0 0 10px 10px; max-height: 280px; overflow: auto; display:none; width:100%;} .networkDroplist.visible, .searchDroplist.visible {display:block;} .networkDroplist::-webkit-scrollbar-track, .searchDroplist::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #0e0f14;} .networkDroplist::-webkit-scrollbar, .searchDroplist::-webkit-scrollbar{width:5px; background-color: #0e0f14;} .networkDroplist::-webkit-scrollbar-thumb, .searchDroplist::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #FFC300;} .crtp-btn {display: flex ; align-items: center; gap: 5px; border: 0; padding: 8px; cursor: pointer; background: none;} .crtp-btn img {min-width: 20px; height: 20px; width: 20px; border-radius:50%;} .crtp-btn span {color: #51535C; font-weight: 300; font-size: 15px; display: flex ; align-items: center; gap: 4px; font-weight: 400;} .crtp-btn span em {color: #74797d; font-weight: 500;} .stepSecond .stepSearch .networkDroplist .crtp-btn {background:none;} .stepSecond .stepSearch .networkDroplist .crtp-btn:before, .stepSecond .stepSearch .networkDroplist .crtp-btn:after {display:none;} .stepSecond .stepSearch .networkDroplist .crtp-btn:hover, .stepSecond .stepSearch .networkDroplist .crtp-btn {border:0; background:none;} .stepSecond .stepSearch .networkDroplist .crtp-btn {gap:0; width:auto;} .stepSearch svg {position:absolute; left:10px; top:8px; width: 1.25rem; height: 1.25rem; color: #9ca3af;} .stepSearch input {width: 100%; padding: .625rem .75rem .625rem 2.5rem; border-radius: .375rem; border: 1px solid #4b5563; background-color: transparent; color: #f9fafb; font-size: .875rem;} .stepContainer.step02 .stepSearch input {padding-left:20px;} .stepContainer.step02 .stepSearch:after {content:''; width:15px; height:15px; position:absolute; right:12px; top:12px; background:url('../images/arow-down.svg') center/10px no-repeat;;} .stepSearch input:focus {outline:none; border:1px solid #eab308;} .cryptoList {display:flex; gap:8px; flex-wrap:wrap;} .cryptoList li {} .cryptoSelected button, .cryptoList li button {display: flex ; align-items: center; justify-content: center; padding: 10px; gap: 8px; border-radius: 8px; background-color: transparent; transition: all .2s ease; border: none; cursor: pointer; background: #242424;} .cryptoSelected button:focus, .cryptoList li button:focus {outline:none;} .cryptoList li button:hover {background-color: #2f2f2f; transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, .1);} .cryptoSelected button img, .cryptoList li button img {width: 20px; height: 20px; position: relative; border-radius:50%;} .cryptoSelected button span, .cryptoList li button span {font-weight:500; font-size:14px; text-transform:uppercase; color:#fff;} .cryptoSelected button {background: linear-gradient(145deg, #303030, #252525); box-shadow: 0 6px 12px rgba(0, 0, 0, .15); border:1px solid #373737;} .cryptoSelected button:hover {background: linear-gradient(145deg, #303030, #252525); box-shadow: 0 6px 12px rgba(0, 0, 0, .15); } .stepContainer.checked .cryptoList, .stepContainer.checked .stepCrypto-body {display:none;} .stepContainer.checked .stepNum {background-color: #4ade80; position:relative; color:#4ade80;} .stepContainer.checked .stepNum:before {content: "✓"; display: flex ; align-items: center; justify-content: center; height: 100%; width: 100%; position:absolute; left:0; top:0; color:#fff; font-weight:bold;} .crtp-delete {width: 32px; height: 32px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(255, 255, 255, .1); transition: background-color .2s ease; position:relative; margin-left:60px;} .crtp-delete:before {content:''; display:inline-flex; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/delete.svg') center/15px no-repeat;} .crtp-delete:hover {background:rgba(255,255,255,.2);} .stepArticle-body {padding-left:48px; padding-bottom:20px;} .stepThird, .stepSecond {padding-left:48px; padding-bottom:20px; visibility:hidden;} .stepContainer.active .stepThird, .stepContainer.active .stepSecond {visibility:inherit;} .stepSecond p {margin-bottom: 1rem; color: #9ca3af; font-size: 13px; line-height:1.3;font-weight:400;} .stepSecond .crtp-delete {display:none;} .stepSecond .crtp-btn img {display:none;} .stepSecond .crtp-btn {position:relative; padding:15px 85px 10px 15px; border:1px solid #374151; background:#1f2937; gap:20px; flex-flow:column; align-items: flex-start;} .stepSecond .crtp-btn.checked { background-color: rgba(234, 179, 8, .1); box-shadow: 0 0 0 2px rgba(234, 179, 8, .2); border-color:#eab308;} .step02 .stepSecond .crtp-btn.checked {border:0; box-shadow:none; color:#fff;} .stepSecond .crtp-btn.checked:after {border-color:#eab308;} .stepSecond .crtp-btn.checked:before {content:''; position:absolute; left:21.3px; bottom:16px; width:8px; height:8px; background:#eab308; border-radius:10px;} .stepSecond .crtp-btn:after {content:'';width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid #4b5563; display: flex ; align-items: center;} .stepSecond .crtp-btn:hover {border-color: #eab308; background-color: #dca63112;} .stepContainer.active:before {content:''; display:inline-block; position:absolute; left:15px; top:0; height:100%; border-left:2px solid #fff;} .ImportantNotice {display: flex ; padding:20px 20px 20px 45px; border-radius: .375rem; background-color: rgba(234, 179, 8, .1); border: 1px solid rgba(234, 179, 8, .2); margin-bottom: 1.5rem; position:relative; flex-flow:column;} .ImportantNotice:before {content:''; display:inline-block; position:absolute; left:10px; top:16px; height:20px; width:20px; background:url('../images/alert.svg') center/20px no-repeat;} .stepContainer.step02 .cryptoSelected {display:none;} .ImportantNotice h2 {font-weight: 600; color: #fbbf24; margin:0 0 15px 0; font-size:15px;} .ImportantNotice p {font-size: .875rem; color: #d1d5db; margin: 0 0 .5rem; font-weight:300; line-height:1.3; margin-bottom:10px;} .stepForm-cell {display:flex; flex-flow:column; gap:10px; margin-bottom:30px;} .stepForm-label {display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 500; color: #9ca3af;} .stepForm-selected {background-color: #374151; padding: .75rem 1rem; border-radius: .375rem; color: #fff; font-weight:600; font-size:17px; line-height:26px;} .stepForm-area {} .stepForm-area input {width: 100%; padding: .75rem 1rem; border: 1px solid #4b5563; border-radius: .375rem; background-color: #1f2937; color: #f9fafb; font-size: 1rem;} .stepForm-area input:focus {border:1px solid #eab308; outline:none;} .stepForm-area input::placeholder {color:#9ca3af;} .stepForm-area.two {justify-content:space-between; border: 1px solid #4b5563; background-color: #1f2937;display: flex ; border-radius: .375rem; overflow: hidden;} .stepForm-area.two input {border:0;} .stepForm-area.two input:focus {border:0;} .stepForm-area.two input::-webkit-outer-spin-button, .stepForm-area.two input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .stepForm-area.two input[type=number] {-moz-appearance:textfield;} .stepFselect {display: flex ; align-items: center; padding: 0 1rem; background-color: rgba(234, 179, 8, .1); color: #eab308; font-weight: 500;} .selectAmountAction {display: flex ; gap: .5rem; margin-top: .5rem;} .selectAmountAction button {padding: .25rem .5rem; background-color: rgba(234, 179, 8, .1); color: #eab308; border: 1px solid rgba(234, 179, 8, .2); border-radius: .25rem; font-size: .75rem; cursor: pointer; transition: all .2s;} .selectAmountAction button:focus {outline:none;} .selectAmountAction button.check, .selectAmountAction button:hover {background:rgba(234,179,8,.2);} .stepEndForm {display:flex; flex-flow:column; gap:40px;} .sEF-body {background-color: rgba(234, 179, 8, .05); border-radius: .375rem; padding: 1rem; display:flex; flex-flow:column;} .sEFb-row {display:flex; align-items:center; justify-content:space-between; padding:10px 0; font-weight:300;} .sEFb-row:first-child {border-bottom:1px solid rgba(209,213,219,.2); font-weight:300;} .sEFb-row:first-child span { color:#9ca3af;} .sEFb-row span {font-size:15px; color:#fff;} .sEF-action {} .sEF-action button {width: 100%; padding: .75rem 1rem; background-color: #eab308; color: #000000; border: none; border-radius: .375rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color .2s; display: flex ; justify-content: center; align-items: center;} .sEF-action button:focus {outline:none;} .sEF-action button:hover {background:#ca8a04;} .step02 .stepSecond, .step03 .stepThird {display:none;} .step02.active .stepSecond, .step03.active .stepThird {display:block;} .stepDeposit-Action {display:flex; justify-content:space-between;} .sDA-left {display:flex; flex-flow:column; gap:10px; flex:1;} .sDA-header {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;} .sDA-header span {color:#9ca3af; font-weight:500; font-size:14px; display:flex; align-items:center; gap:5px;} .sDA-header span small {font-size:12px;} .sDA-body {position:relative;display: flex; border-radius: .375rem; overflow: hidden; border: 1px solid #4b5563; background-color: #374151;} .sDA-body input {flex: 1; padding: .625rem; border: none; background-color: #374151; color: #f9fafb; font-size: .875rem;} .sDA-body button {position:absolute; right:0; top:0; width:38px; height:38px; border:0; cursor:pointer; display:inline-flex;justify-content: center; align-items: center; background:#374151;} .sDA-body button svg {width: 1.25rem; height: 1.25rem; color: #6b7280;} .sDA-body button:focus, .sDA-body input:focus {outline:none;} .sDA-bottom {font-size:13px; color: #6b7280; font-weight:300;} .sDA-right {flex-flow:column; margin-left:30px;display: flex ; gap: 13px;} .sDA-right span {text-align:center;display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 500; color: #9ca3af;} .sDA-code {padding: 1rem; background-color: #ffffff; border-radius: .375rem;} .sDA-code img {vertical-align:bottom; min-width:150px; height:150px;} .copied .deposit-copy {background:url('../images/checkmark.svg') center/15px no-repeat;} .copied .deposit-copy svg {opacity:0;} .changeDeposit {flex-flow:column; display:flex; align-items:center; gap:25px;} .changeDeposit .sDA-code {background:#fff;} .cdA-adress {display:flex; align-items:center; justify-content:space-between; flex:1; width:100%;} .cDtop-row {border:1px solid #232224; border-radius:8px; padding:15px; width:100%; display:flex; align-items:center; gap:25px;} .cdA-cell {display:flex; width:100%; gap:10px; justify-content:space-between; align-items: center;} .cdac-wrap {flex-flow:column; display:flex; gap:5px;flex:1;} .cdA-cell small {font-size:14px; color:#868383;} .cdAa-adress-text {color:#fff; font-weight:400; font-size:16px; width:100%; border:0; background:none;} .cdA-copy:focus, .cdAa-adress-text:focus {outline:none;} .cdA-copy {border-radius:5px; border:0; color:#fff; font-weight:400; color:#fff; cursor:pointer; padding:0 35px; background:#252425; line-height:40px;} .cdA-copy:hover {background-color: #eab308; color: #000000;} .cdbottom-row {width:100%;} .cdbottom-row ul {display:flex; flex-flow:column; gap:12px;} .cdbottom-row ul li {display:flex; align-items:center; justify-content:space-between;} .cdbottom-row ul li a, .cdbottom-row ul li span {font-size:14px; font-weight:400; color:#fff; display:flex; align-items:center; gap:5px;} .cdbottom-row ul li a svg {color:#5c585b; display:inline-flex; width:8px; height:8px; min-width:8px;} .cdbottom-row ul li a:hover svg {color:#fff;} .cdbottom-row ul li span:first-child {color:#ebecf566;} .stepContainer.step03.active:before {display:none;} .transaction-section {background: #191919; border-radius: 25px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); display:flex; flex-flow:column; margin-top:30px;} .tsHeader {display:flex; align-items:center; justify-content:space-between; margin-bottom:25px;} .tsHeader h2 {font-weight:600; color:#fff; font-size:18px;} .tsHeader a {display:inline-flex; align-items:cell; gap:3px; font-size:13px; color:#9ca3af;} .tsHeader a svg {width: 1rem; height: 1rem; margin-left: .25rem;} .tsHeader a:hover {color:#fff;} .transaction-area {overflow-x: auto;} .transaction-area table {width: 100%; border-collapse: separate; border-spacing: 1rem 0; font-size: .875rem; table-layout: fixed;} .transaction-area table thead {} .transaction-area table thead tr {color: #9ca3af;} .transaction-area table thead tr th {width: calc(100% / 7); padding: .75rem; text-align: left; font-weight: 500; margin: 10px; border-radius: 6px; background: #0f0f0f;} .transaction-area tbody {} .transaction-area tbody tr { border-top: 1px solid #374151;} .transaction-area tbody tr:hover { background-color: #dca63112;} .transaction-area tbody tr td {padding: .75rem; white-space: nowrap; align-content: center;} .transaction-area tbody tr td .type, .transaction-area tbody tr td .status {display: inline-block; padding: .25rem .5rem; border-radius: 9999px; font-size: .75rem; font-weight:300;} .transaction-area tbody tr td .type.withdraw, .transaction-area tbody tr td .type.deposit, .transaction-area tbody tr td .status.completed {background-color: rgba(16, 185, 129, .1); color: #10b981;} .transaction-area tbody tr td .status.pending {color: #dca631; background: #dca6311c;} .transaction-area tbody tr td .status.failed {color: #fd4b4e; background: #fd4b4e24;} .ta-coin {display: flex ; align-items: center; gap:8px;} .ta-coin img {vertical-align:bottom; min-width:24px; border-radius:50px; height:24px;} .ta-coin span {text-transform:uppercase; font-size:14px; color:#fff;} .trans-link {display:flex; align-items:center; gap:5px;} .trans-link svg {display:inline-flex; width:12px; height:12px; min-width:12px;} .robo-wrapper {padding:100px 50px 50px 50px;} .robo-table {display: flex ; justify-content: space-between; position: relative;} .rt-left {width: 50%; padding-right: 2rem;} .rt-left h1 {font-weight: 700; font-size: 48px; line-height: 125%; letter-spacing: -.03em; margin-bottom: 20px; color:#fff;} .rt-left p {font-weight: 400; font-size: 18px; line-height: 144%; letter-spacing: -.03em; color: #888; margin-bottom: 33px;} .user-dashboard {background-image: url(../images/bg-card.png); background-size: cover; background-position: 50%; padding: 20px; background-repeat: no-repeat; width: 100%; max-width: 400px; height: 122px; display: flex ; flex-direction: column; justify-content: space-between;} .ud-topline {display: flex ; align-items: center;justify-content: space-between;} .udt-user {display: flex ; align-items: center;} .udt-user i {width: 24px; height: 24px; border-radius: 50%; background-color: #444; overflow: hidden; justify-content: center; margin-right: .75rem;} .udt-user i img {vertical-align:bottom; width:100%;} .udt-user span {color:#fff; font-weight:300; font-size:14px;} .udt-link {} .udt-link a {display: flex ; justify-content: flex-end; align-items: center; font-weight: 400; font-size: 12px; line-height: 150%; color: #ffc300; cursor: pointer; gap: 5px;} .udt-link a span {} .udt-link a svg {} .ud-bottomline {display: flex ; justify-content: space-between;} .ud-bottomline h3 {font-weight: 700; font-size: 20px; line-height: 115%;} .ud-bottomline p {font-weight: 400; font-size: 12px; line-height: 150%; color: rgba(235, 236, 245, .4); margin: 0;} .rt-right {width: 50%; display: flex ; flex-direction: column; gap: 30px; justify-content: flex-end; align-items: center;} .robo-illustration-row {display: flex ; font-weight: 400; font-size: 12px; line-height: 150%; width: 100%;} .robo-illustration-row div {display: flex ; gap: 10px; align-items: center;} .robo-illustration-row div:first-child {padding-right: 30px; border-right: 1px solid #2d2d2e;} .robo-illustration-pic {width: 100%; max-width: 600px; position: relative;} .robo-illustration-pic img {width: 100%; height: auto;} .robo-article {} .robo-tabs-row {border-bottom:2px solid #333; display:flex; gap:30px;} .robo-tabs-row button {position: relative; display: flex ; align-items: center; gap: 10px; flex-shrink: 0; padding:0; cursor:pointer; background: none; border: none; font-weight: 500; font-size: 20px; line-height: 60px; cursor: pointer; position: relative; transition: color .3s; white-space: nowrap; color:#fff;} .robo-tabs-row button:focus {outline:none;} .robo-tabs-row button span {position:relative;} .robo-tabs-row button span:after {content:''; display:inline-block; position:absolute; left:0; bottom:-2px; right:0; width:0%;height:4px; background:#FFC300;} .robo-tabs-row button.active span {color:#FFC300;} .robo-tabs-row button.active span:after {width:100%;} .robo-tabs-article {} .rba-tab-content {display:none;} .rba-tab-content.visible {display:block; padding-top:50px;} .main-robo-header {display:flex; justify-content:space-between;} .mrh-left {display:flex; flex-flow:column;} .configTab h2, .tradeHistory-area h2, .mrh-left h2 {font-weight: 700; font-size: 48px; line-height: 125%; letter-spacing: -.03em; margin-bottom: 20px;} .mrh-left p {font-weight: 400; font-size: 18px; line-height: 144%; letter-spacing: -.03em; color: #888; margin-bottom: 33px;} .mrh-right {display:flex; align-items:center; gap:20px;} .switch-account {background-color: rgba(242, 201, 76, .1); color: #FFC300; border: 1px solid rgba(242, 201, 76, .3); border-radius: .5rem; padding: .5rem 1rem; font-size: .9rem; cursor: pointer; transition: all .2s ease;} .switch-account:focus {outline:none;} .robot-action-tablo {display: flex ; align-items: center; padding: .75rem 1rem; background-color: rgba(30, 30, 30, .8); border-radius: .5rem; gap: 1rem; flex-wrap: wrap;} .robot-statusLabel {font-size:15px; font-weight:500; color:#fff;} .robot-status:before {content: ""; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-color: #F44336; border-radius: 50%;} .robot-status {color: #fff; position: relative; padding-left: 18px;} .robot-status.stopped {color:#F44336;} .robo-action-btn {position: relative; overflow: hidden; padding: .75rem 2.5rem; border: none; border-radius: .5rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all .3s cubic-bezier(.175,.885,.32,1.275); color: #000; outline: none; z-index: 1; letter-spacing: .5px; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); background: radial-gradient(circle at center, #6AE66A 0, #4CAF50 70%);} .robo-action-btn.checked {background:#F44336;} .robo-action-btn:before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0)); z-index: 2; transition: all .6s ease;} .robo-action-btn:hover:before {left: 100%; transition: .6s ease-in-out;} .robo-action-btn span {position:relative; z-index:3;} .robo-action-btn:focus {outline:none;} .robot-status.running {position:relative; color:#4CAF50;} .robot-status.running:before {animation: roboPuls 1.5s ease infinite; background:#4CAF50;} .robot-status.stopping {position:relative; color:#FFC300; animation: textBlink 1.2s ease-in-out infinite;} .robot-status.stopping:before {background:#FFC300; animation: roboPulsWarn 1.5s ease infinite;} @keyframes roboPuls { 0% { box-shadow: 0 0 0 0 rgba(76,175,80,.7) } 70% { box-shadow: 0 0 0 14px rgba(76,175,80,0) } to { box-shadow: 0 0 0 0 rgba(76,175,80,0) } } @keyframes roboPulsWarn { 0% { box-shadow: 0 0 0 0 rgba(255,195,0,.6) } 70% { box-shadow: 0 0 0 14px rgba(255,195,0,0) } to { box-shadow: 0 0 0 0 rgba(255,195,0,0) } } @keyframes textBlink { 0% { opacity: 1 } 50% { opacity: .5 } 100% { opacity: 1 } } .tradeHistory-area {} .rHa-header {display:flex; align-items:center; justify-content:space-between;} .rHa-header h2 {margin-bottom:0;} .sortPages {position:relative; z-index:11;} .sortPage-select {background-color: rgba(30, 30, 30, .8); color: #fff; border: 1px solid #333; border-radius: .5rem; padding: .5rem; font-size: .875rem; font-weight:300; position:relative; cursor:pointer; display:flex; align-items:center; gap:8px;} .sortPage-select:after {content:''; display:inline-flex; width:14px; height:14px; background:url('../images/arrowDown.svg') center/14px no-repeat;} .sortPage-list {display:none;} .sortPage-list li {} .sortPage-list li span {color:rgba(255,255,255,.5); line-height:30px; padding:0 10px; font-weight:300; font-size:14px; cursor:pointer;} .sortPage-list li.select span {color:#fff;} .sortPages.visible .sortPage-list {border:1px solid #333; border-radius:0 0 4px 4px; border-top:0; background:rgba(30, 30, 30, 1); display:flex; flex-flow:column; position:absolute; left:0; top:100%; width:100%;} .rHa-table {width: 100%; overflow-x: auto; margin-bottom: 2rem; border-radius: 8px;} .robot-historyTable {width: 100%; border-collapse: collapse; color: #fff; border-radius: 8px; border-collapse: separate; border-spacing: 0 12px;} .robot-historyTable thead {} .robot-historyTable thead tr { border-radius: 10px;} .robot-historyTable thead tr th {background: #202022; padding: 8px 24px 8px 22px; text-align: left; font-size: 14px; line-height: 140%; height: 37px; color: #dce0e5; position: sticky; top: 0; z-index: 2; font-weight:300;} .robot-historyTable tbody tr td:first-child, .robot-historyTable thead tr th:first-child {border-top-left-radius: 8px; border-bottom-left-radius: 8px;} .robot-historyTable tbody tr td:last-child, .robot-historyTable thead tr th:last-child {border-top-right-radius: 8px; border-bottom-right-radius: 8px;} .robot-historyTable tbody {} .robot-historyTable tbody tr {border-radius: 10px;} .robot-historyTable tbody tr td {padding: 8px 24px 8px 22px; background: #202022; border: none; height: 53px; vertical-align: middle;} .roboCurrency {display: flex ; align-items: center; gap: 1rem; } .roboCurrency img {width:32px; height:32px; min-width:32px; border-radius: 50%; display: flex ; align-items: center; justify-content: center; background-position: 50%; background-repeat: no-repeat; background-size: 60%;} .rC-date, .rC-invest, .roboCurrency-info {display: flex ; flex-direction: column; gap:4px;} .rC-data, .rC-invest span, .roboCurrency-info span {color:#fff; font-weight:400; font-size:14px;} .rC-date, .rC-invest small, .roboCurrency-info small {font-size: 12px; color: #999; font-weight:400;} .rC-status {display: inline-block; padding: .35rem 1rem; border-radius: 1rem; font-size: .85rem; font-weight: 400; background:#F44336;} .rC-status.good {background:#22ab94;} .rC-status.waite {background:#FFC300; color:#000;} .rC-date {line-height:1.3; font-size:13px;} .paginationNav {display:flex; align-items:center; gap:10px; justify-content: center;} .paginationNav a {font-weight:500; font-size:14px; color:#fff;} .paginationNav a:hover{color:#FFC300;} .paginationNav span {font-size:13px; color: #999; font-weight:300;} .configTab {} .configAction {display:flex; align-items:center; gap:20px; max-width:50%;margin-bottom:50px;} .confLicense {flex: 1; background-color: rgba(30, 30, 30, .8); border: 1px solid #333; border-radius: .5rem; color: #fff; font-size: 1rem; padding: 1rem 1.25rem; outline: none; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }=} .confAction:focus, .confLicense:focus {outline:none;} .confLicense:focus {border:1px solid #FFC300;} .confAction {min-width: 120px; background-color: #FFC300; color: #000; border: none; border-radius: .5rem; padding: 1rem 2rem; font-size: 1rem; font-weight: 500; cursor: pointer; transition: background-color .3s, transform .2s, box-shadow .3s; } .confAction:disabled {opacity: .7; cursor: not-allowed; background-color: #b39348;} .confAction:hover {background-color: #F9BE23; transform: translateY(-2px);} .roboSetting-body {display:flex; flex-flow:column;background-color: rgba(30, 30, 30, .5); border-radius: 1rem; padding: 1.5rem; margin-bottom: 2rem;} .roboS-header {display: flex ; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;} .roboS-header h3 {font-size: 1.5rem; font-weight: 600; color: #ffc300; margin: 0;} .robo-threeColumn {border-bottom:1px solid rgba(255, 255, 255, .1); display: flex ; gap: 25px; padding-bottom:20px;} .robo-threeColumn .rtC-item:last-child {flex:1; width:100%;} .robo-threeColumn .tradeAmountsSection, .robo-threeColumn .leverageSection {padding-bottom:0; margin-bottom:0; border:0;} .robo-threeColumn .tradeAmountsSection h3 {margin-bottom:10px;} .robo-threeColumn .leverageSection h3 {margin-bottom:38px;} .tradingPairs, .tradeAmountsSection, .leverageSection, .autoChecker {display:flex; flex-flow:column; align-items: flex-start;margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, .1);} .tradingPairs {padding-top:20px;} .checkbox-container { display: flex; align-items: center; gap: 10px; } .checkbox-text { cursor: pointer; color: #fff; font-size: 14px; font-weight:300; user-select: none;} .checkbox-wrapper { position: relative; display: inline-block; width: 100%; height: 20px; min-width:42px; width:42px;} .checkbox-wrapper input { display: none; } .checkbox-label { display: block; width: 100%; height: 20px; max-width:42px; background: #333; border-radius: 30px; position: relative; overflow: hidden; cursor: pointer; transition: all 300ms ease-in-out 0s; } .checkbox-label::before { content: ''; display: inline-block; width: 16px; height: 16px; border-radius: 50px; position: absolute; left: 3px; top: 2px; background: #fff; transition: all 300ms ease-in-out 0s; } input:checked + .checkbox-label { background: #ffc300; } input:checked + .checkbox-label::before { background: #fff; left: calc(100% - 19px); } .autoCheckInfo {background-color: rgba(234, 179, 8, .1); border: 1px solid rgba(234, 179, 8, .3); border-radius: .5rem; padding: 1rem; margin-top:0; font-weight:300; margin-top:0px; display:none; margin-bottom:15px;} .roboS-header .autoChecker {margin-bottom:0; margin-left:10px; padding-bottom:0; border:0; margin-right:auto; padding-top:5px;} .autoCheckInfo.visible {display:block;} .autoCheckInfo h3 {color:#fff; margin-bottom:12px; font-weight:400; font-size:16px;} .autoCheckInfo p {line-height:1.3; margin-bottom:10px; font-size:14px; padding-left:20px;} .autoCheckInfo p:last-child {margin-bottom:0;} .tradingPairs, .tradeAmountsSection, .leverageSection {display:flex; flex-flow:column;} .licenseContainer h3, .tradingPairs h3, .tradeAmountsSection h3, .leverageSection h3 {font-size: 19px; font-weight: 600; color: #fff; margin-bottom:25px;} .lvr-btns {} .lvr-btn {background-color: rgba(30, 30, 30, .6); border: 1px solid rgba(255, 255, 255, .1); color: #fff; padding: .5rem 1rem; border-radius: .5rem; font-size: .9rem; cursor: pointer; transition: all .2s ease; } .lvr-btn:hover {background-color: rgba(242, 201, 76, .2); border-color: rgba(242, 201, 76, .5);} .lvr-btn.check {background-color: #FFC300; color: #000; border-color: #FFC300;} .lvr-btn.check:hover {background:#FFC300;} .lvr-btn:focus {outline:none;} .tradeA-cell {display:flex; align-items:center; justify-content:space-between; width:100%;} .tradeA-item {display:flex; flex-flow:column; gap:12px; font-weight:300; width:49%;} .tradeAi-label {font-size:13px; color:#ccc;} .tradeAi-input {} .tradeAi-input input {width: 100%; background-color: rgba(20, 20, 20, .5); border: 1px solid rgba(255, 255, 255, .1); color: #fff; padding: .75rem; border-radius: .5rem; font-size: .9rem; transition: border-color .2s ease;} .tradeAi-input input:focus {outline:none; border:1px solid #FFC300;} .tP-header {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; width:100%;} .tP-header h3 {margin-bottom:0;} .tPamount {background-color: rgba(242, 201, 76, .1); color: #ffc300; padding: .5rem 1rem; border-radius: 1rem; font-size: .875rem; font-weight: 500;} .pairsList {display:flex; flex-wrap:wrap; margin:20px 0; width:100%;} .pairsList.robot-starder {position:relative;} .pairsList.robot-starder:before {content:''; display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:10; background:#161619a6; backdrop-filter: blur(5px);} .starderText {position:absolute; left:50%; top:50%; text-transform:uppercase; color:#fff; font-size:15px; font-weight:400; z-index:10; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display:inline-flex; gap:5px; align-items:center;} .robot-table__robot-active {position:absolute; left:50%; top:50%; text-transform:uppercase; color:#fff; font-size:15px; font-weight:400; z-index:10; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .starderText .custom-loader{display:inline-flex; width:24px; height:15px; min-width:24px; --c:linear-gradient(#FFC300 0 0); background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%; background-size:4.5px 100%; background-repeat: no-repeat; animation:b1 1s infinite linear;} @keyframes b1 { 33%{background-size:4.5px 10% ,4.5px 100%,4.5px 100%} 50%{background-size:4.5px 100%,4.5px 10% ,4.5px 100%} 66%{background-size:4.5px 100%,4.5px 100%,4.5px 10% } } .pairsList li {width:16.6%;} .pairItem {margin:5px;background-color: rgba(20, 20, 20, .5); border-radius: .5rem; padding: .75rem; transition: background-color .2s ease; } .pairsList li:hover .pairItem {background-color: rgba(30, 30, 30, .8);} .checkbox-wrapper input:disabled + .checkbox-label {opacity:.5;} .tradeBottom {display: flex ; justify-content: flex-end;} .save-btn {background-color: #FFC300; color: #000; border: none; border-radius: .5rem; padding: .75rem 1.5rem; font-size: .9rem; font-weight: 500; cursor: pointer; transition: background-color .3s, transform .2s;} .save-btn:focus {outline:none;} .save-btn:hover {background-color: #F9BE23;} .roboInserts {margin:25px 0; display:flex; flex-flow:column; gap:40px;} .licenseContainer {display:flex; flex-flow:column;} .licenseContainer h3 {text-align:center; font-size:32px; margin-bottom:45px;} .licenseGrid {display: flex ; justify-content: center; gap: 2rem; flex-wrap: wrap;} .licenseItem {background: rgba(255, 195, 0, .1); border-radius: 20px; padding: 20px 22.5px; width: 100%; max-width: 350px; display: flex ; flex-direction: column; position: relative; transition: transform .3s ease, box-shadow .3s ease;} .licenseItem:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, .1); } .licensePlan-header {margin-bottom:25px;} .licensePlan-header h3 {font-weight: 700; font-size: 20px; margin: 0 0 .75rem; text-align:left;} .licensePlan-header p {font-weight: 400; font-size: 16px; color: #d9d9d9; margin: 0; line-height: 1.4;} .licensePlan-price {margin-bottom:25px; display:flex; gap:8px; align-items:center;} .licensePlan-price span {} .licensePrice {font-weight: 600; font-size: 25px; color: #ffc300;} .licenseBuy {box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); background: rgba(255, 195, 0, .2); border: none; border-radius: 10px; padding: .9rem; font-size: 1rem; font-weight: 500; cursor: pointer; transition: background-color .3s ease, transform .2s ease; margin-bottom: 1.5rem; color:#fff;} .licenseBuy:focus {outline:none;} .licenseBuy:hover {background-color: rgba(226, 185, 51, .3); transform: translateY(-2px);} .licenseItem ul {} .licenseItem ul li {display: flex ; align-items: flex-start; margin-bottom: 20px; font-weight: 400; font-size: 16px; gap:8px;} .licenseItem ul li:before {content:'✓'; width:14px; height:14px; min-width:14px;} .licenseItem.popular {animation-duration: 1.5s; position:relative; animation: licenseAction 2s ease-in-out infinite; border:2px solid #FFC300;} @keyframes licenseAction { 0% { box-shadow: 0 0 15px rgba(242,201,76,.5) } 50% { box-shadow: 0 0 25px rgba(242,201,76,.8) } to { box-shadow: 0 0 15px rgba(242,201,76,.5) } } .profile-section {padding:100px 50px 50px 50px;} .account_wrapper {box-sizing: border-box; font-size: 16px; line-height: 16px; display: flex ; font-weight:300;} .account_info {width: 72px; height: 72px; flex-shrink: 0;} .account_info img {vertical-align:bottom; width:100%;} .account__details {margin-left:24px; display:flex; flex-flow:column; width:50%;} .acd-top {} .account-name {display:flex; align-items:center; gap:6px; font-weight:600; font-size:20px;} .account-name svg {width: 15px; height: 15px; margin-left: 11px; color: rgba(235, 236, 245, .4);} .account-name svg:hover {color:#fff;} .acd-list {display:flex; flex-wrap:wrap; margin-top:15px;} .acd-list li {width:25%; margin-bottom:15px;} .acd-item {display:flex; flex-flow:column; gap:5px;} .acd-label {color: rgba(235, 236, 245, .4); align-self: flex-start; line-height: 18px; font-size: 12px; cursor: pointer;} .acd-data {color:#fff; font-size:16px; font-weight:500;} .acd-rgl, .acd-lvl {display:flex; align-items:center; gap:5px; color:#fff;} .acd-rgl svg, .acd-lvl svg {width:12px; height:12px; min-width:12px;} .acd-rgl:hover, .acd-lvl:hover {color:#FFC300;} .acd-data .low {color:#d62035;} .account-container {padding-top:50px;} .setting-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); } .setting-info { flex-grow: 1; position:relative; padding-left:45px;} .setting-info svg {position:absolute; left:0; top:0; color:#fff; width:24px; height:24px;} .setting-title { font-weight: bold; margin-bottom: 5px; } .setting-description { color: #666; font-size: 13px;font-weight:300; } .setting-value { margin-right: 15px; color: #fff; } .change-btn { background: none; border: none; color: #FFC300; cursor: pointer; font-weight: bold; display: flex; align-items: center; } .edit-form { display: none; margin-top: 10px; padding: 10px; background: #1c1c1e; border-radius: 4px; } .edit-form input { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; } .save-btn { background-color: #FFC300; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; } .rHa-table .portfolio-table-body .view-area thead tr th .table-head-cell.right{text-align:right;} .rHa-table .portfolio-table-body .view-area thead tr th:first-child .table-head-cell.right {text-align:left;} @media screen and (max-width: 1260px) { .account__details {width:100%;} } @media screen and (max-width: 1180px) { .configTab h2, .tradeHistory-area h2, .mrh-left h2 {font-size:32px;} } @media screen and (max-width: 1160px) { .dw-tabs {flex-flow:nowrap;} .dw-container {flex-flow:column; gap:20px;} .withdraw-wrapper, .deposit-wrapper {padding-left:15px; padding-right:15px;} .configAction {max-width:100%;} } @media screen and (max-width: 1120px) { .pairsList li {width:20%;} } @media screen and (max-width: 1060px) { .transaction-area table thead tr th {width:auto;} .transaction-area tbody tr td {min-width:190px;} .transaction-area {max-width:calc(100vw - 80px);} .robot-historyTable, .transaction-area table {min-width:1040px;} .mrh-right {flex-flow:column; align-items: flex-end;} .switch-account {order:2;} .profile-section {padding-left:25px; padding-right:25px;} .account_info {width:40px; height:40px; min-width:40px;} } @media screen and (max-width: 960px) { .balance-sidebar {height:auto; position:relative; top:0; width:100%;} .balance-body {padding:0;} .balance-wrapper, .dw-mainContent {display:flex; flex-flow:column;} .assets-inner {padding:10px;} .balanceValue {font-size:20px;} .robo-wrapper {padding-left:15px; padding-right:15px;} .rt-left h1 {font-size:30px;} } @media screen and (max-width: 860px) { .robo-table {flex-flow:column;} .rt-left {width:100%; margin:0 0 40px 0; padding:0;} .rt-right {width:100%;} .pairsList li {width:25%;} .roboSetting-body {padding:15px;} .acd-list li {width:33.33%;} .rHa-table .portfolio-table-body .view-area {} .rHa-table .portfolio-table-body .view-area table {min-width:900px;} } @media screen and (max-width: 800px) { .configTab h2, .tradeHistory-area h2, .mrh-left h2 {font-size:28px;} .mrh-left p {font-size:14px;} } @media screen and (max-width: 720px) { .main-robo-header {flex-flow:column; align-items: flex-start; margin-bottom:20px;} .mrh-right {align-items: flex-start;} .robo-threeColumn {flex-flow:column; gap:15px;} .robo-threeColumn .tradeAmountsSection h3, .robo-threeColumn .leverageSection h3 {font-size:16px;} .robo-threeColumn .leverageSection h3 {margin-bottom:15px;} } @media screen and (max-width: 680px) { .cDtop-row {flex-flow:column;} } @media screen and (max-width: 640px) { .stepDeposit-Action {flex-flow:column;} .sDA-right {margin:20px 0 0 0; align-items: center;} .at-list {display:flex; flex-wrap:wrap;} .pairsList li {width:33.33%;} .acd-list li {width:50%;} .setting-item{flex-flow: column; align-items: flex-start; gap:10px;} .change-btn {margin-left:38px;} } @media screen and (max-width: 560px) { .cdA-cell {flex-flow:column;} .cdac-wrap {width:100%; align-items: center;} .cdAa-adress-text {text-align:center;} .cdA-copy {width:100%;} } @media screen and (max-width: 480px) { .robo-tabs-row button {font-size:16px;} .pairsList li {width:50%;} } @media screen and (max-width: 460px) { .header-article .logotype span {display:none;} .user-dashboard {max-width:100%; border:1px solid #171718; width:100%; height:auto;} .user-dashboard {gap:20px;} .configAction {flex-flow:column;} .acd-list li, .confLicense, .confAction {width:100%;} } @media screen and (max-width: 400px) { .assets-drop { width: 320px; } .robo-action-btn, .robot-status, .robot-statusLabel {font-size:14px;} } @media screen and (max-width: 380px) { .checkbox-text {font-size:12px;} .checkbox-container {gap:5px;} .tradeA-cell {flex-flow:column; gap:15px;} .tradeA-item {width:100%;} }