.audio-player{--audio-progress:0%;--audio-bg:var(--color-bg);--audio-track:var(--color-border);--audio-fill:var(--color-brand);--audio-text:var(--color-text);--audio-muted:var(--color-muted);gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);background:var(--audio-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid;box-shadow:0 2px 10px -4px #3c1e141a}.audio-player--with-volume{grid-template-columns:auto 1fr auto auto auto}.audio-player--titled{border-radius:var(--radius-md);row-gap:var(--space-2)}.audio-player__title{font-family:var(--font-sans);font-weight:var(--font-weight-bold);font-size:var(--text-body-2);color:var(--audio-text);grid-column:1/-1;margin:0;line-height:1.3}.audio-player__play{background:var(--audio-fill);width:2rem;height:2rem;color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,transform .1s;display:inline-flex}.audio-player__play:hover{background:var(--color-brand-dark)}.audio-player__play:active{transform:scale(.94)}.audio-player__play:disabled{opacity:.5;cursor:not-allowed}.audio-player__icon{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;display:block}.audio-player__icon--play{margin-left:.125rem}.audio-player__icon--pause,.audio-player.is-playing .audio-player__icon--play{display:none}.audio-player.is-playing .audio-player__icon--pause{display:block}.audio-player__progress{align-items:center;min-width:0;display:flex}.audio-player__slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem;margin:0}.audio-player__slider:focus{outline:none}.audio-player__slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--audio-fill) var(--audio-progress), var(--audio-track) var(--audio-progress));height:4px}.audio-player__slider::-webkit-slider-thumb{appearance:none;background:var(--audio-fill);cursor:pointer;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .1s;box-shadow:0 1px 4px #00000040}.audio-player__slider:hover::-webkit-slider-thumb{transform:scale(1.25)}.audio-player__slider:focus-visible::-webkit-slider-thumb{transform:scale(1.25)}.audio-player__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-focus) 25%, transparent)}.audio-player__slider::-moz-range-track{border-radius:var(--radius-full);background:var(--audio-track);height:4px}.audio-player__slider::-moz-range-progress{border-radius:var(--radius-full);background:var(--audio-fill);height:4px}.audio-player__slider::-moz-range-thumb{background:var(--audio-fill);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:transform .1s}.audio-player__slider:hover::-moz-range-thumb{transform:scale(1.25)}.audio-player__slider:focus-visible::-moz-range-thumb{transform:scale(1.25)}.audio-player__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-focus) 25%, transparent)}.audio-player__time{font-size:var(--text-caption);color:var(--audio-muted);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.audio-player__time-sep{opacity:.5}.audio-player__volume{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.audio-player__volume-toggle{width:2rem;height:2rem;color:var(--audio-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.audio-player__volume-toggle:hover{color:var(--audio-fill);background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.audio-player__volume-toggle .audio-player__icon{width:var(--icon-xs);height:var(--icon-xs)}.audio-player__icon--volume-off,.audio-player.is-muted .audio-player__icon--volume-on{display:none}.audio-player.is-muted .audio-player__icon--volume-off{display:block}.audio-player__volume-slider{appearance:none;cursor:pointer;background:0 0;width:5rem;height:1.25rem;margin:0;display:none}.audio-player__volume-slider:focus{outline:none}@media (width>=768px){.audio-player__volume-slider{display:inline-block}}.audio-player__volume-slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--audio-fill) var(--audio-volume,100%), var(--audio-track) var(--audio-volume,100%));height:3px}.audio-player__volume-slider::-webkit-slider-thumb{appearance:none;background:var(--audio-fill);cursor:pointer;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.audio-player__volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 25%, transparent)}.audio-player__volume-slider::-moz-range-track{border-radius:var(--radius-full);background:var(--audio-track);height:3px}.audio-player__volume-slider::-moz-range-progress{border-radius:var(--radius-full);background:var(--audio-fill);height:3px}.audio-player__volume-slider::-moz-range-thumb{background:var(--audio-fill);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.audio-player__volume-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 25%, transparent)}.audio-player__download{width:2rem;height:2rem;color:var(--audio-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.audio-player__download:hover{color:var(--audio-fill);background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.audio-player__download .audio-player__icon{width:var(--icon-xs);height:var(--icon-xs)}.audio-player__audio{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audio-player.has-error .audio-player__slider,.audio-player.has-error .audio-player__time-total{opacity:.4}@media (prefers-reduced-motion:reduce){.audio-player__play{transition:none}.audio-player__slider::-webkit-slider-thumb{transition:none}.audio-player__slider::-moz-range-thumb{transition:none}}