@import url(https://fonts.googleapis.com/css2?family=Zalando+Sans&display=swap);*{box-sizing:border-box;overscroll-behavior:none}html{font-size:80%}body{background-image:url(/currency-converter/static/media/background-image.3d896645753e55b789da.jpg);background-size:cover;font-family:Zalando sans,sans-serif;margin:0}#root{align-items:center;display:flex;height:100vh;justify-content:center}button{all:unset;cursor:pointer}.container{background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #00000026;padding:4rem;width:70rem}.header{margin-bottom:3.2rem}.form{grid-gap:2%;display:grid;gap:2%;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.form input{font-family:Rubik,sans-serif}input[type=number].form__control{-moz-appearance:textfield}input[type=number].form__control::-webkit-inner-spin-button,input[type=number].form__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form__control{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 20px #0000000d;font-size:1rem;outline:none;padding:1.2rem;transition:border-color .15s ease,box-shadow .15s ease}.form__control:focus{border:2.3px solid #2684ff}.form__control:hover{background-color:#fafafa}.btn__reverse{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;display:flex;height:2.4rem;justify-content:center;left:67%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.4rem}.btn__reverse svg{height:.8rem;width:.8rem}.results{margin-top:2.4rem;min-height:2rem}.results p{align-items:center;display:flex;font-size:1.4rem;font-weight:700;margin-bottom:.2rem;margin-top:2rem}.loader{animation:rotation 1s linear infinite;border:2px solid;border-color:#333 #333 #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:1.2rem;margin-left:1rem;width:1.2rem}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:80em){html{font-size:62.5%}}@media (max-width:50em){div.container{width:60rem}}@media (max-width:39em){.header{font-size:1.8rem}div.container{display:flex;flex-direction:column;height:36rem;margin:0 2rem;max-width:50rem;padding:3rem}input.form__control{padding:0 1.4rem}form.form{grid-gap:10%;display:grid;gap:10%;grid-auto-rows:5.56rem;grid-template-columns:1fr}div.results{margin-top:4rem}.form__control{padding:0 .5rem}.form__value-container.css-hlgwow{padding:0}button.btn__reverse{display:none}}@media (max-width:30em){div.container{margin:0 2rem;max-width:40rem}.title h1{font-size:3.1rem}}
/*# sourceMappingURL=main.0788b2ad.css.map*/