<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="4702760" id="audio_clip_5543228">
<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/5543228-sebastian-barry-joanne-harris-and-the-kilmarnock-edition-of-robert-burns"><img srcset="https://audioboom.com/i/29501629/75x75/c 75w, https://audioboom.com/i/29501629/150x150/c 150w, https://audioboom.com/i/29501629/300x300/c 300w, https://audioboom.com/i/29501629/600x600/c 600w, https://audioboom.com/i/29501629/1400x1400/c 1400w" sizes="300px" style="background-color: #d4a97c" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/29501629/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/5543228-sebastian-barry-joanne-harris-and-the-kilmarnock-edition-of-robert-burns"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: Sebastian Barry, Joanne Harris and The Kilmarnock Edition of Robert Burns
</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="4702760" id="audio_clip_5524359">
<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/5524359-the-great-spy-debate-narrator-david-thorpe-creating-a-book-group"><img srcset="https://audioboom.com/i/31580320/75x75/c 75w, https://audioboom.com/i/31580320/150x150/c 150w, https://audioboom.com/i/31580320/300x300/c 300w, https://audioboom.com/i/31580320/600x600/c 600w, https://audioboom.com/i/31580320/1400x1400/c 1400w" sizes="300px" style="background-color: #3d3d3d" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/31580320/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/5524359-the-great-spy-debate-narrator-david-thorpe-creating-a-book-group"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: The Great Spy Debate, Narrator David Thorpe, Creating a Book Group
</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="4832048" id="audio_clip_5491319">
<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/5491319-the-history-of-the-talking-book"><img srcset="https://audioboom.com/i/29049543/75x75/c 75w, https://audioboom.com/i/29049543/150x150/c 150w, https://audioboom.com/i/29049543/300x300/c 300w, https://audioboom.com/i/29049543/600x600/c 600w, https://audioboom.com/i/29049543/1400x1400/c 1400w" sizes="300px" style="background-color: #404036" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/29049543/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/5491319-the-history-of-the-talking-book"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: The History of the Talking Book
</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>
