.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-md 
		p-8
		h-fit 
		lg:sticky
		left-0
		top-4
		rounded-2xl;

    &__title {
      @apply font-bold text-xl;
    }
    &__titling {
      @apply flex items-center  mb-3 gap-3;
      .icon {
        @apply bg-primary rounded-full inline-block mr-2 flex justify-center items-center h-10 w-10;
        svg {
          @apply w-6 h-4 text-white;
          transform: translate(1px, 2px);
        }
      }
    }
    &__list {
      @apply relative border-l  border-neutral-300 pl-4;
    }
    &__link {
      padding: 2px 0;
      line-height: 1.3;
    }
    &__position-indicator {
      @apply h-8 absolute top-0 rounded-2xl;
      left: -2px;
      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;
    }
  }
}