<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5759874" id="audio_clip_8863596">
<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/8863596-arc-1-ep-3-ups-and-downs-part-1"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863596-arc-1-ep-3-ups-and-downs-part-1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Arc 1 Ep. 3: Ups and Downs. PART 1
</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="5759874" id="audio_clip_8863597">
<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/8863597-arc-1-ep-2-oops-all-mayhem-part-2"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863597-arc-1-ep-2-oops-all-mayhem-part-2"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Arc 1 Ep. 2: Oops All Mayhem. PART 2
</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="5759874" id="audio_clip_8863598">
<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/8863598-arc-1-ep-2-oops-all-mayhem-part-1"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863598-arc-1-ep-2-oops-all-mayhem-part-1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Arc 1 Ep. 2: Oops All Mayhem. PART 1
</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="5759874" id="audio_clip_8863599">
<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/8863599-arc-1-ep-1-the-obelisk-at-bonbihr-mountains-part-2"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863599-arc-1-ep-1-the-obelisk-at-bonbihr-mountains-part-2"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Arc 1 Ep.1: The Obelisk At Bonbihr Mountains. PART 2
</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="5759874" id="audio_clip_8863600">
<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/8863600-arc-1-ep-1-the-obelisk-at-bonbihr-mountains-part-1"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863600-arc-1-ep-1-the-obelisk-at-bonbihr-mountains-part-1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Arc 1 Ep.1: The Obelisk At Bonbihr Mountains. PART 1 
</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="5759874" id="audio_clip_8863601">
<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/8863601-rotating-heroes-trailer"><img srcset="https://audioboom.com/i/43484557/75x75/c 75w, https://audioboom.com/i/43484557/150x150/c 150w, https://audioboom.com/i/43484557/300x300/c 300w, https://audioboom.com/i/43484557/600x600/c 600w, https://audioboom.com/i/43484557/1400x1400/c 1400w" sizes="300px" style="background-color: #73a6f3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43484557/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/8863601-rotating-heroes-trailer"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Rotating Heroes - Trailer
</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="turbo_pagination"></turbo-stream>
