.social-audio-player{padding:9px;border-top:1px solid #294553;background:#0b1922;color:#dcebf2;container-type:inline-size}
.social-audio-player audio{display:none!important}
.social-audio-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.social-audio-transport .ciq-btn{width:32px;height:30px;padding:0;display:grid;place-items:center;border:1px solid #355160;border-radius:4px;background:#152a36;color:#cde3ef}
.social-audio-transport .playing{background:#17405a;color:#70c7ff;border-color:#32aaff}
.social-audio-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.social-audio-mute{margin-left:auto}
.social-audio-volume{width:64px;min-width:32px;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer;--volume:100%}
.social-audio-volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#32aaff var(--volume),#294553 var(--volume))}
.social-audio-volume::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,#32aaff var(--volume),#294553 var(--volume))}
.social-audio-volume::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3px;border-radius:50%;border:1px solid #70c7ff;background:#dcebf2}
.social-audio-volume::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:1px solid #70c7ff;background:#dcebf2}
.social-audio-wave{position:relative;height:42px;margin-top:7px;--progress:0%;background:#07131c;border:1px solid #233c4c;border-radius:3px;overflow:hidden}
.social-audio-wave::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#294553;opacity:.5}
.social-audio-bars{position:absolute;inset:3px 0;width:100%;height:calc(100% - 6px);pointer-events:none;fill:none;stroke:#246486;stroke-width:1.8}
.social-audio-played{clip-path:inset(0 calc(100% - var(--progress)) 0 0);stroke:#32aaff}
.social-audio-playhead{position:absolute;top:2px;bottom:2px;left:clamp(0px,var(--progress),calc(100% - 1px));width:1px;background:#cdeaff;box-shadow:0 0 3px #32aaff;pointer-events:none}
.social-audio-seek{position:absolute;inset:0;cursor:pointer;touch-action:none}
.social-audio-wave:has([aria-disabled="true"]){opacity:.5}
.social-audio-seek[aria-disabled="true"]{cursor:default}
.social-audio-wave:focus-within{outline:2px solid #70c7ff;outline-offset:2px}
.social-audio-player :focus-visible{outline:2px solid #70c7ff;outline-offset:2px}
.social-audio-status{display:block;color:#efb18c;font-size:11px;margin-top:4px}
.social-audio-status:empty{display:none}
@media(max-width:380px){.social-audio-volume{flex:1}}
@container(max-width:340px){.social-audio-volume{flex:1}}