<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5667617" id="audio_clip_8516791">
<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/8516791-jimmy-eat-world"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8516791-jimmy-eat-world"><div class="text-line-clamp text-line-clamp-3" dir="auto">
32: Jimmy Eat World
</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="5667617" id="audio_clip_8507506">
<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/8507506-beyonce-cowboy-carter"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8507506-beyonce-cowboy-carter"><div class="text-line-clamp text-line-clamp-3" dir="auto">
31: Beyoncé, Cowboy Carter 
</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="5667617" id="audio_clip_8500508">
<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/8500508-tool"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8500508-tool"><div class="text-line-clamp text-line-clamp-3" dir="auto">
30: Tool
</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="5667617" id="audio_clip_8493324">
<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/8493324-dashboard-confessional"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8493324-dashboard-confessional"><div class="text-line-clamp text-line-clamp-3" dir="auto">
29: Dashboard Confessional
</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="5667617" id="audio_clip_8484766">
<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/8484766-ozma"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8484766-ozma"><div class="text-line-clamp text-line-clamp-3" dir="auto">
28: Ozma
</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="5667617" id="audio_clip_8477541">
<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/8477541-say-anything"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8477541-say-anything"><div class="text-line-clamp text-line-clamp-3" dir="auto">
27: Say Anything
</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="5667617" id="audio_clip_8470743">
<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/8470743-facing-new-york"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8470743-facing-new-york"><div class="text-line-clamp text-line-clamp-3" dir="auto">
26: Facing New York
</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="5667617" id="audio_clip_8463688">
<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/8463688-haim"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8463688-haim"><div class="text-line-clamp text-line-clamp-3" dir="auto">
25: Haim 
</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="5667617" id="audio_clip_8456051">
<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/8456051-arctic-monkeys-part-2"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8456051-arctic-monkeys-part-2"><div class="text-line-clamp text-line-clamp-3" dir="auto">
24: Arctic Monkeys, 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="5667617" id="audio_clip_8446419">
<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/8446419-arctic-monkeys-part-i"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8446419-arctic-monkeys-part-i"><div class="text-line-clamp text-line-clamp-3" dir="auto">
23: Arctic Monkeys, Part I
</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="5667617" id="audio_clip_8429587">
<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/8429587-modest-mouse"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8429587-modest-mouse"><div class="text-line-clamp text-line-clamp-3" dir="auto">
22: Modest Mouse
</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="5667617" id="audio_clip_8423284">
<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/8423284-daft-punk"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8423284-daft-punk"><div class="text-line-clamp text-line-clamp-3" dir="auto">
21: Daft Punk 
</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="5667617" id="audio_clip_8417188">
<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/8417188-a-know-your-writes-christmas"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8417188-a-know-your-writes-christmas"><div class="text-line-clamp text-line-clamp-3" dir="auto">
20: A Know Your Writes! Christmas
</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="5667617" id="audio_clip_8410045">
<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/8410045-curse-your-branches-by-david-bazan-featuring-leftmore"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8410045-curse-your-branches-by-david-bazan-featuring-leftmore"><div class="text-line-clamp text-line-clamp-3" dir="auto">
19: Curse Your Branches by David Bazan (featuring Leftmore)
</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="5667617" id="audio_clip_8402525">
<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/8402525-the-who"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8402525-the-who"><div class="text-line-clamp text-line-clamp-3" dir="auto">
18: The Who
</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="5667617" id="audio_clip_8395197">
<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/8395197-led-zeppelin"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8395197-led-zeppelin"><div class="text-line-clamp text-line-clamp-3" dir="auto">
17: Led Zeppelin
</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="5667617" id="audio_clip_8388059">
<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/8388059-my-chemical-romance"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8388059-my-chemical-romance"><div class="text-line-clamp text-line-clamp-3" dir="auto">
16: My Chemical Romance 
</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="5667617" id="audio_clip_8380139">
<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/8380139-brand-new"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8380139-brand-new"><div class="text-line-clamp text-line-clamp-3" dir="auto">
15: Brand New
</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="5667617" id="audio_clip_8372319">
<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/8372319-erykah-badu"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8372319-erykah-badu"><div class="text-line-clamp text-line-clamp-3" dir="auto">
14: Erykah Badu
</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="5667617" id="audio_clip_8364398">
<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/8364398-green-day"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8364398-green-day"><div class="text-line-clamp text-line-clamp-3" dir="auto">
13: Green Day
</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="5667617" id="audio_clip_8357008">
<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/8357008-coheed-and-cambria"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8357008-coheed-and-cambria"><div class="text-line-clamp text-line-clamp-3" dir="auto">
12: Coheed and Cambria
</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="5667617" id="audio_clip_8348635">
<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/8348635-minus-the-bear"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8348635-minus-the-bear"><div class="text-line-clamp text-line-clamp-3" dir="auto">
11: Minus the Bear 
</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="5667617" id="audio_clip_8341937">
<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/8341937-blink-182-by-blink-182-featuring-birthday-dad"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8341937-blink-182-by-blink-182-featuring-birthday-dad"><div class="text-line-clamp text-line-clamp-3" dir="auto">
10: Blink-182 by Blink-182 (featuring Birthday Dad)
</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="5667617" id="audio_clip_8335132">
<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/8335132-the-milk-carton-kids"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8335132-the-milk-carton-kids"><div class="text-line-clamp text-line-clamp-3" dir="auto">
9: The Milk Carton Kids
</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="5667617" id="audio_clip_8326238">
<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/8326238-yeah-yeah-yeahs"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8326238-yeah-yeah-yeahs"><div class="text-line-clamp text-line-clamp-3" dir="auto">
8: Yeah Yeah Yeahs
</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="5667617" id="audio_clip_8319422">
<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/8319422-the-decemberists"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8319422-the-decemberists"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: The Decemberists
</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="5667617" id="audio_clip_8311295">
<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/8311295-the-hives"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8311295-the-hives"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: The Hives
</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="5667617" id="audio_clip_8303934">
<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/8303934-thursday"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8303934-thursday"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Thursday
</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="5667617" id="audio_clip_8296138">
<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/8296138-a-perfect-circle"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8296138-a-perfect-circle"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: A Perfect Circle
</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="5667617" id="audio_clip_8285570">
<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/8285570-vampire-weekend"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8285570-vampire-weekend"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: Vampire Weekend
</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="5667617" id="audio_clip_8277086">
<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/8277086-weezer"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8277086-weezer"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Weezer
</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="5667617" id="audio_clip_8277264">
<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/8277264-manchester-orchestra"><img srcset="https://audioboom.com/i/40423411/75x75/c 75w, https://audioboom.com/i/40423411/150x150/c 150w, https://audioboom.com/i/40423411/300x300/c 300w, https://audioboom.com/i/40423411/600x600/c 600w, https://audioboom.com/i/40423411/1400x1400/c 1400w" sizes="300px" style="background-color: #232723" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40423411/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/8277264-manchester-orchestra"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Manchester Orchestra
</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>
