@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{animation:data-up 2s linear 1;color:#44e67f!important}.table__data-down{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%;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}@keyframes data-up{0%{background-color:initial}2%,60%{background-color:#44e67f1a}90%,to{background-color:initial}}@keyframes data-down{0%{background-color:initial}2%,60%{background-color:#ff764c1a}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{--table-id-column-width:44px;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 #ffffff1a;border-top:1px solid #ffffff1a;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{box-sizing:border-box;left:0;min-width:var(--table-id-column-width);padding-left:0;padding-right:12px;text-align:right;width:var(--table-id-column-width)}.table tr>:first-child span{opacity:.5}.table tr>:nth-child(2){left:var(--table-id-column-width);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}.table__message{color:#ffffffa6!important;height:64px;left:auto!important;padding-left:0!important;position:static!important;text-align:center!important;width:auto!important}.table__coin_loading:hover>*{background-color:initial!important}.table__skeleton{animation:tableSkeleton 2.2s infinite backwards;background:linear-gradient(90deg,#ffffff14,#ffffff14 32%,#fff3 50%,#ffffff14 68%,#ffffff14);background-size:200% 100%;border-radius:4px;display:block;height:14px}.table__skeleton_id{margin-left:auto;width:16px}.table__skeleton_name{width:150px}.table__skeleton_price{margin-left:auto;width:92px}.table__skeleton_short{margin-left:auto;width:64px}.table__skeleton_wide{margin-left:auto;width:118px}@keyframes tableSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:992px){.table tr>*{padding:0 0 0 50px}.table tr>:last-child{padding-right:0}}@media (max-width:768px){.table{--table-id-column-width:36px}.table tr>:first-child{padding-right:10px}.table tr>:nth-child(2){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%;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%;transform:translate(50%)}.cryptocurrencies__button{display:none}}@media (max-width:443px){.cryptocurrencies__title span:before{right:55%}}.button{align-items:center;background:#ffffff1a;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 #00000080,inset 0 2px 3px #00000080,0 1px 1px #ffffff1a;top:1px}.input{background-color:initial;border:1px solid #ffffff1a;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,#ffffff1a;border:1px solid #ffffff1a;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,#ffffff26;cursor:pointer}.select__option{background:#17171a}@media (max-width:768px){.select{border-bottom:none;border-left:1px solid #ffffff1a;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;column-gap:30px;margin-bottom:18px}.converter__body,.converter__header{display:flex;justify-content:space-between}.converter__body{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%;transform:translate(-50%,-50%);width:44px}.converter__body>.converter__button{display:none}.converter .button{box-sizing:border-box;overflow:hidden;position:relative;width:128px;z-index:10}.converter .button:before{animation:loadTimer var(--refresh-interval,300s) infinite linear;background-color:#d9d9d933;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.converter__button span:before{background:url(/static/media/refresh.b47560680f6ed716a565.svg) 100% no-repeat;content:"";height:16px;position:absolute;right:4px;width:16px}.converter__button span{display:block;padding-right:24px;position:relative;text-align:center;width:100%}.converter__button_updating{background-color:#333842;pointer-events:none}.converter__button_rotating span:before{animation:rotateRefresh 1.6s ease-out}.converter__button_updated{background-color:#44b07b47}@keyframes loadTimer{0%{transform:translateX(-1%)}10%,13%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rotateRefresh{0%{transform:rotate(0)}to{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.d8e0f177.css.map*/