#stockflow-wrapper {
  margin: var(--stockflow-margin);
  text-align: var(--stockflow-align);
}

#stockflow-wrapper .status-wrapper .status :before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: currentColor;
  margin-right: 0.5em;
}

.expectedAt {
  white-space: nowrap;
}

#stockflow-wrapper .status-wrapper .low-stock {
  color: var(--stockflow-low-stock-color);
}

#stockflow-wrapper .status-wrapper .in-stock {
  color: var(--stockflow-in-stock-color);
}

#stockflow-wrapper .status-wrapper .preorder {
  color: var(--stockflow-preorder-color);
}

#stockflow-wrapper .status-wrapper .insufficient-stock {
  color: var(--stockflow-insufficient-stock-color);
}

#stockflow-wrapper .status-wrapper .out-of-stock {
  color: var(--stockflow-out-of-stock-color);
}

#stockflow-wrapper .status {
  font-weight: 600;
}

.stockflow-flex {
  display: flex;
  gap: 1em;
  align-items: center;
}

.stockflow-small-text {
  font-size: 0.7em;
}

.incoming-stock-breakdown .incoming-quantity {
  font-weight: 600;
}

.incoming-stock-breakdown .incoming-stock-item {
  color: var(--stockflow-preorder-color);
}

.incoming-stock-item.is-list {
  color: var(--stockflow-text-color);
}

#stockflow-wrapper h3 {
  font-weight: bold;
  color: var(--stockflow-text-color);
  font-size: 1em;
  margin-top: 0;
}

.stockflow-hidden {
  display: none !important;
}

.stockflow-margin-left {
  margin-left: 1em;
}

.stockflow-preorder-tag {
  margin: var(--stockflow-badge-margin);
  display: inline-block;
  width: unset !important;
  height: unset !important;
  background-color: var(--stockflow-preorder-bg-color);
  color: var(--stockflow-preorder-text-color);
  z-index: 2;
  padding: 3px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
}

.stockflow-absolute {
  position: absolute;
}

.stockflow-preorder-tag.top-left {
  top: 0 !important;
  left: 0 !important;
  bottom: unset !important;
  right: unset !important;
}

.stockflow-preorder-tag.top-right {
  top: 0 !important;
  right: 0 !important;
  bottom: unset !important;
  left: unset !important;
}

.stockflow-preorder-tag.bottom-left {
  bottom: 0 !important;
  left: 0 !important;
  top: unset !important;
  right: unset !important;
}

.stockflow-preorder-tag.bottom-right {
  bottom: 0 !important;
  right: 0 !important;
  top: unset !important;
  left: unset !important;
}