.audio-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.audio-sample{background:#fffdf9e0;border:1px solid #c5903147;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid}.audio-sample audio{display:none}.audio-sample-toggle{color:#fff;background:var(--vs-purple,var(--purple,#52206d));cursor:pointer;border:1px solid #52206d38;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.audio-play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0;margin-left:3px}.audio-sample.is-playing .audio-play-icon{border:0;border-left:3px solid;border-right:3px solid;width:10px;height:12px;margin-left:0}.audio-sample-main{min-width:0}.audio-sample-main strong{overflow-wrap:anywhere;color:var(--vs-purple-dark,var(--purple-dark,#2d1742));font-size:12px;line-height:1.35;display:block}.audio-sample-timeline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:7px;display:grid}.audio-sample-timeline input{width:100%;height:18px;accent-color:var(--vs-gold,var(--gold,#c59031));cursor:pointer;margin:0}.audio-sample-timeline span{color:var(--vs-muted,var(--muted,#6d6570));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.audio-samples-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.audio-samples-compact .audio-sample{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:7px 8px}.audio-samples-compact .audio-sample-toggle{width:32px;height:32px}.audio-samples-compact .audio-sample-main strong{font-size:10px}.audio-samples-compact .audio-sample-timeline{gap:5px;margin-top:4px}.audio-samples-compact .audio-sample-timeline span{font-size:8px}@media (width<=700px){.audio-samples{grid-template-columns:1fr}}