.acf-block-preview {
  .muy-accordion {
    .accordion-content {
      @apply inline-block py-8;
    }
  }
}

.muy-accordion {
  .accordion-content {
    @apply
      hidden
      py-8;
  }

  .accordion-header {
    @apply
      border-0
      border-t
      py-6
      px-6
      border-solid
      items-center
      w-full
      flex
      justify-between;

    &.medium {
      @apply
        py-6
        px-8;

      &.no-space {
        @apply
          px-0;
      }
    }

    &.tall {
      @apply
        py-20
        px-10;

      &.no-space {
        @apply
          px-0;
      }
    }

    &.short {
      @apply
        py-2
        px-4;

      &.no-space {
        @apply
          px-0;
      }
    }

    .accordion-arrow {
      transform: rotate(-90deg);
      transition: all 0.3s ease-in-out;
    }

    .accordion-title {
      @apply
        mb-0
        flex
        justify-center
        items-center;

      img {
        @apply
          mr-10;

        width: 27px;
      }
    }
  }

  &.open {
    .accordion-header {
      .accordion-arrow {
        transform: rotate(0deg);
      }
    }
  }
}
