html{color-scheme:dark}body{margin:0}img,video,audio{max-width:100%;height:auto}input,button,textarea,select{font-family:inherit}@media screen and (prefers-reduced-motion){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}h1,h2,h3,h4,h5,h6{font-weight:600}:root{--flex-gap: 1em;--bright-color: #eee;--dark-color: #111;--neutral-color: #aaa;--secondary-color: #666}body{background-image:url(../background.svg);background-size:100% 100%;background-color:var(--bg-color);color:var(--fg-color);min-width:29em;overflow-y:auto;font-display:swap;font-size:clamp(11px,2.5vw,16px);--bg-color: var(--bright-color);--fg-color: var(--dark-color)}body.dark{--bg-color: var(--dark-color);--fg-color: var(--bright-color);--neutral-color: #666;--secondary-color: #aaa}main,header,footer{margin:0 auto;max-width:70rem}.main-wrapper{margin:1em;padding:1em 3em}main{min-height:150dvh;display:grid;gap:var(--flex-gap);grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(4,min-content) 1fr;grid-template-areas:"player      player     player" "presets     presets    config-stats" "controls    controls   controls" "api         api        api-output" "docs        docs       docs"}@media screen and (max-width: 40em){main{grid-template-columns:1fr;grid-template-areas:"player" "presets" "config-stats" "controls" "api" "api-output" "docs"}}a{color:var(--fg-color)}.token{white-space:pre-line}h2,.h2{margin:3em 0 0;font-size:1.25em}.fa{min-width:1em;width:16px}.fa-solid{min-width:2em}.player-wrapper{grid-area:player;display:flex;justify-content:center;margin-top:2em}.docshref{grid-area:docs}.presets-wrapper{grid-area:presets}.config-stats-wrapper{grid-area:config-stats}.config-wrapper{grid-area:config}.statistics-wrapper{grid-area:statistics}.api-wrapper{grid-area:api}.api-output-wrapper{grid-area:api-output}.controls-wrapper{grid-area:controls}.config-wrapper,.statistics-wrapper,.api-wrapper,.controls-wrapper{overflow:hidden}select,textarea{width:100%}*{transition:color .2s,background-color 1.2s,border-color .2s}textarea{font-family:monospace;resize:vertical;white-space:pre;width:calc(100% - 2em);min-height:28em;background:#7777;color:var(--fg-color);border:none;padding:1em}button{margin:.5em 0;padding:.5em 1em;background:#7777;border:1px solid var(--fg-color);color:var(--fg-color);cursor:pointer;border-radius:.5em}.hidden{display:none}.logo{height:2em;width:min-content}#statistics-output,#api-output{background-color:#7777;white-space:pre-wrap;padding:1em;overflow:clip;text-overflow:ellipsis}#api-output,#custom-api{min-height:unset;margin:1em 0}#statistics-output{min-height:21.7em}#api-output{font-family:monospace}header{display:flex;justify-content:space-between;align-items:center}header h1{font-size:clamp(1.5em,5vw,2em)}footer{border-top:1px solid;margin-top:1em;padding-top:1em}#player-version{font-size:.8em;font-weight:200}#player{width:100%;max-width:60em;border-radius:1em;position:relative}#player:empty{aspect-ratio:16/9}#presets{display:flex;flex-wrap:wrap;gap:var(--flex-gap)}button:hover{background-color:var(--bg-color)}button:disabled{background-color:var(--neutral-color);color:var(--secondary-color)}.preset_select{display:inline-flex;flex-direction:column;align-items:center;text-align:center;width:calc(25% - var(--flex-gap));max-width:10.5em;min-width:3em}.preset_select.active button{background-color:var(--fg-color);color:var(--bg-color)}.preset_select.active i{color:var(--bg-color)}.preset_select button{border:1px solid var(--fg-color);width:100%;height:6em}.preset_select i{font-size:clamp(16px,5vw,2em);color:var(--fg-color)}.config-stats-wrapper input{display:none}.config-stats-wrapper .tabs{display:flex}.config-stats-wrapper .tabs .h2{color:var(--secondary-color);cursor:pointer;display:inline-block;margin-right:.5em;margin-bottom:.5em}.config-stats-wrapper [role=tabpanel]{min-height:20em;display:none}.config-stats-wrapper #config-tab-control:checked~.tabs #config-tab,.config-stats-wrapper #statistics-tab-control:checked~.tabs #statistics-tab{font-weight:700;color:var(--fg-color)}.config-stats-wrapper #config-tab-control:checked~#config-panel,.config-stats-wrapper #statistics-tab-control:checked~#statistics-panel{display:block}.sticky-thing{position:fixed;top:0;left:0;background:red;padding:5em;z-index:997}