input[type=file]{display:none}.button{appearance:none;background-color:#2ea44f;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f231a 0 1px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap}.button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.button:hover{background-color:#2c974b}.button:focus{box-shadow:#2ea44f66 0 0 0 3px;outline:none}.button:disabled{background-color:#94d3a2;border-color:#1b1f231a;color:#fffc;cursor:default}.button:active{background-color:#298e46;box-shadow:#14462033 0 1px inset}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:monospace;font-size:larger;font-weight:900}body{margin:0;padding:0}#controls{display:flex;flex-direction:column;z-index:2;margin:1rem;position:absolute}#controls>*{margin:.5rem}#videoPlayer,#audioPlayerContainer{z-index:1;position:absolute;max-width:40%;max-height:40%;top:50%;left:50%;transform:translate(-50%,-50%);@media screen and (max-width: 768px){max-width:80%;max-height:80%}}#audioPlayerContainer{text-align:center;width:60%;@media screen and (max-width: 768px){width:80%}}#audioPlayer{width:100%}#albumArt{max-width:40%;max-height:40%;@media screen and (max-width: 768px){max-width:80%;max-height:80%}}#demos{position:absolute;top:1vh;right:3vw;z-index:2}#demos ul{height:20vh;overflow:hidden;overflow-y:scroll}#syncServer{position:absolute;bottom:2vh;left:1vw;z-index:2}