:root{--blue: #4285f4;--green: #00e000;--whiteish: #ccc;--button-line-height: 44px;--page-bg-color: #212121}html,body{margin:0;padding:0;height:100%}body{font-size:16px;box-sizing:border-box;font-family:sans-serif;text-align:left;color:#adadad;background:var(--page-bg-color);display:flex;flex-direction:column}header{padding:2rem 1rem 0;max-width:50rem;margin:0 auto}main{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin:0 auto;padding:1rem 0 0}[hidden]{display:none!important}.player{display:inline-block;margin:0 1rem 2rem;padding:1rem 1rem 0;background:#000;width:18rem;text-align:left}.player .header{margin:0 0 1rem;display:flex;flex-direction:row;flex-wrap:none;justify-content:space-between}.player .status{vertical-align:bottom}.player .header a{display:block;padding:.5rem}h1{font-size:1.25rem;margin:0 0 1rem}h2{font-size:16px;text-align:right;margin:0;padding:0;color:#757575;font-weight:400;line-height:1.25em}h2 span{color:var(--whiteish);font-size:.8em}footer{text-align:center;width:100vw;margin:0;padding:0}footer a{font-size:.85rem;padding:2em 1em}a{color:var(--blue);display:inline-block;text-decoration:none}a:hover{text-decoration:underline}dl{font-size:75%;line-height:1.25em;overflow:auto}dt,dd{float:left;margin:0}dt{clear:left;width:11em;text-align:left;color:#757575}dt:after{content:":"}dd{font-family:monospace;min-width:12em;text-align:left;color:var(--green)}dd.static{color:var(--whiteish)}dd.error{color:red;font-size:inherit}button{font-size:1em;line-height:var(--button-line-height);min-height:var(--button-line-height);min-width:44px;display:inline-block;white-space:nowrap;border:0;cursor:pointer;color:#fff;text-align:center;background:none;outline:none}button.none{line-height:0em;margin:0;padding:1em;color:var(--blue);font-size:.8rem;min-height:auto;min-width:auto}button:hover{text-decoration:underline}.center{text-align:center;display:flex;align-items:center}.error{color:red;font-size:14px}.start{background:var(--blue)}.play,.pause{text-align:left;padding-left:0}.pause:before,.play:before{display:block;float:left;margin-right:.5rem;height:var(--button-line-height);width:var(--button-line-height)}.play:before{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%234285f4" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13zM12 9l12 7-12 7z"></path></svg>')}.pause:before{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%234285f4" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13zM10 10h4v12h-4zM18 10h4v12h-4z"></path></svg>')}@media (min-width: 600px){:root{--button-line-height: 2rem}}