:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:100vw;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;background-image:repeating-linear-gradient(to top left,#567ab5,#929292,#567ab5,#929292);background-size:200% 200%;animation:abstract 55s linear infinite;position:relative;overflow:hidden;-webkit-animation:abstract 55s linear infinite}@keyframes abstract{0%{background-position:left top}25%{background-position:top right}50%{background-position:right bottom}75%{background-position:bottom left}to{background-position:left top}}body{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}body span{position:absolute;height:0;left:50;margin-bottom:-500px;margin-top:-1000px;transform:translateY(-50%);font-size:27px;color:#fff;animation:moveNumbers linear infinite;opacity:.05;z-index:0;cursor:default}@keyframes moveNumbers{0%{transform:translateY(0)}to{transform:translateY(100vw);-webkit-transform:translateY(100vw);-moz-transform:translateY(100vw);-ms-transform:translateY(100vw);-o-transform:translateY(100vw)}}.container{width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20vh}.tooltip{position:relative;background-image:linear-gradient(#ffffff83,#7d7d7d76);transition:border 1s,box-shadow .6s;-webkit-transition:border 1s,box-shadow .6s;-moz-transition:border 1s,box-shadow .6s;-ms-transition:border 1s,box-shadow .6s;-o-transition:border 1s,box-shadow .6s}.tooltip:hover{border:1px solid #000;box-shadow:inset 0 20px 10px #0003}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5em;background-color:#000;color:#fff;font-size:.8em;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.tooltip:hover:after{opacity:1;visibility:visible}.currency-exchange{width:90%;height:100vh;margin-top:-140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.currency-blocks{display:flex;width:90%;z-index:1}.currency-block{width:99%;border:1px solid #aaaaaa;padding:20px 10px;background-color:#aaaaaa60}.currency-block__label{font-family:Audiowide,sans-serif;letter-spacing:1px;font-size:1.2em;font-weight:600;display:block;width:85%}.currency-block__wrapper{display:flex;flex-direction:column;align-items:center}h1{font-size:2.2em;line-height:.1;letter-spacing:1px;font-family:Audiowide,sans-serif;color:#fff;padding-bottom:2vh;z-index:2;cursor:default}button{border-radius:0;margin:.5px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px}textarea{background-color:#aaaaaa61;border:1px solid #aaaaaa;color:#fff;resize:none}.form{margin-top:3vh;z-index:1;border-top:1px solid #a1a1a1}.exchange__button{background-image:linear-gradient(#ffffff83,#7d7d7d76);border:none;transition:background-color .4s;position:relative}.exchange__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#89898983,#eaeaea76);opacity:0;transition:opacity .5s}.exchange__button:hover:after{opacity:1}.form__button{margin-top:2vh;background-image:linear-gradient(#ffffff83,#7d7d7d76);border:none;transition:all .4s;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}.form__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#89898983,#eaeaea76);opacity:0;transition:opacity .5s}.form__button:hover:after{opacity:1}.initialisator{margin-top:2vh;border:1px solid #aaaaaa;display:flex;width:40vw}.currency-inputs{width:40vw}.currency-output__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#aaaaaa5a;border:1px solid #aaaaaa;margin-top:2vh;font-size:1.1em;font-family:Audiowide,sans-serif;letter-spacing:1px;font-weight:900;height:80px;color:#fff;padding:0 1vw;line-height:.1}.currency-output__ratio,.currency-output__result{letter-spacing:4px;color:#d1d1d1}.currency-output__one{overflow:hidden;border-right:.15em solid black;white-space:nowrap;margin:0 auto;letter-spacing:1.5px;animation:typing 2s steps(40,end),blink-caret .75s step-end infinite}.currency-output__sum{overflow:hidden;border-right:.15em solid black;white-space:nowrap;margin:0 auto;letter-spacing:1.5px;animation:typing 2.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#f9f9f900}}.rights{position:absolute;bottom:10px;right:100px;color:#c2c2c225;transition:color .5s}.rights:hover{color:#c2c2c2;cursor:pointer}textarea::placeholder{color:#b4b4b4}input::placeholder{color:#b4b4b4}@media screen and (max-width: 1500px){body{width:100vw;height:100%;position:relative;overflow-x:hidden}body span{margin-bottom:-100px;margin-top:-1880px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}#root{height:800px}h1{margin-top:80px}.initialisator,.currency-output__wrapper{width:670px}.currency-inputs{display:flex;flex-direction:column;align-items:center;width:90%}.form{width:670px}}@media screen and (max-width: 1400px){.form{margin-top:4vh}}@media screen and (max-width: 1290px){body span{margin-top:-1450px}h1{margin-top:100px}}@media screen and (max-width: 1200px){body span{margin-top:-1300px}}@media screen and (max-width: 1130px){body span{margin-top:-1200px}}@media screen and (max-width: 1080px){#root{height:850px}h1{margin-top:150px}@keyframes moveNumbers{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(1220px);-webkit-transform:translateY(1220px);-moz-transform:translateY(1220px);-ms-transform:translateY(1220px);-o-transform:translateY(1220px)}}}@media screen and (max-width: 1024px){.currency-exchange{margin-top:-350px}#root{height:1366px}}@media screen and (max-width: 900px){.initialisator,.currency-output__wrapper{width:100%}.form{width:90%}}@media screen and (max-width: 890px){h1{margin-top:140px}}@media screen and (max-width: 820px){.currency-exchange{margin-top:-300px}#root{height:1180px}}@media screen and (max-width: 770px){.currency-exchange{margin-top:-300px}#root{height:1024px}h1{margin-top:200px}}@media screen and (max-width: 740px){#root{height:950px}.currency-exchange{margin-top:-140px}h1{margin-top:250px}.rights{right:75px}@keyframes moveNumbers{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(1320px);-webkit-transform:translateY(1320px);-moz-transform:translateY(1320px);-ms-transform:translateY(1320px);-o-transform:translateY(1320px)}}}@media screen and (max-width: 720px){#root{height:1000px}h1{margin-top:280px}@keyframes moveNumbers{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(1360px);-webkit-transform:translateY(1360px);-moz-transform:translateY(1360px);-ms-transform:translateY(1360px);-o-transform:translateY(1360px)}}}@media screen and (max-width: 640px){#root{height:900px}h1{margin-top:180px}.currency-inputs,.currency-exchange,.currency-blocks,.form{width:100%}@keyframes moveNumbers{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(1270px);-webkit-transform:translateY(1270px);-moz-transform:translateY(1270px);-ms-transform:translateY(1270px);-o-transform:translateY(1270px)}}.rights{right:50px}}@media screen and (max-width: 630px){#root{height:950px}h1{margin-top:220px}}@media screen and (max-width: 610px){#root{height:950px}h1{margin-top:250px}@keyframes moveNumbers{0%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}to{transform:translateY(1370px);-webkit-transform:translateY(1370px);-moz-transform:translateY(1370px);-ms-transform:translateY(1370px);-o-transform:translateY(1370px)}}}@media screen and (max-width: 600px){#root{height:1000px;padding:0}h1{margin-top:280px}}@media screen and (max-width: 430px){#root{height:1100px}h1{margin-top:60px;font-size:2em}}@media screen and (max-width: 414px){#root{height:1200px}h1{margin-top:180px}}@media screen and (max-width: 390px){#root{height:1200px}h1{margin-top:300px}}@media screen and (max-width: 376px){#root{height:1200px}h1{margin-top:530px;font-size:1.7em}}@media screen and (max-width: 360px){.currency-exchange{margin-top:-140px}}@media screen and (max-width: 330px){h1{margin-top:520px;font-size:1.5em}}@media screen and (max-width: 280px){#root{height:1800px}body{margin-left:-20px}h1{margin-top:520px;font-size:1.2em}.currency-exchange{margin-top:140px}.currency-block{padding:20px 15px}}