<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/8539485-zoo-keepers-and-pastrami-sandwiches"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Zoo Keepers and Pastrami Sandwiches
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
23m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1563865500" data-format="short_date">Jul 23, 2019</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">
23m
</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/8539486-sailing-the-seas-with-captain-crunch"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Sailing the Seas with Captain Crunch
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
26m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1563279876" data-format="short_date">Jul 16, 2019</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">
26m
</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/8539487-earthquakes-and-drumsticks"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Earthquakes and Drumsticks
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
24m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1562645040" data-format="short_date">Jul 09, 2019</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">
24m
</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/8539488-chic-fil-a-canada-day"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Chic-fil-A &amp; Canada Day
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
26m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1562054400" data-format="short_date">Jul 02, 2019</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">
26m
</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/8539489-pack-your-shit-we-re-going-to-santa-barbara"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Pack Your Shit, We&#39;re Going to Santa Barbara
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
32m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1561420800" data-format="short_date">Jun 25, 2019</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">
32m
</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/8539490-samantha-from-shake-shack"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Samantha from Shake Shack
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
29m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1560855414" data-format="short_date">Jun 18, 2019</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">
29m
</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/8539491-bowling-drunk"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
Bowling Drunk
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
20m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1560168370" data-format="short_date">Jun 10, 2019</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">
20m
</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/8539492-the-intro"><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/41872675/75x75/c 75w, https://audioboom.com/i/41872675/150x150/c 150w, https://audioboom.com/i/41872675/300x300/c 300w, https://audioboom.com/i/41872675/600x600/c 600w, https://audioboom.com/i/41872675/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4f6fa; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/41872675/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">
The Intro
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
15m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1559584363" data-format="short_date">Jun 03, 2019</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">
15m
</div>
</div>
</div>
</a></div>

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