<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5648312" id="audio_clip_8184046">
<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/8184046-guest-james-oster-aka-jimmy-o-attacks"><img srcset="https://audioboom.com/i/41775775/75x75/c 75w, https://audioboom.com/i/41775775/150x150/c 150w, https://audioboom.com/i/41775775/300x300/c 300w, https://audioboom.com/i/41775775/600x600/c 600w, https://audioboom.com/i/41775775/1400x1400/c 1400w" sizes="300px" style="background-color: #9e8e8a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41775775/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/8184046-guest-james-oster-aka-jimmy-o-attacks"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Guest James Oster (aka Jimmy-O) attacks!
</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="5648312" id="audio_clip_8184047">
<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/8184047-sleep-paralysis"><img srcset="https://audioboom.com/i/41775779/75x75/c 75w, https://audioboom.com/i/41775779/150x150/c 150w, https://audioboom.com/i/41775779/300x300/c 300w, https://audioboom.com/i/41775779/600x600/c 600w, https://audioboom.com/i/41775779/1400x1400/c 1400w" sizes="300px" style="background-color: #6d4b36" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41775779/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/8184047-sleep-paralysis"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Sleep Paralysis!
</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="5648312" id="audio_clip_8184048">
<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/8184048-halloween-2020"><img srcset="https://audioboom.com/i/41775781/75x75/c 75w, https://audioboom.com/i/41775781/150x150/c 150w, https://audioboom.com/i/41775781/300x300/c 300w, https://audioboom.com/i/41775781/600x600/c 600w, https://audioboom.com/i/41775781/1400x1400/c 1400w" sizes="300px" style="background-color: #c05351" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41775781/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/8184048-halloween-2020"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: Halloween 2020!
</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="5648312" id="audio_clip_8184049">
<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/8184049-shocktober-challenge"><img srcset="https://audioboom.com/i/41775787/75x75/c 75w, https://audioboom.com/i/41775787/150x150/c 150w, https://audioboom.com/i/41775787/300x300/c 300w, https://audioboom.com/i/41775787/600x600/c 600w, https://audioboom.com/i/41775787/1400x1400/c 1400w" sizes="300px" style="background-color: #bf7c7f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41775787/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/8184049-shocktober-challenge"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Shocktober Challenge!
</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="5648312" id="audio_clip_8184050">
<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/8184050-rise-of-cinescare"><img srcset="https://audioboom.com/i/39774676/75x75/c 75w, https://audioboom.com/i/39774676/150x150/c 150w, https://audioboom.com/i/39774676/300x300/c 300w, https://audioboom.com/i/39774676/600x600/c 600w, https://audioboom.com/i/39774676/1400x1400/c 1400w" sizes="300px" style="background-color: #c27c7c" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/39774676/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/8184050-rise-of-cinescare"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Rise of Cinescare!
</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>
