body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Toastify__toast{font-family:Avenir;font-style:normal;font-size:16px}.App-logo{height:40vmin;pointer-events:none}.order-card{background:#fff;padding-top:16px;max-width:250px;width:250px;font-family:Avenir;font-style:normal}.order-card .heading{color:#292535;font-weight:500;font-size:24px;text-align:left;margin-bottom:16px;text-transform:uppercase}.order-card .title{margin:0 16px 16px}.order-card .split-heading{display:flex;justify-content:space-between}.order-card .info{color:rgba(119,117,126,.5);font-size:16px}.order-card .form-control:focus{box-shadow:none}.order-card .action-card{box-shadow:0 4px 10px hsla(0,0%,87.1%,.5);border-radius:4px;padding:16px;margin:0 16px 16px}.order-card .action-card .button-group{display:flex;flex-wrap:wrap;margin-bottom:12px}.order-card .action-card .button-group button{box-sizing:border-box;border-radius:4px;font-weight:800;font-size:14px;background:#fff;width:88px;height:32px}.order-card .action-card .button-group .buy{border:1px solid #49d273;color:#49d273}.order-card .action-card .button-group .sell{border:1px solid #ec7987;color:#fff;background:#ec7987}.order-card .action-card .button-group>button:first-child{margin-right:8px}.order-card .action-card .currency-date{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:12px}.order-card .action-card .currency-date .currency-type{color:#292535;font-weight:800;font-size:18px}.order-card .action-card .currency-date .date{color:#77757e;font-weight:300;font-size:12px}.order-card .action-card .currency-date>div:first-child{margin-right:4px}.order-card .action-card .action-price{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:12px}.order-card .action-card .action-price .icon{color:#292535;font-size:16px}.order-card .action-card .action-price .price{color:#292535;font-weight:300;font-size:12px}.order-card .action-card .action-price>i:first-child{margin-right:6px}.order-card .action-card .details .text{font-weight:300;font-size:12px;text-align:left;display:flex;align-items:flex-start}.order-card .action-card .details .text .info{color:rgba(119,117,126,.5);font-size:16px;margin-right:4px}.order-card .action-card .details .text a{color:#292535;font-weight:500}.order-card .market-limit-card{box-shadow:0 4px 10px hsla(0,0%,87.1%,.5);border-radius:4px;margin:0 16px 16px}.order-card .market-limit-card .nav-item button{font-weight:400;font-size:12px;letter-spacing:.1em;border-radius:0;color:#292535;background:rgba(220,218,233,.2)}.order-card .market-limit-card .nav-tabs .limit .nav-link.active{color:#292535;border-color:#fff #fff #fff rgba(41,37,53,.2)}.order-card .market-limit-card .nav-tabs .market .nav-link.active{color:#292535;border-color:#fff rgba(41,37,53,.2) #fff #fff}.order-card .market-limit-card .tab-content{padding:16px}.order-card .market-limit-card .tab-content .metrics .heading{font-weight:500;font-size:12px;letter-spacing:.1em;color:#292535;text-align:left;margin-bottom:6px;display:flex;align-items:flex-end}.order-card .market-limit-card .tab-content .metrics .heading .info{color:rgba(119,117,126,.5);font-size:13px;margin-left:4px}.order-card .market-limit-card .tab-content .metrics .position{margin-bottom:16px}.order-card .market-limit-card .tab-content .metrics .position .otoken{border:1px solid #dcdae9;box-sizing:border-box;border-radius:4px;padding:6px;min-height:60px}.order-card .market-limit-card .tab-content .metrics .position .otoken .balance{display:flex;background:rgba(220,218,233,.3);border-radius:2px;justify-content:space-between;padding:2px 4px;margin-bottom:8px}.order-card .market-limit-card .tab-content .metrics .position .otoken .balance .text{color:#77757e;font-size:10px}.order-card .market-limit-card .tab-content .metrics .position .otoken .balance .number{color:#77757e;font-weight:800;font-size:12px}.order-card .market-limit-card .tab-content .metrics .position .otoken .token-input{display:flex;justify-content:space-between}.order-card .market-limit-card .tab-content .metrics .position .otoken .token-input .form-control{font-size:20px;border:none;padding:0;width:80%}.order-card .market-limit-card .tab-content .metrics .position .otoken .token-input .max-button{font-size:10px;color:#77757e;display:flex;align-items:center}.order-card .market-limit-card .tab-content .metrics .position .otoken .token-input .max-button .button{border:1px solid #4dadf3;box-sizing:border-box;border-radius:4px;color:#4dadf3;text-transform:uppercase;font-size:8px;padding:1px 4px;margin-right:4px;cursor:pointer;font-weight:800}.order-card .market-limit-card .tab-content .metrics .collateral .heading{letter-spacing:normal!important}.order-card .market-limit-card .tab-content .metrics .collateral .form-control{border-color:#dcdae9 transparent #dcdae9 #dcdae9}.order-card .market-limit-card .tab-content .metrics .collateral .input-group-text{color:#77757e;border-color:#dcdae9 #dcdae9 #dcdae9 transparent;background:none;font-size:10px}.order-card .market-limit-card .tab-content .metrics .spot{margin-bottom:16px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input{border:1px solid #dcdae9;box-sizing:border-box;border-radius:4px;padding:10px;display:flex;justify-content:space-between;height:40px;align-items:center}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button{display:flex;background:rgba(220,218,233,.4);border-radius:32px;height:20px;width:41px;justify-content:space-around;cursor:pointer;position:relative}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button div{color:rgba(119,117,126,.4);font-size:15px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button div:first-child{margin-right:6px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button .active{background:#77757e;height:20px;border-radius:50%;color:#fff;width:20px;position:relative}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button .active .minus{position:absolute;bottom:0;top:0;left:2px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button .active .plus{position:absolute;bottom:0;top:0;left:3px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button .action .plus{margin-right:2px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .action-button .action .minus{font-size:15px}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .input-group{width:50%}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .form-control{border:none;text-align:end}.order-card .market-limit-card .tab-content .metrics .spot .spot-input .input-group-text{background:transparent;border:none;color:#77757e;font-size:10px;padding:6px 2px}.order-card .market-limit-card .tab-content .metrics .collateral-range,.order-card .market-limit-card .tab-content .metrics .liquidation{margin-bottom:16px}.order-card .market-limit-card .tab-content .metrics .liquidation .form-control{border:none}.order-card .market-limit-card .tab-content .metrics .step-details{margin-bottom:16px}.order-card .market-limit-card .tab-content .metrics .step-details .step-heading{font-weight:400;font-size:12px;letter-spacing:.1em;color:#292535;text-align:left;margin-bottom:10px}.order-card .market-limit-card .tab-content .metrics .step-details .list-item{font-weight:300;font-size:12px;color:#77757e;display:grid;justify-content:flex-start;grid-template-columns:auto 140px auto;align-items:center;text-align:left;margin-bottom:16px}.order-card .market-limit-card .tab-content .metrics .step-details .list-item i{font-size:18px!important}.order-card .market-limit-card .tab-content .metrics .step-details .list-item .right{margin-right:10px}.order-card .market-limit-card .tab-content .metrics .step-details .active{color:#292535!important;font-weight:500;font-size:12px}.order-card .market-limit-card .tab-content .metrics .step-details .active .text{-webkit-text-decoration-line:underline;text-decoration-line:underline}.order-card .market-limit-card .tab-content .metrics .step-details .active i{-webkit-text-decoration-line:none;text-decoration-line:none}.order-card .market-limit-card .tab-content .metrics .action-summary{background:rgba(220,218,233,.2);padding:16px;text-align:left;border-top-left-radius:4px;border-top-right-radius:4px}.order-card .market-limit-card .tab-content .metrics .action-summary .action-heading{font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#292535;margin-bottom:10px}.order-card .market-limit-card .tab-content .metrics .action-summary .sub-heading{color:#292535;font-weight:500;font-size:12px;display:flex;flex-direction:row;align-items:center}.order-card .market-limit-card .tab-content .metrics .action-summary .sub-heading .info{font-size:14px;margin-left:6px}.order-card .market-limit-card .tab-content .metrics .action-summary .currency{font-weight:300;font-size:14px;color:#292535;padding-bottom:12px;border-bottom:1px solid #dcdae9;margin-bottom:8px}.order-card .market-limit-card .tab-content .metrics .action-summary .action-list{color:#77757e}.order-card .market-limit-card .tab-content .metrics .action-summary .action-list .list-item{margin-bottom:12px}.order-card .market-limit-card .tab-content .metrics .action-summary .action-list .list-item:last-child{margin-bottom:0}.order-card .market-limit-card .tab-content .metrics .action-summary .list-item .name{display:flex;flex-direction:row;align-items:center;font-weight:500;font-size:12px}.order-card .market-limit-card .tab-content .metrics .action-summary .list-item .name .info{font-size:14px;margin-left:6px}.order-card .market-limit-card .tab-content .metrics .action-summary .list-item .cost{display:flex;flex-direction:row;align-items:baseline}.order-card .market-limit-card .tab-content .metrics .action-summary .list-item .cost .number{font-weight:400;font-size:14px;margin-right:4px}.order-card .market-limit-card .tab-content .metrics .action-summary .list-item .cost .text{font-weight:300;font-size:10px}.order-card .market-limit-card .tab-content .metrics .action-footer{background:rgba(220,218,233,.4);border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:12px 8px}.order-card .market-limit-card .tab-content .metrics .action-footer .cost{display:flex;flex-direction:row;align-items:baseline}.order-card .market-limit-card .tab-content .metrics .action-footer .cost .number{font-weight:800;font-size:14px;margin-right:4px}.order-card .market-limit-card .tab-content .metrics .action-footer .cost .crypto{font-weight:400;font-size:12px;color:#77757e}.order-card .footer{background:#fff;box-shadow:0 -4px 10px hsla(0,0%,87.1%,.5);padding:12px 16px}.order-card .footer .btn{width:100%;border-radius:4px;text-transform:uppercase;font-weight:500;font-size:14px;color:#fff;padding:12px 6px}.order-card .footer .btn-danger{background-color:#cd6116;border-color:#cd6116}.order-card .footer .btn-success{background-color:#49d273;border-color:#49d273}.order-card .footer .btn .spinner-border{width:14px;height:14px;margin-right:10px;border:1px solid;border-right:1px solid transparent}
/*# sourceMappingURL=main.1eda27de.chunk.css.map */