html{-webkit-text-size-adjust:100%;-ms-content-zooming:none;font-size:10px}body,html{margin:0;padding:0;width:100%;background-color:#fbf9f5}body{min-height:100vh;height:auto;font-size:12px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif}@keyframes a{0%{opacity:1}to{opacity:.5}}.recorder{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:start;align-items:flex-start;width:300px;margin:10px}.recorder__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px dotted gray;padding:8px;font-size:24px;width:100%;height:180px;box-sizing:border-box;font-family:inherit;line-height:inherit}.recorder__button{font-size:inherit;vertical-align:bottom;line-height:1.2}.recorder__button:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#000;vertical-align:middle;margin-right:1ex}.recorder--recording .recorder__button:before{background-color:red;animation:a 1s ease-in-out infinite alternate}.recorder--recording .recorder__input{border-color:red}.recorder__output{background:#fefefe;max-width:100%;overflow:auto}@keyframes b{0%{opacity:1}50%{opacity:0}to{opacity:1}}.player{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:start;align-items:flex-start;width:300px;margin:10px}.player__button{font-size:inherit}.player__button:before{content:"";display:inline-block;width:0;height:0;border-top:.5em solid transparent;border-left:1em solid #000;border-bottom:.5em solid transparent;margin-right:1ex;vertical-align:middle}.player__button:disabled:before{opacity:.5}.player__button--playing:before{border-top:0;border-bottom:0;border-left:0;width:1em;height:1em;background:#000}.text-player{padding:8px;font-size:24px;line-height:1.2;background:#fff;width:100%;position:relative;min-height:1.2em}.text-player__cursor{display:block;position:absolute;width:1px;height:1.2em;background:#000;animation:b 1s steps(1) infinite}.text-player--idle .text-player__cursor{display:none}