.tx-voice-clip{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;height:36px;padding:0 12px 0 4px;direction:ltr;border-radius:999px;background:var(--tx-voice-clip-bg, var(--tx-fill-color-light, #f5f7fa));color:var(--tx-voice-clip-ink, var(--tx-text-color-regular, #606266));vertical-align:middle}.tx-voice-clip__toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:var(--tx-voice-clip-control-bg, var(--tx-bg-color, #fff));box-shadow:0 0 0 1px var(--tx-border-color-lighter, #ebeef5);color:var(--tx-voice-clip-control-ink, var(--tx-text-color-primary, #303133));cursor:pointer;appearance:none}.tx-voice-clip__toggle:focus-visible{outline:2px solid var(--tx-voice-clip-focus, var(--tx-color-primary, #409eff));outline-offset:2px}.tx-voice-clip__toggle:disabled{cursor:not-allowed;opacity:.5}.tx-voice-clip__glyph{width:14px;height:14px;fill:currentColor}.tx-voice-clip__wave{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;border-radius:6px;cursor:pointer;touch-action:none}.tx-voice-clip__wave:focus-visible{outline:2px solid var(--tx-voice-clip-focus, var(--tx-color-primary, #409eff));outline-offset:1px}.tx-voice-clip__wave[aria-disabled=true]{cursor:not-allowed}.tx-voice-clip__bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.tx-voice-clip__bars--played{clip-path:inset(0 calc((1 - var(--tx-voice-clip-progress, 0)) * 100%) 0 0)}.tx-voice-clip__bars--played .tx-voice-clip__bar{background:var(--tx-voice-clip-accent, var(--tx-color-primary, #409eff))}.tx-voice-clip__bar{flex:none;width:3px;height:calc(3px + var(--tx-voice-clip-level, 0) * 15px);border-radius:999px;background:var(--tx-voice-clip-track, color-mix(in srgb, var(--tx-text-color-primary, #303133) 28%, transparent))}.tx-voice-clip__note{flex:1 1 auto;min-width:0;overflow:hidden;font-size:12px;line-height:16px;white-space:nowrap;text-overflow:ellipsis}.tx-voice-clip__time{flex:none;min-width:30px;font-size:12px;font-variant-numeric:tabular-nums;line-height:16px;text-align:end;white-space:nowrap}.tx-voice-clip.is-disabled .tx-voice-clip__wave{opacity:.5}@media(prefers-reduced-motion:no-preference){.tx-voice-clip__toggle{transition:scale .12s var(--tx-ease-out-strong, cubic-bezier(.23, 1, .32, 1))}.tx-voice-clip__toggle:active:not(:disabled){scale:.92}.tx-voice-clip__bar{transition:height .24s var(--tx-ease-out-strong, cubic-bezier(.23, 1, .32, 1))}}