.voice-line{border-bottom:1px solid var(--rule);height:34px;color:var(--ink-muted);font-family:var(--hand);flex:none;align-items:center;font-size:19px;display:flex;position:relative}.voice-line button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.voice-line button:disabled{cursor:default;opacity:.5}.voice-line button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid}.voice-line .icon{font-size:20px}.voice-line__main{text-align:start;flex:1;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.voice-line__note{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.voice-line__add{opacity:.75;transition:opacity .15s}.voice-line__add:hover{opacity:1}.voice-line__time{font-variant-numeric:tabular-nums;color:var(--ink)}.voice-line__limit{color:var(--ink-muted);opacity:.6}.voice-line__trail{margin-inline-start:auto}.voice-line__end{opacity:.6;flex:none;place-items:center;width:34px;height:34px;margin-inline-end:-8px;display:grid}.voice-line__end:hover{opacity:1}.voice-line__bar{inset-inline:0;transform-origin:0;pointer-events:none;background:currentColor;height:2px;transition:transform .25s linear;position:absolute;bottom:-1px;transform:scaleX(0)}html[dir=rtl] .voice-line__bar{transform-origin:100%}.voice-line.is-recording{color:#d4574d}.voice-line__dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;margin-inline:6px 2px;animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.voice-line__dot{animation:none}.voice-line__bar{transition:none}}