<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5550012" id="audio_clip_7830221">
<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/7830221-underground-civilizations-cities-part-2"><img srcset="https://audioboom.com/i/41820395/75x75/c 75w, https://audioboom.com/i/41820395/150x150/c 150w, https://audioboom.com/i/41820395/300x300/c 300w, https://audioboom.com/i/41820395/600x600/c 600w, https://audioboom.com/i/41820395/1400x1400/c 1400w" sizes="300px" style="background-color: #2e180f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41820395/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/7830221-underground-civilizations-cities-part-2"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Underground Civilizations/Cities (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="5550012" id="audio_clip_7830220">
<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/7830220-underground-civilizations-cities-part-1"><img srcset="https://audioboom.com/i/41820393/75x75/c 75w, https://audioboom.com/i/41820393/150x150/c 150w, https://audioboom.com/i/41820393/300x300/c 300w, https://audioboom.com/i/41820393/600x600/c 600w, https://audioboom.com/i/41820393/1400x1400/c 1400w" sizes="300px" style="background-color: #211006" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41820393/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/7830220-underground-civilizations-cities-part-1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Underground Civilizations/Cities (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="5550012" id="audio_clip_7820986">
<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/7820986-halloween-and-the-exorcist"><img srcset="https://audioboom.com/i/41692852/75x75/c 75w, https://audioboom.com/i/41692852/150x150/c 150w, https://audioboom.com/i/41692852/300x300/c 300w, https://audioboom.com/i/41692852/600x600/c 600w, https://audioboom.com/i/41692852/1400x1400/c 1400w" sizes="300px" style="background-color: #c7b483" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41692852/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/7820986-halloween-and-the-exorcist"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: Halloween and The Exorcist
</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="5550012" id="audio_clip_7820979">
<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/7820979-shadow-people-sleep-paralysis"><img srcset="https://audioboom.com/i/41692860/75x75/c 75w, https://audioboom.com/i/41692860/150x150/c 150w, https://audioboom.com/i/41692860/300x300/c 300w, https://audioboom.com/i/41692860/600x600/c 600w, https://audioboom.com/i/41692860/1400x1400/c 1400w" sizes="300px" style="background-color: #2e2e2e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/41692860/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/7820979-shadow-people-sleep-paralysis"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Shadow People/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="5550012" id="audio_clip_7820975">
<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/7820975-introduction-to-maaco"><img srcset="https://audioboom.com/i/37783357/75x75/c 75w, https://audioboom.com/i/37783357/150x150/c 150w, https://audioboom.com/i/37783357/300x300/c 300w, https://audioboom.com/i/37783357/600x600/c 600w, https://audioboom.com/i/37783357/1400x1400/c 1400w" sizes="300px" style="background-color: #313029" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/37783357/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/7820975-introduction-to-maaco"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Introduction to MAACO: 
</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>
