#ap-cell-counter-container #statistics {
  height: 15em;
}

#ap-cell-counter-container #statistics {
  background-color: var(--dark-grey);
  width: 100%;
  border-radius: 5px;
  font-size: 0.8em;
}

#ap-cell-counter-container #statistics #statistics-header {
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
  padding: 0.4em 0.25em;
  margin: 0.2em 0.5em;
  border-bottom: 1px solid #4d5357;
  height: 1.5em;
}

#ap-cell-counter-container #statistics .statistics-header-title:not(.category) {
  justify-self: center;
}

#ap-cell-counter-container #statistics .statistics-density-title {
  display: flex;
  justify-content: space-between;
}

#ap-cell-counter-container #statistics .statistics-density-title.hide-cycler {
  justify-content: center;
}

#ap-cell-counter-container #statistics #statistics-entries {
  padding: 0.3em 0.45em;
  margin: 0.15em;
  overflow-y: auto;
  height: 11.3em;
}

#ap-cell-counter-container #statistics #statistics-entries .measure {
  margin-bottom: 0.3em;
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.2s;
}

#ap-cell-counter-container #statistics #statistics-entries .measure:hover {
  background-color: #494e60;
  transition: background-color 0.2s;
}

#ap-cell-counter-container #statistics #statistics-entries .measure-value {
  transition: background-color 0.2s;
  border-radius: 5px;
  padding: 0.2em 0.4em 0.2em 0.2em;
}

#ap-cell-counter-container #statistics #statistics-entries .measure .counter {
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
  padding: 0.2em 0.65em;
  transition: background-color 0.2s;
}

#ap-cell-counter-container #statistics #statistics-entries .measure .counter .marker {
  display: flex;
  align-items: center;
  gap: 1em;
}

#ap-cell-counter-container #statistics #statistics-entries .measure .counter .marker-color {
  width: 0.4em;
  height: 0.4em;
  border-radius: 10px;
  transition: background-color 0.25s;
}

#ap-cell-counter-container #statistics #statistics-entries .measure .counter .marker-count,
#ap-cell-counter-container #statistics #statistics-entries .measure .counter .marker-density {
  justify-self: center;
}