.moca-ark-item {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  max-width: 100%;
  min-height: calc(var(--moca-ark-item-size, 32px) + 8px);
  padding: 3px 7px;
  border: 1px solid #d7e0e5;
  border-radius: 5px;
  background: #fff;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.4;
}

.moca-ark-item img {
  flex: 0 0 auto;
  width: var(--moca-ark-item-size, 32px);
  height: var(--moca-ark-item-size, 32px);
  margin: 0;
  border: 0;
  border-radius: 4px;
  object-fit: contain;
  vertical-align: middle;
}

.moca-ark-item + br {
  display: block;
  content: "";
  margin-bottom: 4px;
}

.moca-ark-item__name,
.moca-ark-item__quantity {
  display: inline;
}

.moca-ark-item__quantity {
  color: #52606a;
}

.moca-ark-item-error {
  color: #b42318;
  font-size: .85em;
}