html,body{height:100%;margin:0;padding:0}html.app{-webkit-user-select:none;user-select:none}body,select,input,button{font-family:monospace;font-weight:700}body{background-color:#7c71da;color:#fff}header h1 img.logo{width:300px;image-rendering:pixelated}a{color:#fff}a.undecorated{text-decoration:none}table{border-spacing:0}th{border-bottom:1px solid #ffffff;text-align:left}th,td{padding:4px 8px 4px 0;vertical-align:top}h2{font-size:1.2em}p{line-height:1.3em}input,select,button{padding:6px}.input-file{opacity:0;z-index:-1;position:absolute;top:-1px;left:0;width:.1px;height:.1px}.input-bool{transform:scale(1.6)}@media(orientation:portrait){.form-group{flex-direction:column}.form-group label{margin-bottom:3px}.option-description,.autodetection-error{margin-top:3px}}@media(orientation:landscape){.form-group{flex-direction:row}.form-group label{width:130px;flex-shrink:0}.option-description{align-self:center;margin-left:6px}.autodetection-error{align-self:center;margin-left:3px}}.form-group{margin-bottom:15px;display:flex;align-items:flex-start}.form-group label{flex-shrink:0}.player-container{margin-bottom:15px;display:flex;flex-direction:row}.player-container button{margin-right:6px;white-space:nowrap;width:90px}.player{align-self:center}.player progress{margin-left:12px}.player .time{white-space:nowrap;margin-left:12px}.error-summary{align-self:center}.error-summary,.error label,.autodetection-error{color:#f99}.license{font-size:smaller}.examples table{font-weight:400}.mb-3{margin-bottom:.3rem}@media(orientation:landscape){.app-container{flex-direction:row}.header-portrait{display:none}nav{flex-direction:column;border-right:1px solid #ffffff}nav a{min-width:80px;padding-left:.5rem;padding-right:.5rem}}@media(orientation:portrait){.app-container{flex-direction:column}.header-landscape{display:none}nav{flex-direction:row;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}nav a{flex:1;text-align:center}}.app-container{display:flex;height:100%}nav{display:flex}nav a{height:3rem;line-height:3rem;background-color:#7c71da;text-decoration:none;color:#fff}nav a.router-link-active{background-color:#fff;color:#7c71da}.container{flex:1;padding:10px;overflow-y:auto}.container .width-limiter{max-width:60rem}h2{border-top:1px solid #ffffff;padding-top:.5rem}pre{margin:0;padding:3px;background-color:#99f}.options{margin-top:5px;margin-bottom:8px}.outer-bar[data-v-6c88c09f]{position:relative;height:1.5rem;border:2px solid #ffffff}.cursor-position-bar[data-v-6c88c09f]{position:absolute;top:0;width:0px;height:100%;border-right:2px solid #ffffff;pointer-events:none}.playing-position-bar[data-v-6c88c09f]{position:absolute;top:0;width:0px;height:100%;border-right:4px solid #ffffff;pointer-events:none}.italic{font-style:italic}.player-texts{display:flex;align-items:flex-start;justify-content:space-between}