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;height:100vh;width:100vw;background-color:#192134!important;background:rgb(25,33,52);background:linear-gradient(180deg,rgba(25,33,52,1) 28%,rgba(7,8,21,1) 75%);color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ant-input{background-color:#1f2639!important;color:#fff!important;border-width:0px!important;height:96px!important;margin-bottom:5px;font-size:35px;border-radius:12px!important}.ant-input::placeholder{color:#5f6783!important}.ant-popover-arrow{visibility:hidden}.ant-popover-title,.ant-popover-inner-content{color:#fff!important}.ant-popover-inner{min-width:260px!important;min-height:140px!important;border:1px solid #21273a;background-color:#0e111b!important}.ant-radio-group{margin-top:10px}.ant-radio-button-wrapper{background-color:#1f2639!important;color:#fff!important;font-weight:500;border-color:#fff!important}.ant-radio-button-wrapper-checked{border-color:#fff!important;background-color:#363e54!important}.ant-radio-button-wrapper-checked:before{background-color:#fff!important}.ant-modal-content{background-color:#0e111b!important;color:#fff!important;padding:0!important}.ant-modal{border:1px solid #363e54;width:400px!important;border-radius:10px}.ant-modal-header{background-color:#0e111b!important}.ant-modal-title{color:#fff!important;padding-top:17px!important;margin-left:20px!important}.ant-modal-close-icon{color:#363e54!important;transition:.3s}.ant-modal-close-icon:hover{color:#fff!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.App{text-align:center}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding-left:50px;padding-right:50px}.logo{width:40px;height:40px;padding-right:20px}.eth{width:125px;height:auto;padding-right:10px}.leftH{display:flex;align-items:center;gap:20px}.rightH{display:flex;align-items:center;justify-content:flex-end;gap:20px}.headerItem{padding:10px 15px;border-radius:5px;font-weight:500;transition:.3s;display:flex;align-items:center}.headerItem:hover{background-color:#222a3a;cursor:pointer}.connectButton{background-color:#243056;padding:10px 20px;border-radius:100px;color:#5981f3;font-weight:700;transition:.3s}.connectButton:hover{cursor:pointer;color:#3b4874}.mainWindow{margin-top:40px;display:flex;justify-content:center}.link{text-decoration:none;color:#fff}.tradeBox{width:400px;background-color:#0e111b;border:1px solid #5981F36f;min-height:300px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:30px;padding-right:30px;box-shadow:0 0 75px #5981f33f}.tradeBoxHeader{display:flex;justify-content:space-between;align-items:center;width:98%}.cog{color:#51586f;transition:.3s}.cog:hover{color:#fff;rotate:90deg;cursor:pointer}.switchButton{background-color:#3a4157;width:25px;height:25px;align-items:center;justify-content:center;display:flex;border-radius:8px;position:absolute;top:86px;left:180px;color:#5f6783;border:3px solid #0E111B;font-size:12px;transition:.3s}.dollarAmount{position:absolute;top:75px;left:14px;font-size:10px;color:#5f6783}.switchButton:hover{color:#fff;cursor:pointer}.inputs{position:relative}.assetOne{position:absolute;min-width:50px;height:30px;background-color:#3a4157;top:36px;right:20px;border-radius:100px;display:flex;justify-content:flex-start;align-items:center;gap:5px;font-weight:700;font-size:17px;padding-right:8px}.assetTwo{position:absolute;min-width:50px;height:30px;background-color:#3a4157;top:135px;right:20px;border-radius:100px;display:flex;justify-content:flex-start;align-items:center;gap:5px;font-weight:700;font-size:17px;padding-right:8px}.assetOne:hover,.assetTwo:hover{cursor:pointer}.assetLogo{height:22px;margin-left:5px}.calculate{display:flex;justify-content:center;align-items:center;background-color:inherit;border:1px solid #5982f349;width:100%;height:40px;font-size:15px;border-radius:12px;color:#5981f3;font-weight:700;transition:.3s;margin-top:2px;margin-bottom:0}.swapButton{display:flex;justify-content:center;align-items:center;background-color:#243056;width:100%;height:55px;font-size:20px;border-radius:12px;color:#5981f3;font-weight:700;transition:.3s;margin-bottom:30px;margin-top:8px}.swapButton[disabled]{background-color:#243056;opacity:.4;color:#5982f39b}.swapButton[disabled]:hover{cursor:not-allowed;background-color:#243056}.swapButton:hover{cursor:pointer;background-color:#3b4874}.tokenLogo{height:40px;width:40px}.modalContent{border-top:1px solid #363e54;margin-top:20px;display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.modalContent{scrollbar-width:thin;scrollbar-color:#3a4157 #0E111B}.modalContent::-webkit-scrollbar{width:10px}.modalContent::-webkit-scrollbar-track{background:#0E111B;border-left:1px solid #363e54}.modalContent::-webkit-scrollbar-thumb{background-color:#3a4157;border-radius:8px;border:2px solid #0E111B}.modalContent:hover::-webkit-scrollbar-thumb{background-color:#4a5675}.modalContent::-webkit-scrollbar-thumb:active{background-color:#5981f3}.modalContent::-webkit-scrollbar-corner{background:#0E111B}.tokenChoice{display:flex;justify-content:flex-start;align-items:center;padding-left:20px;padding-top:10px;padding-bottom:10px}.tokenChoice:hover{cursor:pointer;background-color:#1f2639}.tokenName{margin-left:10px;font-size:16px;font-weight:500}.tokenTicker{margin-left:10px;font-size:13px;font-weight:300;color:#51596f}.list-group{list-style-type:none;padding:0;margin:0;background-color:#0e111b;width:80vh;border-radius:14px;border:1px solid #5981F36f;box-shadow:0 0 75px #5981f33f;max-height:50vh;overflow-y:auto}.list-group{scrollbar-width:thin;scrollbar-color:#3a4157 #0E111B}.list-group::-webkit-scrollbar{width:10px}.list-group::-webkit-scrollbar-track{background:#0E111B;border-left:1px solid #363e54}.list-group::-webkit-scrollbar-thumb{background-color:#3a4157;border-radius:8px;border:2px solid #0E111B}.list-group:hover::-webkit-scrollbar-thumb{background-color:#4a5675}.list-group::-webkit-scrollbar-thumb:active{background-color:#5981f3}.list-group::-webkit-scrollbar-corner{background:#0E111B}.list-group li{border-bottom:1px solid #5981F36f;overflow:hidden;padding:0 0 0 15px}.list-group-item{display:flex;justify-content:flex-start;align-items:center;gap:20px}.list-group-info{display:flex;justify-content:flex-start;align-items:center;gap:67px;color:gray}.token-logo{width:30px;height:30px}.list-group-item p{color:gray}.tokens h2{text-align:left;padding-left:20px}.list-group li:hover:not(:first-child){cursor:pointer;background-color:#121622}.list-group li:last-child{border-radius:0 0 14px 14px;border:none}.tokens h2,h4{font-weight:600}