:root{width:100%;--bg-primary-color: #030728;--bg-secondary-color: rgba(2, 7, 40, .5);--bg-white-color: #fff;--bg-black-color: #000}*{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:url(/assets/bg-DufBsqCu.png) no-repeat center;background-size:cover}.currency-converter{margin:0 auto;padding:40px 30px 50px;border-radius:8px;min-width:410px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--bg-secondary-color);border:1px solid rgba(255,255,255,.3)}@media (max-width: 425px){.currency-converter{min-width:350px}}.currency-converter .converter-title{color:var(--bg-white-color);font-size:1.6rem;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:var(--bg-white-color);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:var(--bg-white-color);font-weight:500;min-height:48px;border-radius:6px;background-color:#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:var(--bg-white-color);font-size:1rem;font-weight:500;padding:0 10px 0 5px}.form-currency-group .currency-select .currency-dropdown option{color:var(--bg-black-color);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;transition:.2s ease}.converter-form .submit-button.loading{opacity:.8;pointer-events:none}.converter-form .submit-button:hover{background:#ffffff4d}.converter-form .exchange-rate-result{color:var(--bg-white-color);font-size:1.1rem;font-weight:500;text-align:center;padding:25px 0;margin-top:30px;border-radius:6px;letter-spacing:.5px;background:#ffffff26}