.oes-timeline-container {
  font-size: var(--oes-timeline-font-size);
}

.oes-timeline-outer {
  border-left: 2px solid var(--oes-timeline-color2);
  margin-left: calc(var(--oes-timeline-font-size) * 9);
}

.oes-timeline-year {
  position: relative;
  top: 0;
  left: calc(-1 * var(--oes-timeline-font-size) * 9);
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--oes-timeline-year);
  z-index: -1;
}

.oes-timeline-year::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--oes-timeline-font-size) * 3 + 1px);
  width: calc(var(--oes-timeline-font-size) * 12);
  height: 1px;
  background: var(--oes-timeline-background);
}

.oes-timeline-event-wrapper {
  position: relative;
  margin: 0 0 calc(var(--oes-timeline-font-size) / 2) var(--oes-timeline-font-size);
  padding: calc(var(--oes-timeline-font-size) / 2) calc(var(--oes-timeline-font-size) / 2) calc(var(--oes-timeline-font-size) / 2) calc(var(--oes-timeline-font-size) * 4);
}

.oes-timeline-event {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oes-timeline-font-size) / 2);
  color: var(--oes-timeline-color);
}
.oes-timeline-event .oes-timeline-event-title {
  position: relative;
  font-weight: bold;
}

.oes-timeline-event::before {
  content: "";
  position: absolute;
  width: var(--oes-timeline-font-size);
  height: var(--oes-timeline-font-size);
  border-radius: 999px;
  background: var(--oes-timeline-color2);
  left: calc(-1 * var(--oes-timeline-font-size) / 2 - var(--oes-timeline-font-size) - 1px);
  top: calc(var(--oes-timeline-font-size) + var(--oes-timeline-font-size) / 3);
  z-index: 5;
}

.oes-timeline-event.oes-timeline-range::before {
  height: 100%;
  top: 0;
  border-radius: 999px;
}

.oes-timeline-event-container::before {
  content: "";
  position: absolute;
  top: calc(11 * var(--oes-timeline-font-size) / 6);
  left: calc(-1 * var(--oes-timeline-font-size));
  width: calc(var(--oes-timeline-font-size) * 4);
  height: 1px;
  background: var(--oes-timeline-background);
}

.oes-timeline-event.oes-timeline-range .oes-timeline-event-container::before {
  top: calc(13 * var(--oes-timeline-font-size) / 6);
}

.oes-timeline-event-text {
  display: block;
}

.oes-timeline-single-post .oes-timeline-outer {
  margin-left: var(--oes-timeline-font-size);
}
.oes-timeline-single-post .oes-timeline-year {
  display: none;
}
.oes-timeline-single-post .oes-timeline-event-wrapper {
  padding-left: calc(var(--oes-timeline-font-size) * 2);
}
.oes-timeline-single-post .oes-timeline-event-container::before {
  width: calc(var(--oes-timeline-font-size) * 2);
}

/*# sourceMappingURL=timeline.css.map */