:host {
  display: flex;
  padding: 1px 7px;
  font-size: 14px;
  font-weight: 600;

  &[data-type='open'] {
    color: #38676c;
    background-color: #60b1bb33;
  }

  &[data-type='merged'] {
    color: #3f82d8;
    background-color: #3f82d833;
  }

  &[data-type='closed'] {
    color: #e36b51;
    background-color: #f9e1dc;
  }
}