speech.min.css

body{overflow-x:hidden}button{margin-top:4px;border:1px solid transparent;padding:4px 10px;border-radius:5px;cursor:pointer}button:not(.instructionClose):hover,button:not(.instructionClose):focus{border:1px solid #333;outline:0}.main{border:1px solid #000;padding:2px;margin-bottom:4px}.disable{pointer-events:none;opacity:.5}.statusActive{visibility:visible;opacity:1}.statusActive:after{content:attr(data-text)}.instructionContainer{position:absolute;overflow-x:hidden;overflow-y:visible;top:0;bottom:0;background:rgba(0,0,0,0.7);padding:10px 20px}.instructionContainer.hide{left:180%;transition:all .5s linear;opacity:0;visibility:hidden;display:none}.instructionContainer.show{left:0;transition:all .5s linear;opacity:1;visibility:visible;display:block}.instructionContainer h3,.instructionContainer ol li,.instructionContainer ol li > ul li{color:#fff}.instructionContainer ol li{margin-bottom:8px}.instructionContainer .instructionClose{position:absolute;right:25px;border:0;background:#333;color:#fff;font-size:20px;padding:10px 15px;border-radius:50px}.instructionContainer .markText{margin:0 3px;padding:0 2px}.instructionContainer span{color:#ff0}.instructionContainer small,.instructionContainer pre{color:#fff}.instructionContainer small:hover{border-bottom:1px solid red}.notSupport{width:380px;margin:40px auto;font-family:sans-serif;text-align:center;background:linear-gradient(to right,#d04848 0%,#e27479 50%,#d04848 90%);padding:24px 10px;color:#fff;font-size:14px;border-radius:14px;box-shadow:4px 6px 15px 0 rgba(0,0,0,0.4)}.notSupport p:first-child span:not(:last-child){margin-right:5px}.notSupport.hide{display:none}.notSupport.show{display:block}@media screen and (max-width: 350px){.instructionContainer ol{padding-left:15px}.instructionContainer ul{padding-left:20px;padding-top:5px}.instructionContainer li{font-size:14px}}