<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5372195" id="audio_clip_7543349">
<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/7543349-5-barryn-valtava-parru"><img srcset="https://audioboom.com/i/36296043/75x75/c 75w, https://audioboom.com/i/36296043/150x150/c 150w, https://audioboom.com/i/36296043/300x300/c 300w, https://audioboom.com/i/36296043/600x600/c 600w, https://audioboom.com/i/36296043/1400x1400/c 1400w" sizes="300px" style="background-color: #353535" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36296043/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/7543349-5-barryn-valtava-parru"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#5: Barryn valtava parru
</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="5372195" id="audio_clip_7536770">
<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/7536770-4-korona-special"><img srcset="https://audioboom.com/i/36260432/75x75/c 75w, https://audioboom.com/i/36260432/150x150/c 150w, https://audioboom.com/i/36260432/300x300/c 300w, https://audioboom.com/i/36260432/600x600/c 600w, https://audioboom.com/i/36260432/1400x1400/c 1400w" sizes="300px" style="background-color: #312e28" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36260432/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/7536770-4-korona-special"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#4: Korona-special
</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="5372195" id="audio_clip_7499443">
<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/7499443-3-kuka-servaa-ja-kenet"><img srcset="https://audioboom.com/i/36071185/75x75/c 75w, https://audioboom.com/i/36071185/150x150/c 150w, https://audioboom.com/i/36071185/300x300/c 300w, https://audioboom.com/i/36071185/600x600/c 600w, https://audioboom.com/i/36071185/1400x1400/c 1400w" sizes="300px" style="background-color: #9f8f74" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36071185/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/7499443-3-kuka-servaa-ja-kenet"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#3: Kuka servaa ja kenet?
</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="5372195" id="audio_clip_7426646">
<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/7426646-2-tyttokalentereita-ja-husuttelua"><img srcset="https://audioboom.com/i/35695768/75x75/c 75w, https://audioboom.com/i/35695768/150x150/c 150w, https://audioboom.com/i/35695768/300x300/c 300w, https://audioboom.com/i/35695768/600x600/c 600w, https://audioboom.com/i/35695768/1400x1400/c 1400w" sizes="300px" style="background-color: #4d3b36" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/35695768/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/7426646-2-tyttokalentereita-ja-husuttelua"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#2: Tyttökalentereita ja husuttelua
</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="5372195" id="audio_clip_7369448">
<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/7369448-1-the-beginning"><img srcset="https://audioboom.com/i/35400177/75x75/c 75w, https://audioboom.com/i/35400177/150x150/c 150w, https://audioboom.com/i/35400177/300x300/c 300w, https://audioboom.com/i/35400177/600x600/c 600w, https://audioboom.com/i/35400177/1400x1400/c 1400w" sizes="300px" style="background-color: #343434" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/35400177/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/7369448-1-the-beginning"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#1: The beginning
</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>
