@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,li,ul{color:inherit;margin:0;padding:0;text-decoration:none}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c1c1c1}:root{--text:#3b3d3c;--contentBackground:#c7e9ee;--inputBackground:#fff;--mainBackground:#9896c9;--mainBackgroundGradient:linear-gradient(180deg,#8f94fb,#6e4ec8);--skeleton:#a5c8cc;--bubbles:rgba(163,177,216,.27);--hover:#f2f7f7;--hoverGradient:linear-gradient(90deg,rgba(242,247,247,.712),#fff);--shadow:0px 20px 22px rgba(0,0,0,.15)}.Bubbles_area__ClmNj{background:var(--mainBackground);background:var(--mainBackgroundGradient);height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-1}.Bubbles_circles__Fpd7D{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.Bubbles_circles__Fpd7D li{-webkit-animation:Bubbles_animate__DmJ41 25s linear infinite;animation:Bubbles_animate__DmJ41 25s linear infinite;background:var(--bubbles);bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.Bubbles_circles__Fpd7D li:first-child{-webkit-animation-delay:0s;animation-delay:0s;height:80px;left:25%;width:80px}.Bubbles_circles__Fpd7D li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;height:20px;left:10%;width:20px}.Bubbles_circles__Fpd7D li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;height:20px;left:70%;width:20px}.Bubbles_circles__Fpd7D li:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s;height:60px;left:40%;width:60px}.Bubbles_circles__Fpd7D li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;height:20px;left:65%;width:20px}.Bubbles_circles__Fpd7D li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;height:110px;left:75%;width:110px}.Bubbles_circles__Fpd7D li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:150px;left:35%;width:150px}.Bubbles_circles__Fpd7D li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s;height:25px;left:50%;width:25px}.Bubbles_circles__Fpd7D li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s;height:15px;left:20%;width:15px}.Bubbles_circles__Fpd7D li:nth-child(10){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:150px;left:85%;width:150px}@-webkit-keyframes Bubbles_animate__DmJ41{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes Bubbles_animate__DmJ41{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.Header_header__HXQOm{grid-column-gap:20px;align-content:center;align-items:center;background:var(--contentBackground);border-radius:0 0 6px 6px;box-shadow:var(--shadow);-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-areas:"logo title data";grid-template-columns:50px 1fr auto;grid-template-rows:1fr;height:100%;justify-content:space-between;justify-items:start;margin:0 auto;max-width:1200px;padding:10px 30px;transition:all .5s ease .8ms}.Header_logo__UsziS{grid-area:logo;height:auto;width:50px}.Header_logo__UsziS svg{fill:var(--mainBackground);display:inline-block;height:auto;width:100%}.Header_title__x3ga3{color:var(--text);font-size:20px;font-weight:600;grid-area:title;margin:0}.Header_currencyData__SoE2t{align-items:center;display:flex;gap:60px;grid-area:data;min-height:1rem;min-width:196px;position:relative}.Header_currencyItem__6zhXF{color:var(--text);display:flex;gap:5px}.Header_skeleton__tIINL{display:flex;gap:60px}.Header_skeleton__tIINL div{background-color:var(--skeleton);border-radius:6px;height:1.5rem;opacity:.2;width:149px}@-webkit-keyframes Header_topRise__4jC\+S{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:hidden}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}@keyframes Header_topRise__4jC\+S{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:hidden}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}@media (max-width:800px){.Header_header__HXQOm{gap:0;grid-template-areas:"logo title" "logo data";grid-template-columns:50px 1fr;grid-template-rows:auto 1fr;justify-items:center;row-gap:10px}.Header_currencyData__SoE2t{flex-direction:column;gap:10px;min-height:3rem}}@media (max-height:700px){.Header_currencyData__SoE2t{flex-direction:row}}@media (max-width:300px){.Header_header__HXQOm{grid-template-areas:"logo title" "data data"}.Header_currencyData__SoE2t{flex-direction:column}}.Main_main__QhrKC{background:var(--contentBackground);border-radius:6px;box-shadow:var(--shadow);height:100%;padding:10px 30px;width:100%}.Main_inputDataList__40fi8{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:40px}.Main_InputDataItem__hncdy{background-color:var(--inputBackground);border-radius:6px;box-shadow:var(--shadow);display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Main_input__QoKeN,.Main_select__oumgp{background-color:initial;border:none;border-radius:6px;color:var(--text);font-family:Montserrat,sans-serif;padding:1rem}.Main_select__oumgp{cursor:pointer;min-width:40px;padding-right:60px;position:relative;transition:all .3s ease .8ms;width:70px}.Main_select__oumgp:hover{background-color:var(--hover)}.Main_input__QoKeN:focus,.Main_select__oumgp:focus{outline:none}.Main_input__QoKeN:focus{background:var(--hover);background:var(--hoverGradient)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.Main_optionWrapper__yAwj6{background-color:var(--inputBackground);border-radius:6px;box-shadow:var(--shadow);left:0;max-height:120px;opacity:0;overflow:auto;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2}.Main_option__3jbJM{border-radius:4px;color:var(--text);padding:10px;transition:all .3s ease .8ms}.Main_option__3jbJM:hover{background-color:var(--hover)}.Main_optionWrapperActive__\+Gq73{opacity:1;top:55px;visibility:visible}.Main_arrow__UruZJ{border:solid var(--text);border-width:0 2px 2px 0;display:inline-block;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);transition:all .3s ease}.Main_arrowActive__2Wzoc{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}@media (max-width:800px){.Main_select__oumgp{width:100px}.Main_select__oumgp:hover{background:transparent}.Main_select__oumgp:active{background-color:var(--hover)}}@media (max-width:380px){.Main_input__QoKeN{width:100px}}@media (max-height:500px){.Main_inputDataList__40fi8{gap:10px;padding:5px}.Main_input__QoKeN,.Main_select__oumgp{padding:5px 10px}.Main_select__oumgp{width:100px}.Main_select__oumgp:hover{background:transparent}.Main_select__oumgp:active{background-color:var(--hover)}.Main_optionWrapper__yAwj6{max-height:80px;overflow:auto;top:29px}}.App_App__B2Ebb{height:100vh;overflow:hidden;position:relative;text-align:center}.App_headerContainer__pnJrl{left:0;position:fixed;top:0;width:100%;z-index:1}.App_mainContainer__Zrnhn{display:flex;flex-direction:column;justify-content:center;left:50%;margin:0 auto;max-height:400px;max-width:800px;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media (max-width:800px){.App_mainContainer__Zrnhn{padding:20px;top:35%}}@media (max-height:700px){.App_mainContainer__Zrnhn{top:35%;-webkit-transform:translate(-50%,-35%);transform:translate(-50%,-35%)}}
/*# sourceMappingURL=main.7a23f14c.css.map*/