body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#14171b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#14171b;position:relative}.notifications{border-radius:5px;left:5%;padding:0 5px;position:absolute;top:-30px}.notifications p{margin:10px}.mainTitle{align-items:center;color:#fff;display:flex;font-family:Arial;font-size:3vw;font-weight:600;justify-content:center;margin:40px 0 0}.mainTitle .titleImage{height:auto;margin-right:15px;object-fit:contain;width:55px}.mainTitle span{color:#4ade80}.mainTitle p{margin:0}.caTitle{color:#fff;display:flex;justify-content:center;margin:10px 0 30px}.caTitle p{color:#fff;font-family:Arial;font-size:1.5vw;font-weight:500}.mainContainer{display:flex;gap:1.5rem;padding-left:3rem;padding-right:3rem}.chartContainer{height:33vw;margin-left:auto;width:65%}.tradeBox{background-color:#292a32;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:auto;margin-left:10px;max-width:350px;padding-bottom:20px}.buttonContainer{display:flex;gap:8px;margin:20px 20px 0}.buttonContainer button{background-color:#4b5563;border:none;border-radius:4px;color:#17171b;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:10px 0}.tradeBox button.selected-buy{background-color:#4ade80}.tradeBox button.selected-sell{background-color:#f87171}.inputContainer{align-items:center;border:1.5px solid #dfe4ed;border-radius:8px;display:flex;margin:-10px 20px 0;padding:8px 12px}.amountInput{background:#0000;border:none;color:#fff;flex:1 1;font-size:24px;min-width:0;outline:none}.tokenDisplay{align-items:center;display:flex;gap:8px}.tokenDisplay span{color:#fff;font-size:18px}.tokenDisplay img{border-radius:50%;height:28px;width:28px}.quickButtons{display:flex;gap:6px;margin:0 20px}.quickButtons button{background-color:#151619;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:8px 0}.tradeBox .balanceContainer{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:0 20px}.tradeButtonContainer{display:flex;justify-content:center;margin:0 20px}.tradeButtonContainer .tradeButton{background-color:#4ade80;border:none;border-radius:4px;color:#17171b;cursor:pointer;font-size:16px;font-weight:500;padding:10px 0;width:100%}.coinInfo{align-items:flex-start;display:flex;gap:0;justify-content:flex-start;margin:20px 0 0 10px}.coinInfo .coinImage{border-radius:5px;width:100px}.coinInfo .coinName{color:#e5e7eb;font-family:Arial;font-size:16px;font-weight:600;margin:0;padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-15px)}50%{transform:translateX(15px)}75%{transform:translateX(-15px)}to{transform:translateX(0)}}.shake{animation:shake .25s}
/*# sourceMappingURL=main.5d525f87.css.map*/