@layer tx.components{.tx-audio-player{gap:var(--tx-space-3);padding:var(--tx-space-3);border:var(--tx-border-width-thin) solid var(--tx-border,currentColor);border-radius:var(--tx-shape-radius-lg);background-color:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);max-inline-size:28rem;display:grid}.tx-audio-player[data-status=blocked],.tx-audio-player[data-status=error]{border-color:var(--tx-destructive,Mark)}.tx-audio-player__row{align-items:center;gap:var(--tx-space-3);display:flex}.tx-audio-player__play{border:var(--tx-border-width-thin) solid var(--tx-border,currentColor);border-radius:var(--tx-shape-radius-full);background-color:var(--tx-primary,Highlight);block-size:2.75rem;inline-size:2.75rem;color:var(--tx-primary-foreground,Canvas);cursor:pointer;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.tx-audio-player__play:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-audio-player__play:disabled{cursor:not-allowed;opacity:.5}.tx-audio-player__times{justify-content:space-between;gap:var(--tx-space-2);font-size:var(--tx-type-label-size);font-variant-numeric:tabular-nums;color:var(--tx-muted-foreground,GrayText);flex:1;display:flex}.tx-audio-player__message{font-size:var(--tx-type-label-size);color:var(--tx-muted-foreground,GrayText);margin:0}.tx-audio-waveform{border-radius:var(--tx-shape-radius-md);cursor:pointer;touch-action:none;outline:none;block-size:3rem;inline-size:100%;display:block}.tx-audio-waveform:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-audio-waveform[aria-disabled=true]{cursor:not-allowed;opacity:.5}.tx-audio-waveform__bar{fill:var(--tx-muted-foreground,GrayText)}.tx-audio-waveform__bar--played{fill:var(--tx-primary,Highlight)}@media (forced-colors:active){.tx-audio-player{border:var(--tx-border-width-thin) solid ButtonText}.tx-audio-player__play{border:var(--tx-border-width-thin) solid ButtonText;color:highlighttext;forced-color-adjust:none;background:highlight}.tx-audio-waveform__bar{fill:graytext}.tx-audio-waveform__bar--played{fill:highlight;forced-color-adjust:none}}}
