@import url(https://fonts.googleapis.com/css?family=DM+Mono:regular);@import url(https://fonts.googleapis.com/css?family=DM+Sans:regular,500,700);.table__coin-icon{height:24px;margin-right:12px;width:24px}.table__coin-icon img{width:100%}.table__data-up{-webkit-animation:data-up 2s linear 1;animation:data-up 2s linear 1;color:#44e67f!important}.table__data-down{-webkit-animation:data-down 2s linear 1;animation:data-down 2s linear 1;color:#ff764c!important}.table__data-down span,.table__data-up span{position:relative}.table__data-down span:before,.table__data-up span:before{content:"";height:16px;left:-20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.table__data-up span:before{background:url(/static/media/arrow-up.1aaf60f1ff20d8306af8.svg) 50% no-repeat}.table__data-down span:before{background:url(/static/media/arrow-down.b49f1a8eb95e38ff2e10.svg) 50% no-repeat}@-webkit-keyframes data-up{0%{background-color:initial}2%,60%{background-color:rgba(68,230,127,.1)}90%,to{background-color:initial}}@keyframes data-up{0%{background-color:initial}2%,60%{background-color:rgba(68,230,127,.1)}90%,to{background-color:initial}}@-webkit-keyframes data-down{0%{background-color:initial}2%,60%{background-color:rgba(255,118,76,.1)}90%,to{background-color:initial}}@keyframes data-down{0%{background-color:initial}2%,60%{background-color:rgba(255,118,76,.1)}90%,to{background-color:initial}}@media (max-width:600px){.table__data-name span{display:none}}@media (max-width:480px){.table__coin-icon{margin-right:5px}}.table{border-collapse:collapse;display:table;width:100%}.table span{background-color:initial}.table__coin{height:64px}.table tr:hover>:not(th){background-color:#1c1c1e!important}.table tr>*{border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);color:#fff;font-family:DM Mono;font-size:15px;font-weight:400;line-height:150%;padding-left:60px;text-align:right;white-space:nowrap}.table tr>:first-child,.table tr>:nth-child(2){background:#101012;position:-webkit-sticky;position:sticky;text-align:left;z-index:100}.table tr>:first-child{left:0;padding-left:0;padding-right:26px;text-align:right;width:18px}.table tr>:first-child span{opacity:.5}.table tr>:nth-child(2){left:44px;padding-left:0;padding-right:20px}.table tr>:nth-child(3){box-sizing:border-box;min-width:150px;padding-left:0}.table tr>:last-child{padding:0 0 0 50px}.table__head{color:#fff;font-family:DM Sans;font-size:16px;font-weight:700;height:48px;line-height:150%;position:relative;vertical-align:middle;z-index:120}.table__body{display:table-row-group;height:64px;vertical-align:middle}.table__title{font-family:DM Sans!important;font-size:16px!important;font-weight:700!important;line-height:150%!important}.table__title span{margin-left:22px;opacity:.5}@media (max-width:992px){.table tr>*{padding:0 0 0 50px}.table tr>:last-child{padding-right:0}}@media (max-width:768px){.table tr>:first-child{padding-right:10px}.table tr>:nth-child(2){left:28px;padding-right:15px}}@media (max-width:480px){.table tr>*{padding:0 0 0 60px}.table tr>:nth-child(3){min-width:0;padding-left:20px;padding-right:0}}@media (max-width:380px){.table tr>:nth-child(3){padding-left:17px}.table tr>*{font-size:14px;font-size:15px}}.title{color:#fff;font-family:DM Sans;font-size:24px;font-weight:700;letter-spacing:-.06em;line-height:31px;text-align:center;text-transform:capitalize}.title span{padding-left:35px;position:relative}@media (max-width:768px){.title{padding:0 35px}.title span{padding-left:0}}.cryptocurrencies{background:#101012;padding:40px 0 70px}.cryptocurrencies__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:26px;position:relative}.cryptocurrencies__title{position:relative}.cryptocurrencies__header:before{background:#ff764c;border-radius:8px;content:"Live Prices";font-family:DM Sans;font-size:14px;font-weight:700;height:24px;letter-spacing:-.04em;line-height:114%;padding:4px 8px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}.cryptocurrencies__header:before,.cryptocurrencies__title span:after{align-items:center;display:flex;justify-content:center;position:absolute}.cryptocurrencies__title span:after{content:"🔥";height:32px;left:0;top:0;width:32px}.cryptocurrencies__button span{background:url(/static/media/arrow.d9a604810bb57f7eeccc.svg) 100% no-repeat}.cryptocurrencies__body{overflow:auto}@media (max-width:768px){.cryptocurrencies{padding:40px 0}.cryptocurrencies__header{justify-content:center;margin-bottom:55px}.cryptocurrencies__title span:after{left:-35px}.cryptocurrencies__header:before{right:50%;top:115%;-webkit-transform:translate(50%);transform:translate(50%)}.cryptocurrencies__button{display:none}}@media (max-width:443px){.cryptocurrencies__title span:before{right:55%}}.button{align-items:center;background:hsla(0,0%,100%,.1);border-radius:100px;display:flex;font-family:DM Sans;font-size:14px;font-weight:700;justify-content:center;line-height:16px;min-height:36px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.button:hover{background-color:#333842;transition:all .4s ease}.button span{padding-right:24px}.button:active{box-shadow:inset 0 0 1px rgba(0,0,0,.5),inset 0 2px 3px rgba(0,0,0,.5),0 1px 1px hsla(0,0%,100%,.1);top:1px}.input{background-color:initial;border:1px solid hsla(0,0%,100%,.1);border-radius:12px 0 0 12px;color:#fff;font-family:DM Mono;font-size:16px;line-height:150%;max-width:304px;padding:10px 16px;transition:all .2s ease;width:100%}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none}.input:focus,.input:hover{border-color:#484b52}.input:focus{transition:all .3s ease}@media (max-width:768px){.input{max-width:none}}@media (max-width:480px){.input{border-radius:0 0 12px 12px}}.select{-webkit-appearance:none;appearance:none;background:url(/static/media/arrow.7ec4269be5850a367902.svg) 95% no-repeat,hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-left:none;border-radius:0 12px 12px 0;color:#fff;font-family:DM Sans;font-size:16px;font-weight:500;line-height:150%;max-width:304px;min-height:46px;overflow:hidden;padding:10px 35px 10px 16px;text-overflow:ellipsis;width:100%}.select,.select:hover{transition:background .2s ease}.select:hover{background:url(/static/media/arrow.7ec4269be5850a367902.svg) 95% no-repeat,hsla(0,0%,100%,.15);cursor:pointer}.select__option{background:#17171a}@media (max-width:768px){.select{border-bottom:none;border-left:1px solid hsla(0,0%,100%,.1);max-width:none}}@media (max-width:480px){.select{border-radius:12px 12px 0 0}}.user-input{display:flex;flex:0 1 608px;flex-direction:row-reverse}@media (max-width:768px){.user-input{flex-basis:auto;width:100%}}@media (max-width:480px){.user-input{flex-basis:auto;flex-direction:column}}.converter{background-color:#17171a;padding:40px 0}.converter__title span:before{align-items:center;content:"💎";display:flex;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px}.converter__header{align-items:center;-webkit-column-gap:30px;column-gap:30px;margin-bottom:18px}.converter__body,.converter__header{display:flex;justify-content:space-between}.converter__body{-webkit-column-gap:64px;column-gap:64px;position:relative}.converter__body:before{background:url(/static/media/equal.c757de288ff6501a56f3.svg) 50% no-repeat;content:"";height:44px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:44px}.converter__body>.converter__button{display:none}.converter .button{overflow:hidden;position:relative;z-index:10}.converter .button:before{-webkit-animation:loadTimer 20s linear infinite;animation:loadTimer 20s linear infinite;background-color:hsla(0,0%,85%,.2);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.converter__button span:before{-webkit-animation:rotate 20s ease infinite;animation:rotate 20s ease infinite;background:url(/static/media/refresh.b47560680f6ed716a565.svg) 100% no-repeat;content:"";height:16px;position:absolute;right:0;width:16px}.converter__button span{position:relative}@-webkit-keyframes loadTimer{0%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}10%,13%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loadTimer{0%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}10%,13%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.converter__title span:before{left:-35px}.converter__body{align-items:center;flex-direction:column;row-gap:20px}.converter__header{justify-content:center}.converter__header>.converter__button{display:none}.converter__body>.converter__button{display:inline-flex}.converter__body:before{display:none}}@media (max-width:480px){.converter__item{flex-basis:auto;flex-direction:column-reverse}}.header__body{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.header__logo{font-family:DM Sans;font-size:21px;font-weight:700;line-height:190.47619%}.header__logo span{background:url(/static/media/ligthCryptoLabel.225b1fc5aafe602e0e36.svg) 0 no-repeat;padding-left:28px}.header__button:before{align-items:center;content:"...";display:flex;font-size:15px;justify-content:center;position:absolute;top:15%}.wraper{background-color:#101012;color:#fff;height:100vh;width:100%}.container{box-sizing:initial;margin:0 auto;max-width:1280px;overflow:hidden;padding:0 20px}*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus{outline:none}aside,footer,header,nav{display:block}body,html{background-color:#101012;font-family:DM Mono;font-size:16px;height:100%;line-height:150%;min-height:100vh;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a{color:inherit;display:inline-block}a,a:hover{text-decoration:none}a:active,a:focus{outline:none}a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400;margin:0}
/*# sourceMappingURL=main.2d937c3c.css.map*/