@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;background-color:#f0f2f5;font-family:Inter,sans-serif}.card{background-color:#fff;width:55%;min-width:550px;padding:50px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:15px}.card img{width:60px}h1{background:#fff;font-size:30px!important;margin-bottom:2rem;font-weight:700;color:#333}.currencyExchangeFields{display:flex;justify-content:space-between;min-width:40px;background-color:#fff}.input_container{width:30%;height:fit-content;position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;margin-right:30px}.input_label{font-size:.95rem;color:#8b8e98;font-weight:600;background-color:#fff}.input_field{width:auto;height:60px;background:#fff;padding:0 0 0 40px;border-radius:7px;outline:none;filter:drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px .5px rgba(239,239,239,.5));transition:all .3s cubic-bezier(.15,.83,.66,1);font-size:15px}.input_field:focus{border:1px solid efefef;background:#fff;box-shadow:0 0 #242424;background-color:transparent}.output{background:#fff}h2{width:50%;margin-top:20px;background-color:#e8f8fd;padding:26px;border-radius:10px;font-weight:500}.swapButton{border:none;width:auto;background:#fff;margin-top:30px;margin-right:5px;margin-left:-20px;cursor:pointer}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:white(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:4px solid black;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.spinner-container p{color:#000;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}