.post-conseil-page-container {
  @apply px-8;
}

.conseils_wrapper {
  @apply lg:flex gap-x-8 max-w-screen-2xl mx-auto;

  .chapter_index {
    @apply bg-gray 
    w-full
    lg:max-w-lg 
		p-12 
		h-fit 
		lg:sticky
		left-0
		top-4
		rounded-2xl;
    &__title {
      @apply font-bold text-xl mb-3;
    }
    &__list {
      @apply relative;
    }
    &__position-indicator {
      @apply h-8 absolute top-0 -left-4 rounded-2xl;
      width: 3px;
      /* transition: top 0.3s ease-out; */
      transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99);
    }

    a {
      @apply block;
    }

    a.active {
      @apply font-bold;
    }
  }
}