.cmpt_timeline_horizontal {
  display: inline-flex;
  flex-direction: column;
}
.cmpt_timeline_horizontal__time {
  display: flex;
  gap: 8.3333333333em;
  flex-direction: row;
  flex-wrap: nowrap;
  width: max-content;
}
.cmpt_timeline_horizontal__time--top {
  margin-bottom: 3em;
  position: relative;
}
.cmpt_timeline_horizontal__time--top::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.5em;
  background-color: hsla(199deg, 88%, 6%, 0.05);
  width: 100%;
  bottom: -3.25em;
  border-radius: 0.5em;
}
.cmpt_timeline_horizontal__time--bottom {
  margin-top: 3em;
  margin-left: 16.6666666667em;
}
.cmpt_timeline_horizontal__time--bottom .cmpt_timeline_horizontal_item::before {
  top: -4em;
}
.cmpt_timeline_horizontal__time--bottom .cmpt_timeline_horizontal_item::after {
  top: -0.75em;
}

.cmpt_timeline_horizontal_item {
  border-radius: 0.5em;
  padding: 1.25em;
  background-color: var(--pg-color-main-very-light);
  display: flex;
  flex-direction: column;
  width: 25em;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.cmpt_timeline_horizontal_item::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-color: var(--pg-color-main);
  position: absolute;
  bottom: -4em;
  left: 2em;
  border-radius: 50%;
  border: 0.5em solid white;
  box-sizing: content-box;
}
.cmpt_timeline_horizontal_item::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: var(--pg-color-main-very-light);
  rotate: 45deg;
  position: absolute;
  bottom: -0.75em;
  left: 2.25em;
  z-index: -1;
}
.cmpt_timeline_horizontal_item__title {
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.4375em;
  color: var(--pg-color-main);
}
.cmpt_timeline_horizontal_item__text {
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.4375em;
  color: var(--pg-color-paragraph);
}
.cmpt_timeline_horizontal_item--light {
  background-color: hsl(37deg, 100%, 96%);
}
.cmpt_timeline_horizontal_item--light::after {
  background-color: hsl(37deg, 100%, 96%);
}