html{font-size:16px}@media screen and (min-width:320px){html{font-size:calc(13.17647px + .88235vw)}}@media screen and (min-width:1000px){html{font-size:19px}}body{margin:0;box-sizing:border-box;background-color:#6ea3e7;color:#1d1d1d;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{color:#444;margin-bottom:0}.App-text{font-family:inherit;font-size:calc(15.17647px + .88235vw);font-weight:500}.container{padding:2rem}.App{background:#6ea3e7}.App-content{margin:0 auto;text-align:center;box-shadow:3px 5px 45px #2c2c2c;padding:2rem;max-width:24rem;background:#fff;border-radius:.4rem}.btn-convert{width:33.33333%;min-width:8rem;height:20%;padding:.6rem;font-size:medium;text-transform:uppercase;letter-spacing:.08rem;font-weight:500;color:#fff;background-color:#1a73e8;border:none;border-radius:2rem;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer}.btn-convert:hover{background-color:#6ea3e7;box-shadow:0 15px 20px rgba(97,128,175,.73);transform:translateY(-2px)}.btn-convert:focus{outline:#6ea3e7}.select-currency{background-color:#fff;color:#444;font-size:inherit;font-family:inherit;font-weight:700;line-height:2;padding:.5rem .9rem;margin-top:1rem;width:100%;border-radius:.4rem;border:.06rem solid#8b9095;box-shadow:0 1px 0 1px rgba(0,0,0,.04);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-color:var(--active-color);background-repeat:no-repeat;background-position:right 10% bottom 50%,0 0;background-size:1rem auto,100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAA50lEQVRoge3YzQqCQABF4dMbWhQt6umLoOjnBQpsYRdCZsTKcUa6H7gb5R5cKZiZmZmZfWgFXIADUGXeEjIHjsANWMcOzYAzUL+ue9fhDNY0m7TvSrM56PR2sKSYdkRNszVqEbghd0wo4k6ztdMycOMD2KZa2mEV2bLp+4ASYn6OkJwxg0VIjpjBI2TMmGQRMkZM8ghJGTNahKSIGT1ChozJFiFDxGSPkF9iiomQb2KKi5BPYoqNkD4xxUdIV8xkIiT27VDaN04voTczmTfRFouZVIS0YyYZIRWwB3aU+XvJzMzMzP7JE9nJ7S6cU2ClAAAAAElFTkSuQmCC)}.select-currency:hover{border-color:#888}.select-currency:focus{border-color:#aaa;box-shadow:0 0 1px 2px rgba(59,153,252,.7);box-shadow:0 0 0 2px -moz-mac-focusring;color:#222;outline:none}.select-wrapper{margin-bottom:1.5rem}.select-label{font-weight:500}.select-label,option{color:#444;font-size:inherit;font-family:inherit}option{font-weight:600}:root{--label-color:#8b9095;--input-color:#000;--active-color:#1a73e8}.input-wrapper{width:100%;height:4rem;position:relative;overflow:hidden;margin-bottom:2rem}.input-wrapper input{width:100%;height:100%;color:#000;color:var(--input-color);padding-top:.6rem;font-size:calc(15.17647px + .88235vw);border:none;outline:none}.input-wrapper label{width:100%;height:100%;position:absolute;bottom:0;left:0;pointer-events:none;color:#8b9095;color:var(--label-color);border-bottom:1px solid #8b9095;border-bottom:1px solid var(--label-color)}.input-wrapper label:after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:-1px;border-bottom:3px solid #1a73e8;border-bottom:3px solid var(--active-color);transform:translateX(-100%);transition:transform .3s ease}.content-name{position:absolute;left:0;bottom:1rem;transition:all .3s ease}.input-wrapper input:focus+.label-name .content-name,.input-wrapper input:valid+.label-name .content-name{transform:translateY(-150%);color:#1a73e8;color:var(--active-color)}.input-wrapper input:focus+.label-name:after,.input-wrapper input:valid+.label-name:after{transform:translateX(0)}.switch-icon{cursor:pointer;margin-bottom:1.5rem}.app-header{background-color:rgb(64 94 141/70%);display:flex;align-items:center;justify-content:center;color:#fff}
/*# sourceMappingURL=main.3d5e2f23.chunk.css.map */