@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}:root{--border-color:#d5d5d5;--text-light-color:#9a9a9a}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}.App{border:1px solid #d5d5d5;border:1px solid var(--border-color);border-radius:3px;display:block;max-width:1204px;width:100%}.App__item{border-bottom:1px solid #d5d5d5;border-bottom:1px solid var(--border-color);display:flex;height:39px;padding:0 8px}.App__item-data{align-items:center;display:flex;max-width:122px;min-width:122px;width:122px}.App__item-icon{height:18px;width:18px}.App__item-icon>img{height:100%;width:100%}.App__item-name{color:#1f1f1f;font-size:12px;font-weight:600;margin-left:4px}.App__item-name-white{color:#fff;font-size:12px;font-weight:700;margin-left:10px}.App__item-symbol{color:#9a9a9a;color:var(--text-light-color);font-size:12px;font-weight:300;margin-left:4px}.App__item-chart{align-items:center;display:flex;justify-content:center;width:calc(100% - 222px)}.App__item-chart-chart{margin-top:2px;min-height:0!important}.App__item-chart-time{color:#9a9a9a;color:var(--text-light-color);display:none;font-size:12px}@media screen and (min-width:420px){.App__item-chart-time{display:inline}}.App__item-chart-loader{height:80%;padding:0 4px 0 8px;width:100%}.App__item-chart-loader>span{height:100%;line-height:inherit}.App__item-price{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:flex-end;max-width:100px;min-width:100px;width:100px}.App__item-price--black{color:#1f1f1f}.App__item-price--white{color:#fff}.App__item-price--red{color:#b10000}.App__item-price--green{color:#02840c}.App__item:last-child{border-bottom:none}@media screen and (min-width:720px){.App{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:62px 62px;height:126px;min-height:126px}.App__item{border-bottom:none;border-right:1px solid #d5d5d5;border-right:1px solid var(--border-color);display:grid;grid-auto-rows:1fr 1fr;grid-template-columns:1fr 86px;height:100%;padding:0 0 0 12px}.App__item:first-child{grid-column:1/3}.App__item:first-child,.App__item:nth-child(2){border-bottom:1px solid #d5d5d5;border-bottom:1px solid var(--border-color)}.App__item:nth-child(2){grid-column:3/5}.App__item:nth-child(3){border-bottom:1px solid #d5d5d5;border-bottom:1px solid var(--border-color);border-right:none;grid-column:5/7}.App__item:nth-child(4){grid-column:1/4;padding:0 30px}.App__item:nth-child(5){grid-column:4/7;padding:0 30px}.App__item-data{max-width:100%;min-width:100%;width:100%}.App__item-name{font-size:16px;line-height:1}.App__item-name-white{line-height:1;margin-left:10px}.App__item-symbol{font-size:16px;line-height:1}.App__item-symbol-white{line-height:1;margin-left:10px}.App__item-chart{align-items:flex-end;flex-direction:column;grid-column:2/3;grid-row:1/3;justify-content:space-evenly;width:100%}.App__item-chart-chart{margin-top:-30px}.App__item-chart-time{align-self:center;margin-top:-40px}.App__item-price{font-size:20px;justify-content:flex-start}.App__item-price-loader{margin-top:-6px;padding:0}.App__item:last-child{border-right:none}}@media screen and (min-width:1000px){.App{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;height:65px;min-height:65px}.App__item{border-bottom:none!important;grid-column:initial!important;padding:0 0 0 12px!important}.App__item:nth-child(3){border-right:1px solid #d5d5d5;border-right:1px solid var(--border-color)}.App__item-name,.App__item-name-white{margin-left:4px}.App__item-symbol{display:none}}@media screen and (min-width:1140px){.App__item-symbol{display:inline}}