.timelineBase {
  width: 59px;
  display: block;
  position: relative;
  margin-left: 3em;
}
.timelineLabels {
  display: block;
  position: absolute;
  height: 59px;
  width: 60px;
  background-color: rgb(230, 230, 230);

  .time {
    margin-left: -3.5em;
    width: 3em;
    display: block;
    text-align: right;
  }
}
.timelineActivity {
  display: block;
  width: 60px;
  position: absolute;
  left: 0.5em;
  background-color: rgb(50, 50, 150);
}
// Trials
.mode-42,
.mode-39,
.mode-41 {
  background-color: #00ded1;
}
// Crucible
.mode-31,
.mode-5,
.mode-38,
.mode-12,
.mode-37,
.mode-10 {
  background-color: #ca1c1b;
}
// Iron Banner
.mode-45,
.mode-44,
.mode-43,
.mode-19 {
  background-color: #485537;
}
// Strikes
.mode-3,
.mode-18 {
  background-color: #3d526f;
}
// Nightfall
.mode-17,
.mode-16 {
  background-color: #1f3043;
}
// Story
.mode-2 {
  background-color: #ed8129;
}
// Social
.mode-40 {
  background-color: white;
}
// Patrol
.mode-6 {
  background-color: #cacaca;
}
// Raid
.mode-4 {
  background-color: #461044;
}
// Gambit
.mode-63 {
  background-color: #2b8e69;
}
@media (prefers-color-scheme: dark) {
  // Social
  .mode-40 {
    background-color: black;
  }
  // Patrol
  .mode-6 {
    background-color: #888;
  }
}
