.vi-listen{min-height:82px;padding:10px 12px;border-radius:18px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.018)}.vi-bars,.vi-listen{position:relative;overflow:hidden}.vi-bars{flex:1 1 auto;min-width:0;height:42px}.vi-bars:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,19,26,.9),transparent 8%,transparent 92%,rgba(14,19,26,.9))}.vi-wave-bars{width:100%;height:100%;display:block;pointer-events:none}.vi-listen-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-left:auto}.vi-cancel,.vi-stop{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.vi-stop{border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.055);color:#eff4fb}.vi-stop:hover{background:rgba(255,255,255,.095);transform:scale(1.04)}.vi-cancel{border:1px solid transparent;background:rgba(255,255,255,.045);color:#c9d1dd}.vi-cancel:hover{background:rgba(255,255,255,.085);color:#f1f5fb;transform:scale(1.04)}.vi-voice-error{margin:8px 2px 0;color:#ff9baa;font-size:12px}.vi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}