.web-translation-status-badge {
  display: inline-flex;
  min-width: 0;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid #A6C9EC;
  background: #FFFFFF;
  color: #1F2937;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.web-translation-status-badge[data-size="sm"] {
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
}

.web-translation-status-badge[data-status="BASE"] {
  background: #E8F7EF;
  color: #166534;
  border-color: #9DD8B4;
}

.web-translation-status-badge[data-status="PENDING"] {
  background: #FFF8DB;
  color: #854D0E;
  border-color: #F2D36B;
}

.web-translation-status-badge[data-status="AUTO_TRANSLATED"] {
  background: #EAF2FF;
  color: #1D4ED8;
  border-color: #AFC8F8;
}

.web-translation-status-badge[data-status="REVIEWED"],
.web-translation-status-badge[data-status="PUBLISHED"] {
  background: #DAE9F8;
  color: #215C98;
  border-color: #A6C9EC;
}

.web-translation-status-badge[data-status="STALE"],
.web-translation-status-badge[data-status="FAILED"] {
  background: #FCE7E7;
  color: #991B1B;
  border-color: #F2AAAA;
}