.time_wrapper {
  max-height: 75vh;
  height: fit-content;
  overflow-y: scroll;
}

.time_wrapper::-webkit-scrollbar {
  width: 8px;
  appearance: none;
}
.time_wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}
.time_wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--secondary);
}
.zigzag-timeline__item {
  /* Used to position the milestone */
  position: relative;

  /* Border */
  border-bottom: 1px solid var(--secondary);

  /* Take full width */
  width: 100%;
}

.zigzag-timeline__milestone {
  /* Absolute position */
  position: absolute;
  top: 50%;

  /* Circle it */
  border-radius: 50%;
  height: 1rem;
  width: 1rem;

  /* Misc */
  background: #9ca3af;
}
.award_year {
  color: var(--bg-primary);
  font-weight: 600;
  margin-bottom: 20px;
}
/* Styles for even items */
.zigzag-timeline__item:nth-child(2n) {
  border-left: 1px solid var(--secondary);
}
.zigzag-timeline__item:nth-child(2n) .zigzag-timeline__milestone {
  left: 0;
  transform: translate(-50%, -50%);
}

/* Styles for odd items */
.zigzag-timeline__item:nth-child(2n + 1) {
  border-right: 1px solid var(--secondary);
}
.zigzag-timeline__item:nth-child(2n + 1) .zigzag-timeline__milestone {
  right: 0;
  transform: translate(50%, -50%);
}
