@font-face{font-family:Lexend;src:url(../fonts/Lexend.274314df.ttf)}#app{font-family:Lexend;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none!important;background-color:#1c1c22;color:#fff;margin:0;padding:0;overflow-x:hidden;font-size:16px}#home,#singleCoin{padding:25px 25px 0 25px}html{line-height:1em;background-color:#1c1c22}h1,h2,h3,h4,h5,h6,p{margin-bottom:0!important}.button-row select,button{border-radius:20px!important;border:1px solid hsla(0,0%,100%,.2);background-color:#212227;color:#fff;padding:7px 15px;cursor:pointer}.button-row select:hover,button:hover{background-color:#2e2f36}.button-row select:focus,button:focus{border:1px solid hsla(0,0%,100%,.2)}.button-row select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url(../img/arrow-down.a2d733d8.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:8px auto}.false,.true{padding:10px 12px;margin-bottom:20px;border-radius:10px}.true{background-color:#1f5f3f;border:1px solid #1fa45e}.false{background-color:#692424;border:1px solid #a22}#singleCoin .section{display:grid;grid-template-columns:400px auto;gap:25px}.total-summary{margin-top:20px;margin-bottom:100px}.top-row{display:flex;flex-wrap:wrap;gap:20px}.top-row .column{flex:0 0 calc(25% - 20px)}.top-row .column.flex>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.top-row .column.flex .percentage{width:20px}.transactions,.wallets{background-color:#212227;border-radius:20px 20px 0 0;padding:40px 40px 60px 40px;border:1px solid hsla(0,0%,100%,.2);border-bottom:none}.loader{width:100%}.loader img{display:block;width:50px;margin:auto}.top-row .loader img{width:30px;margin:inherit!important}.button-row{justify-content:space-between;margin-bottom:30px}.button-row,.button-row .left,.button-row .right{display:flex;gap:15px}.forceReload{background-color:rgba(255,0,0,.1)}.wallets>h4{margin-top:20px}.wallets>h4:nth-child(4){margin-top:40px}.wallet-coins{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.wallet-coin{position:relative;padding:20px;border-radius:20px;flex:0 0 calc(20% - 20px);background:linear-gradient(20deg,#212227 30%,hsla(0,0%,100%,.1));border:1px solid hsla(0,0%,100%,.2);transition:all .3s}.wallet-coin:hover{border:1px solid #fff;cursor:pointer}.wallet-coin.down{background:linear-gradient(20deg,#212227 30%,rgba(255,0,0,.1))!important}.wallet-coin.up{background:linear-gradient(20deg,#212227 30%,rgba(9,255,0,.07))!important}.wallet-coin .top-info{margin-bottom:40px}.wallet-coin .live-data{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px;opacity:.7}.wallet-coin .live-data img{width:20px}.wallet-coin .middle-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:20px}.wallet-coin .middle-info:nth-child(4){margin-bottom:40px}.wallet-coin .middle-info div:last-child{text-align:right}.wallet-coin .middle-info h6{font-size:14px;opacity:.7}.wallet-coin .middle-info p{font-size:20px}.wallet-coin .bottom-info{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;gap:10px}.wallet-coin .bottom-info img{width:50px}.wallet-coin .bottom-info span{opacity:.5;font-size:14px}#singleCoin .transactions,#singleCoin .wallets{padding:30px 30px 60px;min-height:calc(100vh - 25px)}#singleCoin .wallet-coins{display:block}#singleCoin .transaction,#singleCoin .transactions{overflow:auto}#singleCoin table{width:100%;border-collapse:separate;border-spacing:0 10px}#singleCoin thead tr{background-color:transparent}#singleCoin tr{background-color:#2b2c32}#singleCoin th:nth-child(2),#singleCoin th:nth-child(6){min-width:80px}#singleCoin th{min-width:120px}#singleCoin td{border:1px solid hsla(0,0%,100%,.2);border-right:none;border-left:none;padding:5px 8px}#singleCoin td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;border-left:1px solid hsla(0,0%,100%,.2)}#singleCoin td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid hsla(0,0%,100%,.2)}#singleCoin td:first-child(){border:1px 1px solid hsla(0,0%,100%,.2)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex!important;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3);z-index:1000}#modal .modal-background{position:absolute;width:100%;height:100%;background-color:transparent}#modal .modal-content{position:relative;background-color:#212227!important;max-width:60%;padding:20px;border-radius:20px;z-index:2}#modal .modal-close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:1.5rem;cursor:pointer}.addTransaction form .flex{display:grid;grid-template-columns:48% 48%;grid-column-gap:4%;row-gap:20px;margin-bottom:30px}.addTransaction form .flex div{display:flex;flex-direction:column}.addTransaction form .flex label{margin-bottom:3px}.addTransaction form .flex input,.addTransaction form .flex select{border-radius:7px;border:1px solid #fff;padding:7px 12px}@media screen and (max-width:1440px){.wallet-coin{flex:0 0 calc(25% - 20px)}}@media screen and (max-width:1024px){.wallet-coin{flex:0 0 calc(34% - 20px)}}@media screen and (max-width:980px){.wallet-coin{flex:0 0 calc(50% - 20px)}#singleCoin .section{grid-template-columns:auto}#singleCoin .transactions,#singleCoin .wallets{min-height:auto}#singleCoin .wallets{border-radius:20px;border:1px solid hsla(0,0%,100%,.2)}}@media screen and (max-width:568px){.total-summary{margin-bottom:60px}.button-row,.button-row .left,.button-row .right,.top-row{flex-direction:column}.button-row select{text-align:center}.forceReload{width:100%}.wallets{padding:20px 20px 60px 20px}.wallet-coin{flex:0 0 100%}#modal .modal-content{max-width:90%}.addTransaction form .flex{grid-template-columns:auto}}