@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.tooltip-container{position:relative;display:flex;align-items:center;cursor:pointer}.info-icon{background:#00eaff;color:#051136;font-size:13px;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 0 8px #0640ff95;transition:all .1s ease;cursor:pointer}.info-icon:hover{background:#051136;color:#00eaff;box-shadow:0 0 12px #0640ffcc;transform:scale(1.1)}.tooltip-text{display:block;background:#051136e6;color:#00eaff;padding:15px;border-radius:4px;border:2px solid rgb(0,234,255);box-shadow:0 0 32px 2px #0640ff95;position:absolute;top:100%;left:0;transform:translateY(8px);white-space:pre-line;font-size:14px;max-width:350px;width:100%;z-index:10}.tooltip-close{position:absolute;top:5px;right:10px;color:#faebd7;padding:2px;font-size:20px;cursor:pointer}.tooltip-text h4{margin-top:0;margin-bottom:8px;font-size:16px;color:#fff;text-align:center}.tooltip-text p,.tooltip-text ul{margin:0}.tooltip-text ul{list-style-type:disc;padding-left:20px}.tooltip-text li{margin-bottom:8px}.tooltip-text a{color:#00eaff;text-decoration:none;border-bottom:2px solid rgb(0,234,255);transition:all .1s ease}.tooltip-text a:hover{color:#fdfefb;border-bottom:2px solid #52f616}@media (max-width: 600px){.tooltip-text{max-width:200px}}@media (min-width: 1200px){.tooltip-text{max-width:350px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{display:flex;align-items:center;justify-content:center;padding:5px}#root{width:100%}.currency-converter{max-width:1200px;max-height:fit-content;margin:0 auto;padding:40px 30px 50px;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#051136;border:4px solid rgb(0,234,255);box-shadow:0 0 32px 2px #0640ff95}.currency-converter .converter-title{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:10px}.currency-converter .converter-form{margin-top:15px}.converter-form .form-group{display:flex;margin-bottom:10px;flex-direction:column}.converter-form .form-group .form-label{color:#d0d0d0;font-weight:600;display:block;margin-bottom:4px;font-size:.8rem}.converter-form .form-group .form-input{outline:none;font-size:1rem;padding:0 15px;color:#f0f0f0;font-weight:500;min-height:50px;border-radius:8px;background:#fff3;border:1px solid rgba(255,255,255,.6)}.converter-form .form-currency-group{flex-direction:row;align-items:center;justify-content:space-between}.form-currency-group .currency-select{position:relative;display:flex;align-items:center;padding:0 8px;width:500px;height:50px;border-radius:8px;background:#fff3;border:1px solid rgba(255,255,255,.6)}.form-currency-group .currency-select img{width:25px;margin-right:10px}.form-currency-group .currency-select-header{display:flex;align-items:center;width:100%;cursor:pointer}.form-currency-group .currency-select-header span{color:#fff;font-size:1.1rem;font-weight:500}.currency-select-dropdown{position:relative;z-index:10}.currency-select-options{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.currency-select-option{padding:8px 12px;cursor:pointer}.currency-select-option:hover{background-color:#ffffff1a}.no-results{color:#888;text-align:center;padding:8px}.form-currency-group .currency-select .currency-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fffffff2;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10;max-height:300px;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column}.form-currency-group .currency-select .currency-select-search{margin-left:5px;margin-right:5px;width:98%;padding:10px;border:1px solid transparent;border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box;font-size:1rem}.currency-select-search:focus{border-color:#0004ff;box-shadow:0 0 0 2px #00aaffa4;outline:violet;border-radius:5px}.form-currency-group .currency-select .currency-select-options{list-style:none;margin:0;padding:0}.form-currency-group .currency-select .currency-select-option{padding:8px 16px;cursor:pointer;transition:background-color .2s}.form-currency-group .currency-select .currency-select-option:hover{background-color:#0000001a}.currency-select-arrow{margin-left:auto;transition:transform .3s ease}.currency-select-arrow.open{transform:rotate(180deg)}.currency-select-arrow svg{stroke:#fff;stroke-width:2}.form-currency-group .swap-icon{height:45px;width:45px;cursor:pointer;display:flex;margin-top:20px;align-items:center;justify-content:center;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.6);transition:background .2s ease,transform .2s ease}.form-currency-group .swap-icon:hover{background:#ffffff4d;transform:scale(1.1)}.button-container{display:flex;justify-content:center;margin-top:20px}.converter-form .submit-button{font-size:1.2rem;margin-bottom:60px;padding:1rem 2.5rem;border:none;outline:none;border-radius:.4rem;cursor:pointer;text-transform:uppercase;background-color:#0e0e1a;color:#eaeaea;font-weight:700;transition:.6s;box-shadow:0 0 60px #1f4c65;-webkit-box-reflect:below 8px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.3))}.converter-form .submit-button:active{transform:scale(.92)}.converter-form .submit-button:hover{background:linear-gradient(270deg,#021d4eae,#1fd7e8df 60%);color:#040426}.converter-form .exchange-rate-result{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:20px 0;margin-top:20px;border-radius:8px;background:#fff3;box-shadow:0 4px 12px #0006}@media (max-width: 720px){body{padding:0 10px;margin-top:10px!important}.currency-converter .converter-title{font-size:1.5rem}.form-currency-group .currency-select .currency-dropdown{width:90%}.form-currency-group .currency-select{width:300px}.form-currency-group .swap-icon{transform:rotate(90deg)!important}}@media (max-width: 1100px){body{padding:5px 15px;margin-top:10px!important}.currency-converter{padding:40px 20px;min-height:90vh!important}.currency-converter .converter-title{font-size:1.5rem}.converter-form .form-currency-group{flex-direction:column;align-items:center;justify-content:space-between}.form-currency-group .swap-icon{transform:rotate(90deg)!important}}.amount-format{color:#d0d0d0;font-size:1.2rem;font-weight:500;margin-top:10px;text-align:left;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.amount-format{font-size:1rem}}.exchange-rate-result{font-size:1.1rem;font-weight:500;color:#fff;margin-top:10px;text-align:center}@media (max-width: 640px){.exchange-rate-result{font-size:1rem}}.footer{max-width:100%;margin-top:35px;margin-bottom:-30px;background-color:#1b1b1ba5;border-radius:10px;padding:8px 10px;text-align:center;color:#f6f6f6;font-size:.9rem;font-weight:300}.footer-about-me{margin-bottom:5px;font-size:1rem;font-weight:500}.footer-links{margin:5px 0}.footer-links a{color:#4fc3f7;text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-details{margin-top:5px;font-size:.8rem;color:#aaa}@media (max-width: 678px){.footer{margin-top:100px!important}.footer-about-me,.footer-links,.footer-details{font-size:.7rem!important}}@media (max-width: 1110px){.footer{margin-top:300px}.footer-about-me,.footer-links,.footer-details{font-size:.8rem}}