<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5393099" id="audio_clip_7218099">
<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/7218099-the-hidden-cost-of-hiding"><img srcset="https://audioboom.com/i/34608717/75x75/c 75w, https://audioboom.com/i/34608717/150x150/c 150w, https://audioboom.com/i/34608717/300x300/c 300w, https://audioboom.com/i/34608717/600x600/c 600w, https://audioboom.com/i/34608717/1400x1400/c 1400w" sizes="300px" style="background-color: #241e1f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34608717/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/7218099-the-hidden-cost-of-hiding"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: The Hidden Cost of Hiding
</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="5393099" id="audio_clip_7218098">
<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/7218098-personal-guidelines-for-the-great-turning"><img srcset="https://audioboom.com/i/34608782/75x75/c 75w, https://audioboom.com/i/34608782/150x150/c 150w, https://audioboom.com/i/34608782/300x300/c 300w, https://audioboom.com/i/34608782/600x600/c 600w, https://audioboom.com/i/34608782/1400x1400/c 1400w" sizes="300px" style="background-color: #d7a590" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34608782/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/7218098-personal-guidelines-for-the-great-turning"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: Personal Guidelines for the Great Turning
</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="5393099" id="audio_clip_7218097">
<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/7218097-fuel-for-your-fire"><img srcset="https://audioboom.com/i/34608728/75x75/c 75w, https://audioboom.com/i/34608728/150x150/c 150w, https://audioboom.com/i/34608728/300x300/c 300w, https://audioboom.com/i/34608728/600x600/c 600w, https://audioboom.com/i/34608728/1400x1400/c 1400w" sizes="300px" style="background-color: #5c6472" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34608728/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/7218097-fuel-for-your-fire"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Fuel for Your Fire
</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="5393099" id="audio_clip_7218095">
<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/7218095-wild-geese-by-mary-oliver"><img srcset="https://audioboom.com/i/34608736/75x75/c 75w, https://audioboom.com/i/34608736/150x150/c 150w, https://audioboom.com/i/34608736/300x300/c 300w, https://audioboom.com/i/34608736/600x600/c 600w, https://audioboom.com/i/34608736/1400x1400/c 1400w" sizes="300px" style="background-color: #a4d5f5" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34608736/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/7218095-wild-geese-by-mary-oliver"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Wild Geese by Mary Oliver
</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="5393099" id="audio_clip_7218093">
<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/7218093-days-are-numbered"><img srcset="https://audioboom.com/i/34608763/75x75/c 75w, https://audioboom.com/i/34608763/150x150/c 150w, https://audioboom.com/i/34608763/300x300/c 300w, https://audioboom.com/i/34608763/600x600/c 600w, https://audioboom.com/i/34608763/1400x1400/c 1400w" sizes="300px" style="background-color: #e7a883" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34608763/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/7218093-days-are-numbered"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: Days are Numbered
</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="turbo_pagination"></turbo-stream>
