.rwt-semantic-label {
  --rwt-label-bg: #eff1ee;
  --rwt-label-ink: #5f6871;
  --rwt-label-edge: rgba(95, 104, 113, .16);
  display: inline-flex;
  width: fit-content;
  min-height: 25px;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--rwt-label-bg) !important;
  color: var(--rwt-label-ink) !important;
  box-shadow: inset 0 0 0 1px var(--rwt-label-edge);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.2;
  text-transform: none;
  white-space: nowrap;
}

.project-context .rwt-semantic-label {
  min-height: 21px;
  padding: 2px 7px;
  vertical-align: middle;
}

.detail-inline-control select.rwt-semantic-label {
  min-height: 34px;
  padding: 5px 24px 5px 10px;
  border-color: var(--rwt-label-edge);
  background: var(--rwt-label-bg) !important;
  color: var(--rwt-label-ink) !important;
  box-shadow: none;
  font-size: inherit;
  font-weight: 650;
  text-align: right;
}

.rwt-tone-blue {
  --rwt-label-bg: #eaf0f5;
  --rwt-label-ink: #46677f;
  --rwt-label-edge: rgba(82, 111, 134, .16);
}

.rwt-tone-teal {
  --rwt-label-bg: #e6f1ef;
  --rwt-label-ink: #356963;
  --rwt-label-edge: rgba(63, 113, 107, .16);
}

.rwt-tone-olive {
  --rwt-label-bg: #eef2e4;
  --rwt-label-ink: #566b21;
  --rwt-label-edge: rgba(95, 113, 41, .16);
}

.rwt-tone-ochre {
  --rwt-label-bg: #f7f0df;
  --rwt-label-ink: #725411;
  --rwt-label-edge: rgba(123, 90, 18, .16);
}

.rwt-tone-burgundy {
  --rwt-label-bg: #f6e9ed;
  --rwt-label-ink: #8d2441;
  --rwt-label-edge: rgba(157, 41, 72, .16);
}

.rwt-tone-green {
  --rwt-label-bg: #edf5e9;
  --rwt-label-ink: #466c37;
  --rwt-label-edge: rgba(77, 114, 62, .16);
}

@media (prefers-contrast: more) {
  .rwt-semantic-label { box-shadow: inset 0 0 0 1px currentColor; }
}