.lines-wrap {
  flex-direction: column;
  gap: 15rem;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lines {
  width: 100%;
  height: 100%;
}

.lines .lines-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.lines .lines-container__left, .lines .lines-container__right {
  width: 50rem;
  height: 100%;
}

@media (orientation: portrait) {
  .lines-wrap {
    gap: 6rem;
  }

  .lines-wrap .is--top {
    display: none;
  }

  .lines .lines-container__left, .lines .lines-container__right {
    width: 22rem;
  }

  .lines .lines-container {
    gap: 15rem;
  }

  .lines [data-path-follower] {
    --follower-width: 8rem;
  }
}