.button-container{display:flex;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.button{flex:0 0 auto}@media (min-width: 0px){*{box-sizing:border-box}.start-recording-button{font-size:70px;color:#435f7a;cursor:pointer}.start-recording-button:hover{opacity:1}.recording-control-buttons-container{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:center;gap:12px}.recording-elapsed-time{font-size:16px;display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:center}.recording-elapsed-time #elapsed-time{margin:0}.recording-indicator-wrapper{position:relative;display:flex;width:16px;height:16px}.red-recording-dot{font-size:25px;color:red;margin-right:12px;animation-name:flashing-recording-dot;-webkit-animation-name:flashing-recording-dot;-moz-animation-name:flashing-recording-dot;-o-animation-name:flashing-recording-dot;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}@keyframes flashing-recording-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes flashing-recording-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes flashing-recording-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes flashing-recording-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}.recording-control-buttons-container.hide{display:none}.overlay{width:100%;height:"54px";display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:center}.overlay.hide{display:none}.browser-not-supporting-audio-recording-box{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:16px;gap:12px}.browser-not-supporting-audio-recording-box>p{margin:0}.close-browser-not-supported-box{cursor:pointer;background-color:#abc1c05c;border-radius:10px;font-size:16px;border:none}.close-browser-not-supported-box:hover{background-color:#92a5a45c}.close-browser-not-supported-box:focus{outline:none;border:none}.audio-element.hide{display:none}.text-indication-of-audio-playing-container{height:20px}.text-indication-of-audio-playing{font-size:20px}.text-indication-of-audio-playing.hide{display:none}.text-indication-of-audio-playing span{animation-name:blinking-dot;-webkit-animation-name:blinking-dot;-moz-animation-name:blinking-dot;-o-animation-name:blinking-dot;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.text-indication-of-audio-playing span:nth-child(2){animation-delay:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s}.text-indication-of-audio-playing span:nth-child(3){animation-delay:.8s;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s}@keyframes blinking-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes blinking-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes blinking-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-o-keyframes blinking-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}}
