.trade-wallet-balances{display:grid;grid-template-columns:1fr;gap:4px;margin:13px 0 18px}
.trade-wallet-balances div{min-width:0;border:1px solid #333449;border-radius:9px;background:#171a29;padding:8px 10px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.trade-wallet-balances span{font-size:10px;color:#ad9bee;font-weight:800;letter-spacing:.1em}
.trade-wallet-balances strong{font:600 12px Arial,sans-serif;text-align:right;overflow-wrap:anywhere}
.trade-currency-label{font-size:11px;font-weight:700;color:#aeb0c0}
.currency-switch{margin:7px 0 16px}
.trade-available{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#a5a4ba;font-size:11px;gap:6px}
.trade-available button{border:0;background:transparent;color:#bb9aff;font-size:10px;font-weight:800;padding:4px}
.trade-receive{display:flex;justify-content:space-between;align-items:center;color:#aeb0c0;font-size:11px;margin:15px 0 3px}
.trade-receive strong{color:#f5f0ff;font-size:13px}
.exchange-box{border:1px solid #4d436d;background:linear-gradient(145deg,#181b2b,#121421);border-radius:15px;padding:14px;box-shadow:inset 0 1px #ffffff0b}
.exchange-box:focus-within{border-color:#ae8dff;box-shadow:0 0 0 3px #9d7eff21}
.exchange-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#b8b1ca;font-size:10px}
.exchange-head label{font-weight:800;color:#ddd5f3}
.exchange-head>span{color:#c1b0ed;white-space:nowrap}
.exchange-input{display:flex;align-items:center;gap:8px;margin-top:10px}
.exchange-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:clamp(23px,3vw,30px);font-weight:600;font-variant-numeric:tabular-nums}
.exchange-input input::placeholder{color:#626278}
.exchange-asset{display:flex;align-items:center;gap:5px;flex:none;border:1px solid #45405d;border-radius:11px;background:#27253b;padding:5px 7px}
.exchange-asset strong{font-size:12px;color:#fff}
.exchange-asset button{border:0;background:transparent;color:#c7a9ff;font-size:10px;font-weight:800;padding:4px 2px 4px 6px;border-left:1px solid #55506e}
.exchange-coin,.exchange-coin svg,.exchange-coin img{display:block;width:19px;height:19px;border-radius:50%}
.exchange-receive{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 3px 4px;color:#aaa9bb;font-size:11px}
.exchange-receive span strong{color:#fff}
.exchange-receive>strong{font-size:15px;color:#e2cffd;text-align:right;overflow-wrap:anywhere}
@media(max-width:390px){.exchange-head{flex-wrap:wrap}.exchange-head>span{text-align:left}.exchange-input input{font-size:23px}}