<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366188">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366188-shinra-switches-get-what-they-deserve"><img srcset="https://audioboom.com/i/40915909/75x75/c 75w, https://audioboom.com/i/40915909/150x150/c 150w, https://audioboom.com/i/40915909/300x300/c 300w, https://audioboom.com/i/40915909/600x600/c 600w, https://audioboom.com/i/40915909/1400x1400/c 1400w" sizes="300px" style="background-color: #010c49" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915909/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366188-shinra-switches-get-what-they-deserve"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Shinra Switches Get What They Deserve
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366189">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366189-chargin-chuck-and-the-boo-in-the-mornings"><img srcset="https://audioboom.com/i/40915909/75x75/c 75w, https://audioboom.com/i/40915909/150x150/c 150w, https://audioboom.com/i/40915909/300x300/c 300w, https://audioboom.com/i/40915909/600x600/c 600w, https://audioboom.com/i/40915909/1400x1400/c 1400w" sizes="300px" style="background-color: #010c49" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915909/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366189-chargin-chuck-and-the-boo-in-the-mornings"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Chargin&#39; Chuck and the Boo in the Mornings
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366190">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366190-i-need-a-moment"><img srcset="https://audioboom.com/i/40915909/75x75/c 75w, https://audioboom.com/i/40915909/150x150/c 150w, https://audioboom.com/i/40915909/300x300/c 300w, https://audioboom.com/i/40915909/600x600/c 600w, https://audioboom.com/i/40915909/1400x1400/c 1400w" sizes="300px" style="background-color: #010c49" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915909/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366190-i-need-a-moment"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: I Need a Moment!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366191">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366191-metroid-vs-predator"><img srcset="https://audioboom.com/i/40915909/75x75/c 75w, https://audioboom.com/i/40915909/150x150/c 150w, https://audioboom.com/i/40915909/300x300/c 300w, https://audioboom.com/i/40915909/600x600/c 600w, https://audioboom.com/i/40915909/1400x1400/c 1400w" sizes="300px" style="background-color: #010c49" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915909/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366191-metroid-vs-predator"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Metroid vs. Predator
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366192">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366192-welcome-to-bee3"><img srcset="https://audioboom.com/i/40915909/75x75/c 75w, https://audioboom.com/i/40915909/150x150/c 150w, https://audioboom.com/i/40915909/300x300/c 300w, https://audioboom.com/i/40915909/600x600/c 600w, https://audioboom.com/i/40915909/1400x1400/c 1400w" sizes="300px" style="background-color: #010c49" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915909/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366192-welcome-to-bee3"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Welcome to Bee3
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5688082" id="audio_clip_8366193">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8366193-ready-to-launch"><img srcset="https://audioboom.com/i/40915902/75x75/c 75w, https://audioboom.com/i/40915902/150x150/c 150w, https://audioboom.com/i/40915902/300x300/c 300w, https://audioboom.com/i/40915902/600x600/c 600w, https://audioboom.com/i/40915902/1400x1400/c 1400w" sizes="300px" style="background-color: #010c48" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40915902/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8366193-ready-to-launch"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Ready to Launch!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>


</template></turbo-stream>
  <turbo-stream action="remove" target="audio_clips_pagination"></turbo-stream>
