@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #0a146e;--white: #ffffff;--color-border: #11111360;--color-hover: #0d1a93}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:Satoshi-Regular,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select,datalist{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#app{background-color:var(--color-primary);display:grid;place-items:center;min-height:100vh}.currency-converter{width:28.125rem;overflow:hidden;background-color:var(--white);padding:30px 40px;border-radius:10px}@media (width < 490px){.currency-converter{max-width:370px}}.header{display:flex;justify-content:center;gap:2px}.currency-title{font-size:1.75rem;color:var(--color-primary);text-align:center;margin-bottom:10px}.amount-container{display:flex;flex-direction:column;margin-bottom:20px}.label-amount{font-size:1.125rem;font-weight:700;color:var(--color-primary);text-align:center;text-decoration:underline;margin-bottom:10px}.input-amount{border:1px solid var(--color-primary);padding:5px;border-radius:5px;outline:none}.input-amount:focus{outline:2px solid var(--color-primary)}.currency-selection{position:relative;display:flex;justify-content:center;align-items:center;gap:50px;margin-bottom:30px}.currency-container{width:100%}.label{font-size:1.125rem;color:var(--color-primary);font-weight:600}.switch-currency{position:absolute;top:27px;transform:rotate(90deg);cursor:pointer}.switch-icon{width:1.375rem}.currency-select{display:flex;justify-content:center;gap:5px;border:1px solid var(--color-border);border-radius:5px;padding:5px}.country-icon{width:1.25rem}.select{font-size:14px;width:6.25rem;font-weight:700;border:none;outline:none;cursor:pointer}.option{text-align:center;color:var(--color-primary);font-weight:600}.footer{text-align:center}.convert-button{width:100%;font-size:1.125rem;font-weight:600;background-color:var(--color-primary);color:var(--white);cursor:pointer;border:none;padding:5px 0;border-radius:5px}.convert-button:hover{background-color:var(--color-hover)}.conversion-result{font-size:1.125rem;font-weight:700;color:var(--color-primary);text-wrap:balance;margin-top:20px}.hidden{display:none}