html.freebie .audio-player[data-access=paid]{display:none}.audio-player{--audio-player-color-background: var(--z-ds-color-background-10);--audio-player-hover-background: var(--z-ds-color-background-20);--audio-player-color-text: var(--z-ds-color-text-70);--audio-player-color-light: var(--z-ds-color-text-55);--audio-player-color-controls: var(--z-ds-color-text-100);--audio-player-progress-background: var(--z-ds-color-border-100);--audio-player-icon-size: 0.875rem;--audio-player-padding-block: 0.5rem;--audio-player-padding-inline: var(--z-ds-space-s);font-size:var(--z-ds-fontsize-14);line-height:1.125rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow-x:hidden;transition:max-width .2s;max-width:calc(12ch + var(--audio-player-icon-size) + var(--z-ds-space-xs) + 2*var(--audio-player-padding-inline))}.audio-player--large{--audio-player-color-background: var(--z-ds-color-text-100);--audio-player-hover-background: var(--z-ds-color-text-70);--audio-player-color-text: var(--z-ds-color-background-20);--audio-player-color-light: var(--z-ds-color-border-100);--audio-player-color-controls: var(--z-ds-color-background-0);--audio-player-progress-background: var(--z-ds-color-text-55);--audio-player-icon-size: 1.125rem;--audio-player-padding-block: 0.75rem;--audio-player-padding-inline: var(--z-ds-space-m)}.audio-player__audio{display:none}.audio-player__controls{align-items:center;background-color:var(--audio-player-color-background);border-radius:2rem;color:var(--audio-player-color-text);display:flex;gap:var(--z-ds-space-xs);justify-content:space-between;padding-right:var(--audio-player-padding-inline);transition:background-color 300ms ease-out}.audio-player__controls:hover,.audio-player__controls:active,.audio-player__controls:focus{background-color:var(--audio-player-hover-background)}.audio-player__button{background-color:rgba(0,0,0,0);border-width:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;align-items:center;display:flex;gap:var(--z-ds-space-xs);padding:var(--audio-player-padding-block) 0 var(--audio-player-padding-block) var(--audio-player-padding-inline);width:-webkit-max-content;width:-moz-max-content;width:max-content}.audio-player__button[aria-pressed=true] .audio-player__icon--play{display:none}.audio-player__button[aria-pressed=false] .audio-player__icon--pause{display:none}a.audio-player__button:hover,a.audio-player__button:active,a.audio-player__button:focus{color:var(--z-ds-color-text-100)}.audio-player__duration{font-variant-numeric:tabular-nums}.audio-player__icon{color:var(--audio-player-color-controls);height:var(--audio-player-icon-size);width:var(--audio-player-icon-size)}.audio-player__icon--replay{display:none;height:1.125rem;margin:0;width:1.125rem}.audio-player__progress{cursor:-webkit-grab;cursor:grab;display:none;flex-grow:1;margin:-0.375rem .25rem;min-width:2.25rem;padding:.375rem 0;position:relative}.audio-player__progress:before{background-color:var(--audio-player-progress-background);border-radius:.125rem;content:"";display:block;height:.25rem}.audio-player__progress-bar{background-color:var(--audio-player-color-controls);border-radius:.125rem;height:.25rem;left:0;max-width:100%;position:absolute;top:.375rem;width:0}.audio-player__progress-bar:after{background-color:var(--audio-player-color-controls);border-radius:50%;content:"";height:.5rem;position:absolute;right:-0.25rem;top:-0.125rem;width:.5rem}.audio-player__timestamp{color:var(--audio-player-color-text);display:none;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.audio-player__playbackrate{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:unset;border:none;color:var(--audio-player-color-light);cursor:pointer;display:none;font-size:var(--z-ds-fontsize-12);font-weight:bold;max-width:90%;padding:0;text-align:right}.audio-player__playbackrate:hover,.audio-player__playbackrate:active,.audio-player__playbackrate:focus{background-color:unset;border:none;color:var(--audio-player-color-controls)}html.no-js .audio-player{max-width:none;width:auto}html.no-js .audio-player__audio{display:block;width:100%}html.no-js .audio-player__controls{display:none}.audio-player[data-state=loading],.audio-player[data-state=playing],.audio-player[data-state=paused]{max-width:100%;width:100%}.audio-player[data-state=loading] .audio-player__duration,.audio-player[data-state=playing] .audio-player__duration,.audio-player[data-state=paused] .audio-player__duration{display:none}.audio-player[data-state=loading] .audio-player__controls:hover,.audio-player[data-state=loading] .audio-player__controls:active,.audio-player[data-state=loading] .audio-player__controls:focus,.audio-player[data-state=playing] .audio-player__controls:hover,.audio-player[data-state=playing] .audio-player__controls:active,.audio-player[data-state=playing] .audio-player__controls:focus,.audio-player[data-state=paused] .audio-player__controls:hover,.audio-player[data-state=paused] .audio-player__controls:active,.audio-player[data-state=paused] .audio-player__controls:focus{background-color:var(--audio-player-color-background)}.audio-player[data-state=loading] .audio-player__progress,.audio-player[data-state=loading] .audio-player__timestamp,.audio-player[data-state=loading] .audio-player__playbackrate,.audio-player[data-state=playing] .audio-player__progress,.audio-player[data-state=playing] .audio-player__timestamp,.audio-player[data-state=playing] .audio-player__playbackrate{display:revert}@supports not (container-type: inline-size){.audio-player[data-state=loading]~*:not(.bookmark),.audio-player[data-state=playing]~*:not(.bookmark){display:none}}.audio-player[data-state=paused]{max-width:10rem;transition-delay:-0.07s}.audio-player[data-state=paused] .audio-player__progress{display:revert}.audio-player[data-state=ended] .audio-player__icon{display:none}.audio-player[data-state=ended] .audio-player__icon--replay{display:block}@supports(container-type: inline-size){@container audio-actions (width < 520px){.audio-player[data-state=loading]~*:not(.bookmark),.audio-player[data-state=playing]~*:not(.bookmark){display:none}}@container audio-actions (width >= 420px){.audio-player[data-state=paused] .audio-player__timestamp{display:revert}}@container audio-actions (width >= 520px){.audio-player[data-state=loading],.audio-player[data-state=playing]{max-width:20rem}}}