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