body{margin:0;font-family:Prompt,serif;background-color:#fff;color:#fff;justify-content:center;align-items:center}.containerr{width:90%;max-width:400px;margin:10px auto 0;background-color:#e9e8ea;border-radius:20px;padding:10px;box-shadow:0 0 10px #00000080}.logo-container{display:flex;align-items:center}.header{position:sticky;top:0;display:flex;align-items:center;padding:10px;background-color:#e9e8ea;border-bottom:1px solid #000000}.header .profile-txt{font-size:clamp(8px,4vw,16px);white-space:nowrap;font-weight:700;color:#333}.header .nav-container{margin-left:auto;margin-right:5px}.header img{margin-left:10px;max-width:100%;height:auto;width:150px}.header2{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header2 img{max-width:100%;height:auto;width:150px}.header2 .icons{display:flex;gap:10px}.header2 .icons i{font-size:20px}.swap-container{background:linear-gradient(90deg,#511f8f,#8c4dab);border-radius:20px;padding:10px}.swap-container .tabs{display:flex;margin-bottom:20px}.swap-container .tabs div{padding:10px 20px;border-radius:10px;background-color:#a33838;cursor:pointer}.swap-container .tabs .active{background-color:#ede9fe}.swap-container .settings{display:flex;justify-content:flex-end;margin-bottom:20px}.swap-container .settings i{font-size:20px}.swap-container .swap-box{background-color:transparent;border:2px solid;border-color:#fff;border-radius:20px;padding:10px;margin-bottom:20px}.swap-container .swap-box .from-to{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.from-tx{font-size:14px;display:flex;justify-content:space-between}.swap-container .swap-box .from-too{padding:10px;background-color:#e9e8ea;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.swap-container .swap-box .from-too .from-txt{display:flex;gap:5px;align-items:center;color:#000}.swap-container .swap-box .from-too img{width:30px;height:30px}.swap-container .swap-box .from-too .amount{font-size:24px;color:#000}.swap-container .swap-box .from-too .amount1{display:flex;flex-direction:column;align-items:end;color:#000}.swap-container .swap-box .from-to img{width:30px;height:30px}.swap-container .swap-box .from-to .amount{font-size:24px;color:#b8b8d1}.swap-container .swap-box .from-to .amount1{display:flex;flex-direction:column;align-items:end;color:#b8b8d1}.large-number{font-size:25px;color:#000}.small-price{font-size:12px;padding-right:2px;margin-top:-10px}.swap-container .swap-box .from-to .from-txt{display:flex;gap:5px;align-items:center}.swap-container .swap-box .swap-icon{margin-top:-10px;display:flex;justify-content:center;margin-bottom:-5px}.swap-container .swap-box .swap-icon i{font-size:24px;color:#fff}.connect-wallet{background:linear-gradient(90deg,#8c4dab,#511f8f);font-family:Prompt,serif;height:50px;margin-top:10px;color:#fff;width:100%;border:0px;padding:15px;border-radius:10px;text-align:center;font-weight:700}.connect-wallet:hover{font-family:Prompt,serif;border:2px solid;border-color:#fff;background-color:#e9e8ea}.footer{text-align:center;margin-top:60px}.footer h1{font-size:2em;margin:0;color:#7d36db}.footer p{margin:10px 0;color:#888}.footer a{color:#7d36db;margin:0 15px;text-decoration:none}.footer .icons{margin-top:10px}.footer .icons i{font-size:1.5em;margin:0 10px}.swap-fee-txt{margin-top:2px;color:#000;font-size:11px;text-align:center}