.logging-container {
  box-sizing: border-box;

  width: max(30dvw, 500px);
  flex-shrink: 0;

  box-shadow: 0 0 1rem black;
  padding: 1rem 1rem 0 1rem;
}

.no-numbers {
  list-style-type: none;
  counter-reset: none;
  padding-inline-start: 0;
}

.log-container {
  margin-bottom: .5rem;

  .accented-0, .accented-10 {
    background-color: color-mix(in oklab, canvas, rgb(159, 159, 159) 35%)
  }
  .accented-20 {
    background-color: color-mix(in oklab, canvas, green 35%)
  }
  .accented-30 {
    background-color: color-mix(in oklab, canvas, yellow 35%)
  }
  .accented-40, .accented-50 {
    background-color: color-mix(in oklab, canvas, red 35%)
  }
}

.floating-button {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}