.order-asset {

  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 1.25rem;

}
.bar {

  background: -webkit-linear-gradient(
    top,
    rgba(5, 12, 45, 0.7) 0%,
    rgba(8, 18, 50, 0.6) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(5, 12, 45, 0.7) 0%,
    rgba(8, 18, 50, 0.6) 100%
  );
  padding: 0.5rem 0.8rem;
  border: 0.0625rem solid rgba(100, 160, 220, 0.12);
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;

}
.bar-grid {

  display: -webkit-flex;
  display: flex;

}
.bar-item {
  overflow: hidden;
  width: 100%;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  position: relative;
  padding: 0.3rem 0;

}
.bar-item + .bar-item::before {

  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  height: 60%;
  width: 0.0625rem;
  background: rgba(100, 160, 220, 0.2);

}
.bar-val {

  font-size: 1.125rem;
  color: #e8edf5;
  font-family: "Courier New", monospace;
  font-weight: bold;
  line-height: 1.2;

}
.color-red {

  color: #f56c6c !important;
  text-shadow: 0 0 0.625rem rgba(245, 108, 108, 0.5);

}
.color-yellow {

  color: #e6a23c !important;
  text-shadow: 0 0 0.625rem rgba(230, 162, 60, 0.5);

}
.color-blue {

  color: #409eff !important;
  text-shadow: 0 0 0.625rem rgba(64, 158, 255, 0.5);

}
.bar-label {
  white-space: nowrap;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 0.2rem;
  letter-spacing: 0.0625rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mobile-layout .order-asset {
  min-height: auto;
  padding-bottom: 1.25rem;
}
.mobile-layout .bar-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.mobile-layout .bar-item {
  -webkit-flex: 0 0 calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  padding: 0.75rem 0.375rem;
}
.mobile-layout .bar-item::before {
  display: block !important;
}
.mobile-layout .bar-item::after {
  display: none;
}
.mobile-layout .bar-val {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.mobile-layout .bar-label {
  font-size: 0.6875rem;
}