@charset "utf-8";

.speech-recongnition { display: inline-flex; align-items: center; position: relative; padding-left: 52px; }

.speech-recongnition .voice-animation { position: absolute; display: flex; justify-content: center; align-items: center; height: 32px; gap: 4px; padding: 0px 8px; left: 0px; }

.speech-recongnition .voice-bar { width: 4px; background-color: rgb(0, 0, 0); border-radius: 8px; animation: 0.5s ease-in-out 0s infinite normal none running voiceWave; }

.speech-recongnition .record-btn { cursor: pointer; }

.speech-recongnition .record-btn .iconfont-microphone, .speech-recongnition .record-btn .iconfont-microphone-filled { font-size: 20px; }

@keyframes voiceWave { 
  0% { height: 8px; }
  50% { height: 20px; }
  100% { height: 8px; }
}