/* Блок «Шаги» — каркас. */

.cab-steps__list {
  list-style: none;
}
.cab-steps__item {
  display: flex;
  flex-direction: column;
  gap: var(--cab-space-3);
  min-width: 0;
}
.cab-steps__body {
  display: flex;
  flex-direction: column;
  gap: var(--cab-space-2);
}
.cab-steps__number {
  display: block;
  line-height: 1;
}

/* timeline: номер в кружке слева, линия между кружками */
.cab-steps--timeline .cab-steps__list {
  display: flex;
  flex-direction: column;
  gap: var(--cab-space-6);
}
.cab-steps--timeline .cab-steps__item {
  position: relative;
  flex-direction: row;
  gap: var(--cab-space-5);
}
.cab-steps--timeline .cab-steps__number {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
}
.cab-steps--timeline .cab-steps__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 3rem;
  bottom: calc(-1 * var(--cab-space-6));
  left: calc(1.5rem - 1px);
  width: 2px;
  background-color: var(--cab-color-line);
}
.cab-steps--timeline .cab-steps__body {
  padding-top: 0.6rem;
}

.cab-steps__footer {
  display: flex;
  justify-content: center;
  margin-top: var(--cab-space-7);
}