.stocks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;justify-content:center}.stocks-with-bar{bottom:50px}.stocks-empty{width:100%;align-self:center;text-align:center;color:#999;font-size:24px}.stock{width:33.33%;height:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.stocks-single-row .stock{height:100%}.stock-logo{width:48px;height:48px;padding:6px;background-color:grey;border-radius:10px}.stock-logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.stock-symbol{padding-top:10px;font-size:20px;line-height:26px;color:#ccc}.stock-symbol-only{font-size:40px;line-height:60px;color:#fff}.stock-badge{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.stock-price{font-size:52px;line-height:58px;white-space:nowrap}.stock-change{font-size:20px;line-height:26px;white-space:nowrap}.stock-up{color:#2ecc71}.stock-down{color:#ff5252}.stock-flat{color:#999}.stock-tag{margin-left:8px;font-size:70%;line-height:1;color:#999}@media screen and (min-width:1024px){.stock-logo{width:60px;height:60px;border-radius:12px}.stock-symbol{font-size:22px;line-height:28px}.stock-symbol-only{font-size:48px;line-height:72px}.stock-badge{font-size:30px}.stock-price{font-size:60px;line-height:66px}.stock-change{font-size:24px;line-height:30px}}@media screen and (min-width:1600px){.stock-logo{width:84px;height:84px;border-radius:14px}.stock-symbol{font-size:28px;line-height:36px}.stock-symbol-only{font-size:60px;line-height:96px}.stock-badge{font-size:42px}.stock-price{font-size:88px;line-height:96px}.stock-change{font-size:32px;line-height:40px}}@media screen and (max-width:640px){.stock{width:50%;height:33.33%}.stocks-single-row .stock{width:100%;height:33.33%}.stock-logo{width:36px;height:36px;border-radius:8px}.stock-symbol{font-size:16px;line-height:20px}.stock-symbol-only{font-size:30px;line-height:48px}.stock-badge{font-size:18px}.stock-price{font-size:30px;line-height:36px}.stock-change{font-size:14px;line-height:18px}}.settings{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;overflow-y:auto;background-color:#000}.settings .settings-btn{display:inline-block;margin:0 8px 8px 0;padding:8px 14px;font-size:20px;color:#fff}.settings-add{position:relative;padding-right:110px}.settings-input{width:260px;margin:0 8px 8px 0;padding:8px 10px;font-size:20px;text-transform:uppercase;color:#fff;background-color:#000;border:1px solid #999;border-radius:4px}.settings .settings-done{position:absolute;top:0;right:0;margin-right:0}.settings-message{height:28px;font-size:18px;line-height:28px;color:#999}.settings-chips{padding-top:8px}.settings-page-title{padding-top:8px;font-size:16px;color:#999}.settings-list{display:flex;flex-wrap:wrap;padding-top:16px}.settings-item{width:33.33%;padding-bottom:16px}.settings-symbol{display:inline-block;min-width:90px;font-size:26px}@media screen and (max-width:640px){.settings-input{width:140px}.settings-item{width:100%}}*{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}input{user-select:text;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text}body{margin:0;padding:0;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;height:100vh;width:100vw}.screen{height:100%}.container{display:flex;justify-content:center}.coin{width:40%;padding-top:60px;text-align:center}.price{font-size:72px;padding-top:36px}.btn{color:#999;border:1px solid #999;border-radius:4px;padding:4px}.btn-on{color:#fff;border-color:#fff}.btn-clock{left:10px}.btn-clock,.btn-status{position:absolute;bottom:10px}.btn-status{left:210px}.buttons-right{position:absolute;right:10px;bottom:10px}.buttons-right .btn{margin-left:6px}@media screen and (min-width:900px){.coin{padding-top:15%}}@media screen and (min-width:1024px){.coin{padding-top:10%}.price{font-size:96px}}@media screen and (min-width:1600px){.coin{padding-top:10%}.price{font-size:120px}}@media screen and (max-width:640px){.container{display:block}.coin{width:100%}.coin,.price{padding-top:20px}.price{font-size:48px}}