<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/6226573-hero-hype-9-yelling-australians"><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">
Hero Hype #9: Yelling Australians
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 12m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1424970000" data-format="short_date">Feb 26, 2015</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">
1hr 12m
</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/6226574-hero-hype-8-lady-rage"><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">
Hero Hype #8: Lady Rage
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 25m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1423760400" data-format="short_date">Feb 12, 2015</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">
1hr 25m
</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/6226575-hero-hype-7-badass-babe"><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">
Hero Hype #7: Badass Babe
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1422550800" data-format="short_date">Jan 29, 2015</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">
1hr 8m
</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/6226576-hero-hype-6-marvel-monogamy"><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">
Hero Hype #6: Marvel Monogamy
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 22m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1421341200" data-format="short_date">Jan 15, 2015</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">
1hr 22m
</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/6226577-hero-hype-5-glass-houses"><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">
Hero Hype #5: Glass Houses
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1420131600" data-format="short_date">Jan 01, 2015</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">
1hr 9m
</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/6226578-hero-hype-4-agent-carmen-sandiego"><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">
Hero Hype #4: Agent Carmen Sandiego
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1418922000" data-format="short_date">Dec 18, 2014</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">
1hr 11m
</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/6226579-hero-hype-3-flash-and-arrow"><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">
Hero Hype #3: Flash and Arrow
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1hr 2m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1417712400" data-format="short_date">Dec 04, 2014</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">
1hr 2m
</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/6226580-hero-hype-2-team-diversity"><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">
Hero Hype #2: Team Diversity
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
57m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1416502800" data-format="short_date">Nov 20, 2014</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">
57m
</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/6226581-hero-hype-1-hero-hype-rebooted"><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">
Hero Hype #1: Hero Hype Rebooted
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Hypable.com&#39;s HeroHype
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
59m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1415206800" data-format="short_date">Nov 05, 2014</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">
59m
</div>
</div>
</div>
</a></div>

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