.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]{opacity:0;z-index:100;transition:opacity .3s,transform .3s;position:fixed;bottom:0;left:50%;transform:translateY(100%)translate(-50%)}.audio-player[aria-hidden=false]{z-index:100;opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;position:fixed;bottom:0;left:50%;transform:translateY(-24px)translate(-50%)}.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);border-radius:var(--radius-full);order:1;align-self:center}.audio-player-timeline{gap:var(--size-1);grid-template-columns:4ch 1fr 4ch;align-items:center;width:100%;display:grid}.audio-player-progress-container{position:relative}.audio-player-progress-bar{background-color:var(--color-neutral-50);width:100%;height:4px;z-index:var(--z-10);touch-action:none;border-radius:4px;position:relative;overflow:hidden}.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{inset:calc(-1 * var(--size-2)) 0;padding-block:var(--size-2);z-index:var(--z-0);position:absolute}.audio-player-play-progress{transform-origin:0 0;background-color:var(--color-brand);position:absolute;inset:0}.audio-player-group .audio-player:first-child{border-bottom-right-radius:0;border-bottom-left-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;inset-block-start:-1px;inset-inline:var(--size-3);opacity:var(--opacity-30);border-radius:var(--radius-sm);background-color:currentColor;display:block;position:absolute}@media (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)}}