<turbo-stream action="append" target="audio_clips_list"><template>
    <hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1334295-test-boo-recording-to-channel"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
test boo recording to channel
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
blah blah blah
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1366136144" data-format="short_date">Apr 16, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1295680-left-to-my-own-devicesboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/5554386/75x75/c 75w, https://audioboom.com/i/5554386/150x150/c 150w, https://audioboom.com/i/5554386/300x300/c 300w, https://audioboom.com/i/5554386/600x600/c 600w, https://audioboom.com/i/5554386/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #80a1c2; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/5554386/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Left to my own devicesboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364471036" data-format="short_date">Mar 28, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1289815-left-to-my-own-devicesboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Left to my own devicesboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
19s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364224307" data-format="short_date">Mar 25, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
19s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1289788-remember-to-water-the-flowersboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Remember to water the flowersboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
25s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364223796" data-format="short_date">Mar 25, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
25s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1289769-meetings-are-evilboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Meetings are evilboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
22s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364223270" data-format="short_date">Mar 25, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
22s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1289747-sunnyboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
 Sunnyboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364222956" data-format="short_date">Mar 25, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286276-thanks-a-lotboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Thanks a lotboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364046438" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286273-junk-mailboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/4346933/75x75/c 75w, https://audioboom.com/i/4346933/150x150/c 150w, https://audioboom.com/i/4346933/300x300/c 300w, https://audioboom.com/i/4346933/600x600/c 600w, https://audioboom.com/i/4346933/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #c8c4c4; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/4346933/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Junk mailboo
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
droos
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364046194" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286269-hot-peri-peri-mayo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
hot peri-peri mayo
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
mike likes it!
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364045770" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286264-left-then-rightboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/4346864/75x75/c 75w, https://audioboom.com/i/4346864/150x150/c 150w, https://audioboom.com/i/4346864/300x300/c 300w, https://audioboom.com/i/4346864/600x600/c 600w, https://audioboom.com/i/4346864/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #5a575a; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/4346864/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Left then rightboo
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
hot.pepper sauce song
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364045372" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
8s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286254-don-t-i-recognise-youboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Don&#39;t I recognise youboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
12s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364044827" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
12s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1286248-i-m-only-happy-when-it-rainsboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
I&#39;m only happy when it rainsboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
2s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1364044590" data-format="short_date">Mar 23, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
2s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1284019-sting-1"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Sting 1
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1363950309" data-format="short_date">Mar 22, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
9s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1250034-lunchboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">

Lunchboo
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
hshdhdhdhdu
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1362573257" data-format="short_date">Mar 06, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1245565-waiting-for-a-friendboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/5554460/75x75/c 75w, https://audioboom.com/i/5554460/150x150/c 150w, https://audioboom.com/i/5554460/300x300/c 300w, https://audioboom.com/i/5554460/600x600/c 600w, https://audioboom.com/i/5554460/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #66687d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/5554460/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Waiting for a friendboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1362399113" data-format="short_date">Mar 04, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1238759-mo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Mo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1362065803" data-format="short_date">Feb 28, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1236015-android-test"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
android test
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1361958417" data-format="short_date">Feb 27, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1228030-bloody-circle-lineboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Bloody circle lineboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1361550290" data-format="short_date">Feb 22, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1228005-winterboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Winterboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span><span class="js-time" data-epochtime="1361549636" data-format="short_date">Feb 22, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
--
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1228002-and-she-said-to-himboo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
And she said to himboo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1361549548" data-format="short_date">Feb 22, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/1227967-test-boo"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/4129777/75x75/c 75w, https://audioboom.com/i/4129777/150x150/c 150w, https://audioboom.com/i/4129777/300x300/c 300w, https://audioboom.com/i/4129777/600x600/c 600w, https://audioboom.com/i/4129777/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #665450; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/4129777/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
test boo
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1s
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1361548749" data-format="short_date">Feb 22, 2013</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
1s
</div>
</div>
</div>
</a></div>

</template></turbo-stream>
  <turbo-stream action="remove" target="audio_clips_pagination"></turbo-stream>
