html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-base-white:0 0%;--color-base-black:240 100%;--color-base-gray:60 3%;--color-gray-5:var(--color-base-gray) 5%;--color-gray-10:var(--color-base-gray) 10%;--color-gray-20:var(--color-base-gray) 20%;--color-gray-30:var(--color-base-gray) 30%;--color-gray-40:var(--color-base-gray) 40%;--color-gray-50:var(--color-base-gray) 50%;--color-gray-60:var(--color-base-gray) 60%;--color-gray-70:var(--color-base-gray) 70%;--color-gray-80:var(--color-base-gray) 80%;--color-gray-90:var(--color-base-gray) 90%;--color-gray-95:var(--color-base-gray) 95%}body{margin-left:10px;margin-right:10px;font-size:14px;line-height:1.4}em{font-style:italic}body,h1,h2,h3{margin-bottom:1em;font-weight:300}h1{font-size:20px}h2{margin-top:1em;font-size:16px}table,progress{width:100%}th,td,[type=text],textarea{margin-right:5px;padding:3px 6px}th{text-align:right;white-space:nowrap;vertical-align:middle;width:10%;font-weight:500}[type=text],textarea{border:1px solid hsl(var(--color-gray-70));border-radius:3px;outline:0;width:200px;padding:5px}[type=text]:focus,textarea:focus{border-color:hsl(var(--color-gray-50));box-shadow:0 0 5px hsl(var(--color-gray-90))}textarea{vertical-align:bottom;height:100px;font-family:monospace}button{cursor:pointer;background-color:hsl(var(--color-gray-95));border:0;border-radius:3px;outline:0;margin:3px;padding:6px 12px}button:focus{background-color:hsl(var(--color-gray-90))}button:hover{background-color:hsl(var(--color-gray-80))}button:active{background-color:hsl(var(--color-gray-70))}:root{--track-color:#eee;--thumb-color:#666;--thumb-radius:12px;--thumb-height:12px;--thumb-width:12px;--thumb-shadow-size:0;--thumb-shadow-blur:0;--thumb-shadow-color:#111;--thumb-border-width:0;--thumb-border-color:#fff;--track-width:100%;--track-height:10px;--track-shadow-size:0;--track-shadow-blur:0;--track-shadow-color:#222;--track-border-width:0;--track-border-color:#000;--track-radius:5px}[type=range]{-webkit-appearance:none;margin:var(--thumb-height) / 2 0;width:var(--track-width)}[type=range]:focus{outline:0}[type=range]::-webkit-slider-runnable-track{cursor:pointer;height:var(--track-height);width:var(--track-width);background:var(--track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:var(--track-radius);box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-color), 0 0 var(--track-shadow-size) lighten(var(--track-shadow-color), 5%);transition:all .2s}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:var(--thumb-width);height:var(--thumb-height);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);border-radius:var(--thumb-radius);margin-top:calc((var(--track-border-width) * -2 + var(--track-height)) / 2 - (var(--thumb-height) / 2));box-shadow:var(--thumb-shadow-size) var(--thumb-shadow-size) var(--thumb-shadow-blur) var(--thumb-shadow-color)}[type=range]::-moz-range-track{cursor:pointer;height:var(--track-height);width:var(--track-width);background:var(--track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:var(--track-radius);box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-color);transition:all .2s}[type=range]::-moz-range-thumb{cursor:pointer;width:var(--thumb-width);height:var(--thumb-height);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);border-radius:var(--thumb-radius);box-shadow:var(--thumb-shadow-size) var(--thumb-shadow-size) var(--thumb-shadow-blur) var(--thumb-shadow-color)}:root{--column-width:480px;--gutter-width:20px}.app{text-align:center;margin:auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300}.section{max-width:var(--column-width);margin:var(--gutter-width);text-align:left;vertical-align:top;display:inline-block}.player-wrapper{aspect-ratio:16/9;background:#0000001a;width:480px;margin-bottom:10px}.faded{color:#0009}.footer{margin:var(--gutter-width)}