<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/7186363-"><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/34439907/75x75/c 75w, https://audioboom.com/i/34439907/150x150/c 150w, https://audioboom.com/i/34439907/300x300/c 300w, https://audioboom.com/i/34439907/600x600/c 600w, https://audioboom.com/i/34439907/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #62939d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/34439907/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">
สิ่งที่นึกขึ้นได้ เมื่อความสัมพันธ์จบลง
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
เมื่อทุกอย่างมันจบลง เรา-คนที่ต้องเยียวยาความรู้สึกตัวเอง จนกว่าจะพร้อมสำหรับความสัมพันธ์ครั้งใหม่ หรือเรียนรู้ที่จะอยู่กับตัวเอง
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
19m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1551207206" data-format="short_date">Feb 26, 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">
19m
</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/7183247-"><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/34423426/75x75/c 75w, https://audioboom.com/i/34423426/150x150/c 150w, https://audioboom.com/i/34423426/300x300/c 300w, https://audioboom.com/i/34423426/600x600/c 600w, https://audioboom.com/i/34423426/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #eae0d9; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/34423426/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">
สิ่งที่นึกขึ้นได้ เมื่อออกเดินทางคนเดียว
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
ฟังจบเมื่อไหร่ รีบแพ็คกระเป๋า แล้วออกเดินทางกัน :)
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
25m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1550863838" data-format="short_date">Feb 22, 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">
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/7183243-"><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/34423410/75x75/c 75w, https://audioboom.com/i/34423410/150x150/c 150w, https://audioboom.com/i/34423410/300x300/c 300w, https://audioboom.com/i/34423410/600x600/c 600w, https://audioboom.com/i/34423410/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #bfb7cc; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/34423410/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">
ทำอย่างไร ในความสัมพันธ์ที่ไม่ชัดเจน ?
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
ชัด หรือ ไม่ชัด ว่ากันไปเลย
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1550863559" data-format="short_date">Feb 22, 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">
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/7183237-"><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/34423369/75x75/c 75w, https://audioboom.com/i/34423369/150x150/c 150w, https://audioboom.com/i/34423369/300x300/c 300w, https://audioboom.com/i/34423369/600x600/c 600w, https://audioboom.com/i/34423369/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #8e8d99; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/34423369/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">
กว่าจะเป็นบันทึกนึกขึ้นได้
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
แนะนำตัวกันหน่อย
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1550862990" data-format="short_date">Feb 22, 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">
5m
</div>
</div>
</div>
</a></div>

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