<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="1840144" id="audio_clip_7560451">
<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/7560451-hmb-131-dean-capone-stpeteswans"><img srcset="https://audioboom.com/i/36388687/75x75/c 75w, https://audioboom.com/i/36388687/150x150/c 150w, https://audioboom.com/i/36388687/300x300/c 300w, https://audioboom.com/i/36388687/600x600/c 600w, https://audioboom.com/i/36388687/1400x1400/c 1400w" sizes="300px" style="background-color: #f01221" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36388687/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/7560451-hmb-131-dean-capone-stpeteswans"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB 131 - Dean Capone (@stpeteswans)
</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="1840144" id="audio_clip_7560453">
<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/7560453-hmb-sides-adam-howell"><img srcset="https://audioboom.com/i/36388697/75x75/c 75w, https://audioboom.com/i/36388697/150x150/c 150w, https://audioboom.com/i/36388697/300x300/c 300w, https://audioboom.com/i/36388697/600x600/c 600w, https://audioboom.com/i/36388697/1400x1400/c 1400w" sizes="300px" style="background-color: #443751" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36388697/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/7560453-hmb-sides-adam-howell"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB-sides - Adam Howell
</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="1840144" id="audio_clip_7560454">
<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/7560454-hmb-130-adam-howell"><img srcset="https://audioboom.com/i/36388702/75x75/c 75w, https://audioboom.com/i/36388702/150x150/c 150w, https://audioboom.com/i/36388702/300x300/c 300w, https://audioboom.com/i/36388702/600x600/c 600w, https://audioboom.com/i/36388702/1400x1400/c 1400w" sizes="300px" style="background-color: #d4c5b1" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36388702/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/7560454-hmb-130-adam-howell"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB 130 - Adam Howell
</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="1840144" id="audio_clip_7560456">
<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/7560456-hmb-129-two-only1two"><img srcset="https://audioboom.com/i/36388713/75x75/c 75w, https://audioboom.com/i/36388713/150x150/c 150w, https://audioboom.com/i/36388713/300x300/c 300w, https://audioboom.com/i/36388713/600x600/c 600w, https://audioboom.com/i/36388713/1400x1400/c 1400w" sizes="300px" style="background-color: #f3f7c8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36388713/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/7560456-hmb-129-two-only1two"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB 129 - Two (@Only1Two)
</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="1840144" id="audio_clip_7560458">
<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/7560458-hmb-128-j-b-smoove-ohsnapjbsmoove"><img srcset="https://audioboom.com/i/36386644/75x75/c 75w, https://audioboom.com/i/36386644/150x150/c 150w, https://audioboom.com/i/36386644/300x300/c 300w, https://audioboom.com/i/36386644/600x600/c 600w, https://audioboom.com/i/36386644/1400x1400/c 1400w" sizes="300px" style="background-color: #b1acbc" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36386644/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/7560458-hmb-128-j-b-smoove-ohsnapjbsmoove"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB 128 - J. B. Smoove (@ohsnapjbsmoove)
</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="1840144" id="audio_clip_7560461">
<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/7560461-hmb-127-chris-heist-warisforsuckers"><img srcset="https://audioboom.com/i/36386644/75x75/c 75w, https://audioboom.com/i/36386644/150x150/c 150w, https://audioboom.com/i/36386644/300x300/c 300w, https://audioboom.com/i/36386644/600x600/c 600w, https://audioboom.com/i/36386644/1400x1400/c 1400w" sizes="300px" style="background-color: #b1acbc" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36386644/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/7560461-hmb-127-chris-heist-warisforsuckers"><div class="text-line-clamp text-line-clamp-3" dir="auto">
#HMB 127 - Chris Heist (@warisforsuckers)
</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>
