.acf-block-preview {
  .accordions .accordion-single .content-accordion {
    @apply
      static
      opacity-100
      pointer-events-auto;
  }
}

.accordion-wrapper {
  @apply
    px-0;

  .accordion-single {
    @apply
      px-0
      relative;

    &.opened {
      .title {
        svg {
          @apply
            rotate-0
            lg:-rotate-180;
        }
      }
    }

    .title {
      @apply
        flex
        items-baseline
        select-none
        pb-8
        cursor-pointer;

      &.not-active {
        @apply
          pointer-events-none;
      }

      h3 {
        @extend .has-xl-font-size;
        @apply
          mb-0
          leading-none
          text-primary-500;
      }

      svg {
        @apply
          w-5.5
          ml-4
          h-auto
          transition-all;

        * {
          stroke-width: 1px;
        }
      }
    }

    .content-accordion {
      @apply
        opacity-0
        absolute
        top-0
        pointer-events-none;

      &.reposition {
        @apply
          static
          h-0;
      }
    }
  }
}
