@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}.audio-preview{width:100%;max-width:var(--container-xl,36rem);align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4);border-block:var(--border-width-hairline) solid var(--separator-secondary);color:var(--foreground);grid-template-columns:auto minmax(0,1fr);display:grid}.audio-preview__play{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);border-style:var(--tw-border-style);--tw-outline-style:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-button);background:var(--accent);color:var(--accent-foreground);cursor:var(--cursor-interactive);transition:background-color var(--motion-duration-fast) var(--ease-smooth), box-shadow var(--motion-duration-fast) var(--ease-out), transform var(--motion-duration-press) var(--ease-enter);border-width:0;outline-style:none;flex-shrink:0;grid-row:span 2/span 2;justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.audio-preview__play{transition-property:none}}.audio-preview__play[data-hovered=true]{background:var(--accent-hover)}.audio-preview__play[data-pressed=true]{transform:scale(var(--motion-press-scale))}.audio-preview__play:focus-visible:not(:focus),.audio-preview__play[data-focus-visible=true]{outline:2px solid var(--focus);outline-offset:2px}.audio-preview__play:disabled,.audio-preview__play[data-disabled=true]{opacity:var(--disabled-opacity);pointer-events:none;cursor:not-allowed}.audio-preview__meta{min-width:0}.audio-preview__title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);overflow:hidden}.audio-preview__description{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--muted);overflow:hidden}.audio-preview__waveform{height:calc(var(--spacing,.25rem) * 12);min-width:0;position:relative;overflow:hidden}.audio-preview__color-probe{pointer-events:none;opacity:0;width:1px;height:1px;position:absolute}.audio-preview__color-probe--base{color:var(--separator-secondary)}.audio-preview__color-probe--progress{color:var(--accent)}.audio-preview__visual,.audio-preview__visual-layer{pointer-events:none;position:absolute;inset:0}.audio-preview__visual-layer{opacity:0;transform-origin:50%;transition:opacity var(--motion-duration-standard) var(--ease-out), transform var(--motion-duration-slow) var(--ease-smooth);transform:scaleY(.84)}@media (prefers-reduced-motion:reduce){.audio-preview__visual-layer{transition-property:none}}.audio-preview__visual-layer[data-active=true]{opacity:1;transform:scaleY(1)}.audio-preview__visual-layer .waveform-player,.audio-preview__visual-layer .waveform-player-inner,.audio-preview__visual-layer .waveform-body,.audio-preview__visual-layer .waveform-track,.audio-preview__visual-layer .waveform-container{width:100%;min-width:0;height:100%}.audio-preview__visual-layer .waveform-track,.audio-preview__visual-layer .waveform-container{position:relative}.audio-preview__visual-layer canvas{width:100%;max-width:100%;height:100%;display:block}.audio-preview__visual-layer .waveform-markers,.audio-preview__visual-layer .waveform-loading,.audio-preview__visual-layer .waveform-error{display:none}.audio-preview__seek{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.audio-preview__seek:focus-visible{opacity:1;block-size:var(--space-1);accent-color:var(--accent);inset-block:auto 0}.audio-preview__time{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--muted);grid-column-start:2;justify-content:space-between;display:flex}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}