@-moz-document url-prefix() {.speech #VoiceSearch_DG{display:none}}
@media all and (-ms-high-contrast:none) {.speech #VoiceSearch_DG{display:none}*::-ms-backdrop, .speech #VoiceSearch_DG{display:none}}
_::-webkit-full-page-media,_:future,:root .speech #VoiceSearch_DG{display:none}

.pop_bg{background:rgba(40,40,40,.4);position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:9}
#listner{position:absolute;display:none;width:40%;left:30%;top:5%;background:#fff;box-shadow:0 0px 27px -10px #333;border:1px solid #999;border-radius:5px;text-align:center;z-index:990;}
.voice_popup{padding:35px;font-size:14px;font-family:"Roboto","Arial",sans-serif}
.voice_popup .output{font-size:24px;text-align:left;}
.voice_popup .output em{font-style:normal}
.voice_popup .text_temp{margin:20px 0px 50px;min-height:20px}
.voice_popup .text_temp .temp_dg{text-align:left;color:#606060}
.voice_popup .hint_DG{color:#606060;margin-top:7px;}
.voice_popup .object{display:flex;flex:0 1 100%;justify-content:center;align-items:center;align-content:stretch;padding-top:20px;}
.object.disable::before{position:absolute;top:30%;left:0;right:0;bottom:0;z-index:999;display:block;content:''}
.voice_popup .outline{width:3em;height:3em;border-radius:50%;border:.5em solid #B5A4A4;animation:pulse 3s;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute}
.voice_popup .button{width:5em;height:5em;border-radius:50%;background:#fff;box-shadow:0 0 2em #eee;padding:0px;}
@keyframes pulse{0%{transform:scale(2);opacity:0;border:2em solid #fff06b}50%{border:solid #ccc;opacity:.8}90%{transform:scale(3);opacity:.2;border:3px solid #eee}to{transform:scale(3);opacity:0;border:1px solid #fff}} 
#listner #circlein.disable{background:#d9d9d9}
#listner #circlein.disable svg.mic-icon{fill:#666}
#listner #circlein svg.mic-icon{fill:#fff}
#listner #circlein{width:4em;height:4em;border-radius:50%;background:#c00;position:absolute}
.mic-icon{height:2em;margin:1em}
#listner .close{position:absolute;left:auto;right:1.5em;top:1.5em;cursor:pointer;display:inline-block;}
#listner .close img{width:18px;;height:18px;}
@media only screen and (max-width:767px){
#listner{top:0;bottom:0;left:0;right:0;width:100%;height:100%;text-align:left;font-size:90%;border:none;border-radius:0}
.voice_popup{padding:20px;}
.voice_popup .output{margin:3em 0px 0px;}
.voice_popup .object{margin-top:10%} 
#listner .output{margin-top:2em;font-size:1.5em}
#listner #circlein{width:5em;height:5em}
#listner .mic-icon{width:2em;height:2em;margin:1.5em}
}
@media only screen and (max-width:479px){
.output{margin-top:3em}
.object{margin-top:70%}
}