<turbo-stream action="replace" target="tags_topic_tag_85fe6f22"><template>
  

  <article data-test-id="tags_topic_tag_85fe6f22" class="">
    <h2 class="flex flex-wrap gap-2 items-center mb-4 text-xl font-bold leading-7 sm:gap-4 sm:text-2xl sm:leading-9 text-concert-200 sm:truncate">
      <span class="order-2 sm:order-1">Midas</span>
      
  <div
    id=""
    data-test-id="topic_target_count"
    class="flex items-center chip-body-wrapper shrink-0 order-1 sm:order-2 sm:basis-auto basis-full"
  >
      <div class="chip-body flex items-center flex-shrink-0 rounded-full w-auto overflow-hidden py-1 pl-1.5 pr-1 text-concert-300  bg-concert-300/15  [text-shadow:0px_1px_2px_#0e121b21] text-xs z font-medium ease-mxu transition-colors duration-100 shadow-none group">


      <div class="flex items-center justify-between pr-1">
        <div class="font-normal ">
          21 Videos
        </div>
      </div>

    
  </div>

  </div>

      
<a data-turbo="false" data-test-id="topic_link" data-controller="link" class="link-button shrink-0 text-center justify-center inline-flex items-center bg-transparent transition-[outline-color,color] hover:text-action-200 text-action-400 px-1 rounded-md text-sm py-1 font-medium ease-mxu duration-100 shadow-none ml-auto order-3" aria-disabled="false" href="https://app.getmxu.com/topics/85fe6f22">
  <span class="inline-flex items-center ">


    <span>
      View
    </span>

    


      <i data-test-id="link_arrow">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4 ml-0.5">
  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path>
</svg>
      </i>
  </span>

</a>
    </h2>
    <div class="max-sm:flex max-sm:overflow-scroll overflow-no-bar scroll-smooth max-sm:-mx-4 max-sm:w-screen max-sm:px-4 card-grid max-sm:[&>figure]:max-w-[75vw] sm:[&>figure:nth-child(n+5)]:hidden lg:[&>figure:nth-child(n+5)]:block xl-2xl:[&>figure:nth-child(n+5)]:hidden 4xl:[&>figure:nth-child(n+5)]:block">
        
<figure id="lesson_e7ba1fbc" data-test-id="lesson_e7ba1fbc_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_e7ba1fbc_poster_image_wrapper"  data-test-id="poster_imageable_e7ba1fbc_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
    <img
      id="poster_imageable_e7ba1fbc_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-2.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/w4fcgq34md1if3td480whrmstd7z?_a=BACMTiGT"
      alt="32-Minute Mix on an X32 / M32"
      loading="eager"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/32-minute-mix-on-an-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  32:24

</span>


    </div>
  </div>
</figure>
        
<figure id="lesson_41f9f445" data-test-id="lesson_41f9f445_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_41f9f445_poster_image_wrapper"  data-test-id="poster_imageable_41f9f445_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
    <img
      id="poster_imageable_41f9f445_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-5.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/z4bntf2mxfql0ubza5gfbt9iyia0?_a=BACMTiGT"
      alt="Console Configuration on X32 / M32"
      loading="eager"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/console-configuration-on-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  11:58

</span>


    </div>
  </div>
</figure>
        
<figure id="lesson_6572d914" data-test-id="lesson_6572d914_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_6572d914_poster_image_wrapper"  data-test-id="poster_imageable_6572d914_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
      <img
        id="lazy-image"
        src="https://res-1.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:low,w_10/7lkt9zrtzolwhb1umoshznsgqxph?_a=BACMTiGT"
        alt="Console Layout on Behringer X32 / Midas M32"
        class="absolute inset-x-0 w-full h-full block object-cover blur-md"
      >
    <img
      id="poster_imageable_6572d914_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-1.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/7lkt9zrtzolwhb1umoshznsgqxph?_a=BACMTiGT"
      alt="Console Layout on Behringer X32 / Midas M32"
      loading="lazy"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/console-layout-on-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  9:08

</span>


    </div>
  </div>
</figure>
        
<figure id="lesson_3a273158" data-test-id="lesson_3a273158_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_3a273158_poster_image_wrapper"  data-test-id="poster_imageable_3a273158_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
      <img
        id="lazy-image"
        src="https://res-3.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:low,w_10/iehwiutc9nf2w1zninv85apd9sj9?_a=BACMTiGT"
        alt="Labeling on X32 / M32"
        class="absolute inset-x-0 w-full h-full block object-cover blur-md"
      >
    <img
      id="poster_imageable_3a273158_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-3.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/iehwiutc9nf2w1zninv85apd9sj9?_a=BACMTiGT"
      alt="Labeling on X32 / M32"
      loading="lazy"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/labeling-on-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  4:05

</span>


    </div>
  </div>
</figure>
        
<figure id="lesson_e8713629" data-test-id="lesson_e8713629_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_e8713629_poster_image_wrapper"  data-test-id="poster_imageable_e8713629_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
      <img
        id="lazy-image"
        src="https://res-4.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:low,w_10/d4kf15ughet05js4rp7bedbw55yg?_a=BACMTiGT"
        alt="User Defined Keys on the X32 / M32"
        class="absolute inset-x-0 w-full h-full block object-cover blur-md"
      >
    <img
      id="poster_imageable_e8713629_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-4.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/d4kf15ughet05js4rp7bedbw55yg?_a=BACMTiGT"
      alt="User Defined Keys on the X32 / M32"
      loading="lazy"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/user-defined-keys-on-the-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  5:58

</span>


    </div>
  </div>
</figure>
        
<figure id="lesson_79b2a57f" data-test-id="lesson_79b2a57f_card" data-turbo-frame="_top" class="  box-content relative my-0.5 w-full rounded-lg swiper-slide aspect-[16/9] basis-96 shrink-0 snap-center grow bg-concert-800/50 max-w-[85vw] sm:max-w-[24rem]">
  <div class="absolute inset-0 z-0">
    <div id="poster_imageable_79b2a57f_poster_image_wrapper"  data-test-id="poster_imageable_79b2a57f_poster_image" class="rounded h-full w-full rounded-[calc(0.5rem-0.5px)] relative w-full aspect-[16/9] overflow-hidden">
      <img
        id="lazy-image"
        src="https://res-3.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:low,w_10/a3b0ntaljl9pr8ykx0ah2qy0snz5?_a=BACMTiGT"
        alt="Connect a Tablet to your X32 / M32"
        class="absolute inset-x-0 w-full h-full block object-cover blur-md"
      >
    <img
      id="poster_imageable_79b2a57f_poster_image"
      class="absolute inset-0 mx-auto h-full object-cover"
      src="https://res-3.cloudinary.com/mxu/image/upload/c_scale,f_auto,q_auto:good,w_890/a3b0ntaljl9pr8ykx0ah2qy0snz5?_a=BACMTiGT"
      alt="Connect a Tablet to your X32 / M32"
      loading="lazy"
      fetchpriority="high"
    >
</div>

  </div>
    <a class="mxu-focus-before mxu-hover-before mxu-active-before group absolute inset-0 z-10 flex h-full w-full flex-wrap items-start justify-start gap-1.5 pl-2 pt-2 outline-hidden" data-turbo-frame="_top" href="https://app.getmxu.com/lessons/connect-a-tablet-to-your-x32-m32?context_id=85fe6f22&amp;context_type=topic"></a>  <div class="flex absolute bottom-0 z-10 justify-end pr-3 pb-3 w-full h-1/2 pointer-events-none">
    <div class="flex gap-x-2 items-center mt-auto">
        <span data-test-id="duration" class="inline-block relative ml-auto font-mono tracking-tight leading-none rounded border origin-bottom-right py-[3px] px-[5px] text-[.6125rem] border-concert-950/0 bg-gradient-to-br from-concert-950/70 to-concert-700/90 text-concert-200 bg-blend-multiply  ">
  2:39

</span>


    </div>
  </div>
</figure>
    </div>
  </article>

</template></turbo-stream>