:host {
  display: block;
  /* font-family: 'Lexend Deca', sans-serif; */
  font-family: "Noto Sans", sans-serif;
}

table {
  width: 100%;
  text-align: left;
  font-weight: normal;
  max-width: 469px;
  /* border:1px solid #ccc; */
}

thead {
  font-size: 12px;
  line-height: 18px;
  color: #191919;
  background: #f3f3f3;
  height: 26px;
}

thead th {
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

tbody {
  font-size: 14px;
}

tbody tr {
  height: 50px;
  background: #e5e5e5;
}

td,
th {
  padding: 0 10px;
}

tbody tr:nth-child(even) {
  background: #f3f3f3;
}

.time {
  color: #191919;
  border: 0;
  background: transparent;
  text-decoration: underline;
  cursor: pointer;
}

.type-icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

.type-icon.event {
  background: #dbf0ff;
  fill: #006dba;
}

.type-icon.risk {
  background: #fceec6;
  fill: #b54b00;
}

.type-icon.breach {
  background: #ffeaea;
  fill: #cd0022;
}