@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#030728 no-repeat center}#root{width:100%}.currency-converter{max-width:410px;margin:0 auto;padding:40px 30px 50px;border-radius:8px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#02072880;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000080}.currency-converter .converter-title{color:#fff;font-size:1.65rem;font-weight:600;text-align:center}.currency-converter .converter-form{margin-top:45px}.converter-form .form-group{display:flex;margin-bottom:30px;flex-direction:column}.converter-form .form-group .form-label{color:#fff;font-weight:500;display:block;margin-bottom:9px;font-size:1rem}.converter-form .form-group .form-input{outline:none;font-size:1.1rem;padding:0 15px;color:#fff;font-weight:500;min-height:48px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.5)}.converter-form .form-currency-group{flex-direction:row;align-items:center;justify-content:space-between}.form-currency-group .currency-select{display:flex;padding:0 10px;min-height:45px;align-items:center;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.5)}.form-currency-group .currency-select img{width:25px}.form-currency-group .currency-select .currency-dropdown{outline:none;border:none;background:none;color:#fff;font-size:1rem;font-weight:500;padding:0 10px 0 5px}.form-currency-group .currency-select .currency-dropdown option{color:#000;font-weight:500}.form-currency-group .swap-icon{height:40px;width:40px;cursor:pointer;display:flex;margin-top:25px;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.5);transition:.2s ease}.form-currency-group .swap-icon:hover{background:#ffffff4d}.converter-form .submit-button{width:100%;min-height:52px;border-radius:6px;border:none;outline:none;font-size:1rem;font-weight:600;cursor:pointer;margin-top:5px;transition:.2s ease}.converter-form .submit-button.loading{opacity:.7;pointer-events:none}.converter-form .submit-button:hover{background:#ffffffb3}.converter-form .exchange-rate-result{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;padding:25px 0;margin-top:25px;border-radius:6px;letter-spacing:.5px;background:#ffffff26}@media (max-width: 640px){body{padding:0 10px}.currency-converter{padding:30px 20px 40px}}