#app [data-project-state-code]::after {
  align-items: center;
  background: #d9edff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23216ba5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") no-repeat 5px center / 11px 11px;
  border: 1px solid #79b9e6;
  border-radius: 999px;
  color: #134b73;
  content: attr(data-project-state-code);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 23px;
  letter-spacing: .03em;
  line-height: 21px;
  margin-left: 8px;
  padding: 0 9px 0 21px;
  vertical-align: middle;
  white-space: nowrap;
}
#app [data-project-state-unknown]::after {
  background-color: #f2f5f7;
  border-color: #d5dfe5;
  color: #687c88;
  content: '';
  filter: grayscale(1);
  padding: 0;
  width: 20px;
}
html[data-interface-theme="dark"] #app [data-project-state-code]::after {
  background-color: #263f50;
  border-color: #466985;
  color: #d5ebfa;
}