Carousel slider cards

<?php
/**
 * Title: Publisher UI: Carousel slider cards
 * Slug: carousel-slider-cards
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"aside","metadata":{"name":"Carousel slider cards","categories":["featured"],"patternName":"wlc/carousel-slider-cards"},"align":"full","className":"carousel-slider-cards","layout":{"type":"constrained"}} -->
<aside class="wp-block-group alignfull carousel-slider-cards"><!-- wp:group {"metadata":{"name":"Wrapper"},"align":"wide","className":"carousel-slider-cards__wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide carousel-slider-cards__wrapper"><!-- wp:heading {"className":"carousel-slider-cards__heading"} -->
<h2 class="wp-block-heading carousel-slider-cards__heading">Trending on Flowbite</h2>
<!-- /wp:heading -->

<!-- wp:blocks-library/query-loop-slider {"perMove":3,"perMoveTablet":2,"autoplay":true,"speed":700,"showDots":false,"gap":16} -->
<div class="wp-block-blocks-library-query-loop-slider"><!-- wp:query {"queryId":3,"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
<div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"default"}} -->
<!-- wp:post-featured-image {"isLink":true,"sizeSlug":"full"} /-->

<!-- wp:group {"metadata":{"name":"Info"},"className":"carousel-slider-cards__info","layout":{"type":"default"}} -->
<div class="wp-block-group carousel-slider-cards__info"><!-- wp:post-author {"showBio":false,"isLink":true} /-->

<!-- wp:group {"className":"carousel-slider-cards__date-wrapper","layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group carousel-slider-cards__date-wrapper"><!-- wp:post-date /-->

<!-- wp:wlc/reading-time /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:post-title {"isLink":true} /-->

<!-- wp:post-excerpt {"moreText":"Read more","excerptLength":20} /-->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>
<!-- /wp:blocks-library/query-loop-slider --></div>
<!-- /wp:group --></aside>
<!-- /wp:group -->

.carousel-slider-cards {
  @apply py-8 bg-white dark:bg-gray-900 lg:py-16 antialiased;

  .carousel-slider-cards__wrapper {
    @apply px-4 mx-auto w-full; 
  }
  
  .carousel-slider-cards__heading {
    @apply mb-8 text-2xl font-bold text-gray-900 dark:text-white;
  }

  .wp-block-blocks-library-query-loop-slider:not(.query-loop-slider) {
    @apply relative overflow-hidden rounded-lg;
  }
  .query-loop-slider {
    @apply py-0;
  }

  .wp-block-query {
    @apply bg-white dark:bg-gray-900;
  }

  .wp-block-post {
    @apply p-4 mx-auto bg-white rounded-lg shadow-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700;

    .wp-block-post-featured-image {
      @apply mb-5;

      img {
        @apply rounded-lg mb-0;
      }
    }

    .carousel-slider-cards__info {
      @apply flex flex-col items-start mb-3 pl-10 relative;
    }

    .wp-block-post-author {
      @apply items-center;
    }

    .wp-block-post-author__avatar {
      @apply absolute top-0 left-0 bottom-0 flex items-center mr-0;

      img {
        @apply w-8 h-8 rounded-full aspect-square;
      }
    }

    .wp-block-post-author__content {
      @apply font-medium dark:text-white;
    }

    .carousel-slider-cards__date-wrapper {
      @apply mx-0;
    }

    .wp-block-post-date,
    .wp-block-wlc-reading-time {
      @apply text-sm font-normal text-gray-500 dark:text-gray-400;
    }
  }
}

/* Admin */
.wp-admin {
  .carousel-slider-cards {
    .wp-block-post {
      .wp-block-post-author {
        @apply static;
      }
    }
  }
}