.material-weight {
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
}

.warehouse-weight {
  margin-top: 14px;
}

.warehouse-weight-copy {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
}

.warehouse-progress {
  height: 8px;
  margin-top: 7px;
  overflow: hidden;
  border: 1px solid #37413d;
  border-radius: 999px;
  background: #0d1110;
}

.warehouse-progress span {
  display: block;
  height: 100%;
  margin: 0;
  background: var(--bronze);
  transition: width .25s ease;
}

.warehouse-weight.warning .warehouse-weight-copy {
  color: #e5a34f;
}

.warehouse-weight.warning .warehouse-progress span {
  background: #e5a34f;
}

.warehouse-weight.critical .warehouse-weight-copy {
  color: #ff8c7e;
}

.warehouse-weight.critical .warehouse-progress span {
  background: var(--red);
}