.audio-player{--audio-player-background-color: var(--color-black);--audio-player-text-color: var(--color-white);--audio-player-progress-bar: var(--color-neutral-50);background-color:var(--audio-player-background-color);color:var(--audio-player-text-color);border-radius:var(--radius-lg);padding:var(--size-2-5);position:relative}.audio-player[data-appearance=light]{--audio-player-background-color: var(--color-white);--audio-player-text-color: var(--color-black);--audio-player-progress-bar: var(--color-neutral-20);border:var(--border)}.audio-player[aria-hidden]{width:calc(100% - var(--size-6));max-width:var(--size-80)}.audio-player[aria-hidden=true]{position:fixed;opacity:0;z-index:100;bottom:0;left:50%;transform:translateY(100%) translate(-50%);transition:opacity ease .3s,transform ease .3s}.audio-player[aria-hidden=false]{position:fixed;z-index:100;opacity:1;bottom:0;left:50%;transform:translateY(-24px) translate(-50%);transition:opacity ease-out .3s,transform ease-out .3s}.audio-player audio{display:none}.audio-player-close-button{position:absolute;inset-block-start:var(--size-1-5);inset-inline-end:var(--size-1-5)}.audio-player-play-button{width:var(--size-5);height:var(--size-5);align-self:center;border-radius:var(--radius-full);order:1}.audio-player-timeline{display:grid;gap:var(--size-1);grid-template-columns:4ch 1fr 4ch;align-items:center;width:100%}.audio-player-progress-container{position:relative}.audio-player-progress-bar{height:4px;width:100%;background-color:var(--color-neutral-50);border-radius:4px;position:relative;z-index:var(--z-10);overflow:hidden;touch-action:none}.audio-player-progress-bar:focus-visible{outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color);outline-style:solid}.audio-player-progress-touch-area{position:absolute;inset:calc(-1 * var(--size-2)) 0;padding-block:var(--size-2);z-index:var(--z-0)}.audio-player-play-progress{position:absolute;inset:0;transform-origin:0 0;background-color:var(--color-brand)}.audio-player-group .audio-player:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.audio-player-group .audio-player+:is(.audio-player-group .audio-player){border-top-left-radius:0;border-top-right-radius:0}.audio-player-group .audio-player+:is(.audio-player-group .audio-player):before{content:"";height:2px;display:block;position:absolute;inset-block-start:-1px;inset-inline:var(--size-3);background-color:currentColor;opacity:var(--opacity-30);border-radius:var(--radius-sm)}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}