.listen-strip{--listen-ink:#1b1d1b;--listen-muted:#555b56;--listen-rule:#b5bab5;--listen-accent:#23603c;--listen-focus:#a02b29;margin:0 0 40px;padding:8px 0;border-top:1px solid var(--listen-ink);border-bottom:1px solid var(--listen-rule);color:var(--listen-ink);background:transparent;font-family:var(--body, sans-serif)}
.listen-strip *, .listen-strip *::before, .listen-strip *::after{box-sizing:border-box}.listen-strip [hidden]{display:none!important}.listen-strip audio{display:block;width:100%;max-width:100%;margin:4px 0}.listen-strip__controls{display:flex;align-items:center;gap:12px;min-width:0;min-height:48px}.listen-strip__play{width:48px;height:48px;flex:none;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--listen-ink);cursor:pointer}.listen-strip__glyph{width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:background-color .2s ease,color .2s ease}.listen-strip__glyph::before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}.listen-strip[data-playing="true"] .listen-strip__glyph{background:var(--listen-ink);color:#f4f4f3}.listen-strip[data-playing="true"] .listen-strip__glyph::before{width:9px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;margin:0}.listen-strip__play:hover .listen-strip__glyph{background:var(--listen-ink);color:#f4f4f3}.listen-strip__label{font-size:13px;font-weight:600;white-space:nowrap}.listen-strip__track{flex:1;min-width:32px}.listen-strip__seek{--progress:0%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.listen-strip__seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--listen-ink) 0 var(--progress),var(--listen-rule) var(--progress) 100%)}.listen-strip__seek::-moz-range-track{height:2px;background:var(--listen-rule)}.listen-strip__seek::-moz-range-progress{height:2px;background:var(--listen-ink)}.listen-strip__seek::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:var(--listen-accent)}.listen-strip__seek::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--listen-accent)}.listen-strip__seek:disabled{cursor:not-allowed;opacity:.65}.listen-strip__time{font:500 12px/1.4 var(--mono,monospace);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--listen-muted)}.listen-strip__status{display:block;color:var(--listen-muted);font:13px/1.5 var(--body,sans-serif)}.listen-strip__status:empty{display:none}.listen-strip :focus-visible{outline:2px solid var(--listen-focus);outline-offset:3px}@media(max-width:390px){.listen-strip__controls{gap:4px}.listen-strip__label{font-size:12px}.listen-strip__time{font-size:12px;letter-spacing:0}}
@keyframes listen-playing{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.68)}}
.listen-strip[data-moving="true"] .listen-strip__glyph::before{animation:listen-playing 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.listen-strip__glyph{transition:none}.listen-strip[data-moving="true"] .listen-strip__glyph::before{animation:none}}