<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5655052" id="audio_clip_8214505">
<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/8214505-the-comfort-of-procedurals"><img srcset="https://audioboom.com/i/40068453/75x75/c 75w, https://audioboom.com/i/40068453/150x150/c 150w, https://audioboom.com/i/40068453/300x300/c 300w, https://audioboom.com/i/40068453/600x600/c 600w, https://audioboom.com/i/40068453/1400x1400/c 1400w" sizes="300px" style="background-color: #d9d7d8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068453/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/8214505-the-comfort-of-procedurals"><div class="text-line-clamp text-line-clamp-3" dir="auto">
12: The Comfort of Procedurals
</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="5655052" id="audio_clip_8214506">
<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/8214506-say-it-ain-t-so"><img srcset="https://audioboom.com/i/40068457/75x75/c 75w, https://audioboom.com/i/40068457/150x150/c 150w, https://audioboom.com/i/40068457/300x300/c 300w, https://audioboom.com/i/40068457/600x600/c 600w, https://audioboom.com/i/40068457/1400x1400/c 1400w" sizes="300px" style="background-color: #2c1508" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068457/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/8214506-say-it-ain-t-so"><div class="text-line-clamp text-line-clamp-3" dir="auto">
11: Say It Ain&#39;t So
</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="5655052" id="audio_clip_8214507">
<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/8214507-should-you-invest-in-dracula"><img srcset="https://audioboom.com/i/40068466/75x75/c 75w, https://audioboom.com/i/40068466/150x150/c 150w, https://audioboom.com/i/40068466/300x300/c 300w, https://audioboom.com/i/40068466/600x600/c 600w, https://audioboom.com/i/40068466/1400x1400/c 1400w" sizes="300px" style="background-color: #ba4115" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068466/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/8214507-should-you-invest-in-dracula"><div class="text-line-clamp text-line-clamp-3" dir="auto">
10: Should You Invest In Dracula?
</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="5655052" id="audio_clip_8214508">
<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/8214508-warrior-women-of-the-small-screen"><img srcset="https://audioboom.com/i/40068469/75x75/c 75w, https://audioboom.com/i/40068469/150x150/c 150w, https://audioboom.com/i/40068469/300x300/c 300w, https://audioboom.com/i/40068469/600x600/c 600w, https://audioboom.com/i/40068469/1400x1400/c 1400w" sizes="300px" style="background-color: #5d2711" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068469/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/8214508-warrior-women-of-the-small-screen"><div class="text-line-clamp text-line-clamp-3" dir="auto">
9: Warrior Women of the Small Screen
</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="5655052" id="audio_clip_8214509">
<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/8214509-american-horror-story-stories"><img srcset="https://audioboom.com/i/40068463/75x75/c 75w, https://audioboom.com/i/40068463/150x150/c 150w, https://audioboom.com/i/40068463/300x300/c 300w, https://audioboom.com/i/40068463/600x600/c 600w, https://audioboom.com/i/40068463/1400x1400/c 1400w" sizes="300px" style="background-color: #2e211c" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068463/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/8214509-american-horror-story-stories"><div class="text-line-clamp text-line-clamp-3" dir="auto">
8: American Horror Story Stories
</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="5655052" id="audio_clip_8214510">
<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/8214510-hooray-for-fall-tv"><img srcset="https://audioboom.com/i/40068487/75x75/c 75w, https://audioboom.com/i/40068487/150x150/c 150w, https://audioboom.com/i/40068487/300x300/c 300w, https://audioboom.com/i/40068487/600x600/c 600w, https://audioboom.com/i/40068487/1400x1400/c 1400w" sizes="300px" style="background-color: #b59e9b" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068487/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/8214510-hooray-for-fall-tv"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: Hooray For Fall TV
</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="5655052" id="audio_clip_8214511">
<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/8214511-complaining-about-the-emmys-is-on-brand"><img srcset="https://audioboom.com/i/40068483/75x75/c 75w, https://audioboom.com/i/40068483/150x150/c 150w, https://audioboom.com/i/40068483/300x300/c 300w, https://audioboom.com/i/40068483/600x600/c 600w, https://audioboom.com/i/40068483/1400x1400/c 1400w" sizes="300px" style="background-color: #27211a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068483/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/8214511-complaining-about-the-emmys-is-on-brand"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: Complaining About The Emmys Is On Brand
</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="5655052" id="audio_clip_8214512">
<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/8214512-survivor-and-the-state-of-reality-tv"><img srcset="https://audioboom.com/i/40068489/75x75/c 75w, https://audioboom.com/i/40068489/150x150/c 150w, https://audioboom.com/i/40068489/300x300/c 300w, https://audioboom.com/i/40068489/600x600/c 600w, https://audioboom.com/i/40068489/1400x1400/c 1400w" sizes="300px" style="background-color: #524e17" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068489/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/8214512-survivor-and-the-state-of-reality-tv"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Survivor And The State Of Reality TV
</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="5655052" id="audio_clip_8214513">
<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/8214513-stretching-jersey-with-boardwalk-empire"><img srcset="https://audioboom.com/i/40068496/75x75/c 75w, https://audioboom.com/i/40068496/150x150/c 150w, https://audioboom.com/i/40068496/300x300/c 300w, https://audioboom.com/i/40068496/600x600/c 600w, https://audioboom.com/i/40068496/1400x1400/c 1400w" sizes="300px" style="background-color: #080503" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068496/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/8214513-stretching-jersey-with-boardwalk-empire"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Stretching Jersey With Boardwalk Empire
</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="5655052" id="audio_clip_8214514">
<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/8214514-luther-and-the-case-of-beeb-er-fever"><img srcset="https://audioboom.com/i/40068499/75x75/c 75w, https://audioboom.com/i/40068499/150x150/c 150w, https://audioboom.com/i/40068499/300x300/c 300w, https://audioboom.com/i/40068499/600x600/c 600w, https://audioboom.com/i/40068499/1400x1400/c 1400w" sizes="300px" style="background-color: #8c7b90" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068499/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/8214514-luther-and-the-case-of-beeb-er-fever"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: Luther And The Case Of Beeb-er Fever
</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="5655052" id="audio_clip_8214515">
<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/8214515-the-state-of-amc-is-breaking-bad"><img srcset="https://audioboom.com/i/40068510/75x75/c 75w, https://audioboom.com/i/40068510/150x150/c 150w, https://audioboom.com/i/40068510/300x300/c 300w, https://audioboom.com/i/40068510/600x600/c 600w, https://audioboom.com/i/40068510/1400x1400/c 1400w" sizes="300px" style="background-color: #2d1b16" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068510/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/8214515-the-state-of-amc-is-breaking-bad"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: The State of AMC Is Breaking Bad
</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="5655052" id="audio_clip_8214516">
<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/8214516-summer-tv"><img srcset="https://audioboom.com/i/40068518/75x75/c 75w, https://audioboom.com/i/40068518/150x150/c 150w, https://audioboom.com/i/40068518/300x300/c 300w, https://audioboom.com/i/40068518/600x600/c 600w, https://audioboom.com/i/40068518/1400x1400/c 1400w" sizes="300px" style="background-color: #5a462c" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40068518/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/8214516-summer-tv"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Summer TV
</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>
