body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#1861d0;display:flex;font-family:Nunito,sans-serif;height:100vh;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#fff;font-size:45px;font-weight:500;margin-top:10px;text-align:center}@media screen and (max-width:1024px){h1{font-size:40px;margin-bottom:0}}@media screen and (max-width:768px){body{height:100%}h1{font-size:35px}}.main-box{display:flex;gap:20px;width:680px}.form-box{flex:1 1}.currency-box{background:#fff;border-radius:10px;color:#3f3f3f;margin-bottom:15px;padding:30px 20px}.currency-box label{display:block;font-size:14px;margin-bottom:5px}.from-exchange{display:flex;gap:20px;justify-content:space-between}.amount-box{flex:1 1}.from-exchange input{background:none;color:#222;font-size:17px;outline:none;padding:11px 10px;width:90%}.currecny-data,.from-exchange input{border:1px solid #d7d7d7;border-radius:5px}.currecny-data{padding:4px 6px 0;width:110px}.currecny-data img{float:left;margin-right:5px;width:34px}.from-exchange select{background:none;border:none;margin-top:5px;outline:none;padding:3px 5px}.swap-box{background:#1861d0;border:3px solid #fff;border-radius:50px;cursor:pointer;display:block;height:55px;margin:-35px auto -20px;position:relative;text-align:center;width:55px}.swap-svg{fill:#fff;margin-left:20px;padding-top:24px;rotate:90deg;width:19px}.exchange-btn{background:#fd0;border:none;border-radius:6px;color:#222;cursor:pointer;font-size:16px;font-weight:700;padding:16px 0;text-align:center;text-transform:uppercase;width:100%}.exchange-btn:hover{background:#fff}.from-exchange ::placeholder{color:#000}.exchange-list-box{background:#fff;border-radius:10px;flex:1 1;padding:20px}.exchange-list-box h2{font-size:22px;margin-top:0;text-align:center}table thead{background:#f1f7f9}table thead th{font-size:12px;padding:8px 7px}table tbody td{border-bottom:1px solid #ebeff2;font-size:13px;padding:11px 10px}.table-list{height:240px;max-height:300px;overflow-y:scroll}.flag-icon{float:left;margin-right:5px;margin-top:-2px;width:20px}.value-btn{background:#c7f8ed;border-radius:4px;color:#00544d;display:block;font-weight:500;padding:4px 11px;text-align:center}.table-list::-webkit-scrollbar-track{background-color:#33bbf1}.table-list::-webkit-scrollbar{background-color:#33bbf1;width:4px}.table-list::-webkit-scrollbar-thumb{background-color:#2486ac;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,#fff3),color-stop(.5,#0000),to(#0000))}@media screen and (max-width:768px){.main-box{flex-direction:column;padding:20px 2%;width:96%}}
/*# sourceMappingURL=main.d88ca6f5.css.map*/