@font-face{font-family:"Public Sans";src:url("font/PublicSans-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal}@font-face{font-family:"Clash Display";src:url("font/ClashDisplay-Variable.woff2") format("woff2");font-weight:200 700;font-style:normal}body{background:var(--bg);color:var(--fg);width:min(calc(100vw - 4rem),36rem);line-height:125%;font-family:"Public Sans",system-ui,sans-serif;font-size:1.125rem;margin:8rem auto;margin-bottom:16rem}html{scrollbar-color:var(--line) var(--bg);scrollbar-width:1rem}a{color:var(--gray);cursor:pointer;display:inline-block;text-decoration:underline;&:hover{color:var(--fg)}&:focus{color:var(--bg);background:var(--acc);outline:none;text-decoration:none}&:hover svg{fill:var(--fg)}&:focus svg{fill:var(--bg)}svg{width:1em;height:1em;display:inline-block;margin-right:0.5rem;fill:var(--gray);line-height:100%;vertical-align:bottom}}header{padding-top:4rem;padding-bottom:1rem;border-bottom:solid 1px var(--bg);transition:border 0.2s;h3{margin:0;font-weight:normal;font-size:1em;a{color:var(--gray);margin-bottom:0.5rem;display:inline-block;text-decoration:underline;&:hover{color:var(--fg)}}}h2{color:var(--acc);font-size:2rem;margin:0;line-height:100%;font-family:"Clash Display",sans-serif;font-weight:600;margin-top:0.5rem}the-downloads{margin-top:0.5rem;display:block;a{margin-right:1.75rem;text-decoration:underline;cursor:pointer;&:hover svg{animation:0.4s dl-bounce}}}form{accent-color:var(--acc);margin-top:0.75rem;input[type="checkbox"]{margin-right:0.5rem;cursor:pointer}label{user-select:none;cursor:pointer}button{font-family:inherit;color:inherit;background:none;border:solid 1px var(--gray);color:var(--gray);font-size:inherit;padding:0rem 0.5rem;display:block;margin-top:0.75rem}ap-container{transition-duration:0.2s;@starting-style{opacity:0;transform:translateY(-0.5rem)}user-select:none;height:1.5rem;display:block;margin-top:0.75rem;ap-playback{position:relative;width:1.5rem;height:1.5rem;margin-right:1rem;line-height:100%;display:inline-block;cursor:pointer;vertical-align:top;user-select:none;&::before{content:"";position:absolute;pointer-events:none;inset:0;background:var(--fg)}&:hover::before{background:var(--acc)}}ap-bar{width:13.5rem;height:1.5rem;border:solid 1px var(--acc);box-sizing:border-box;display:inline-block;ap-progress{width:0%;display:block;background:var(--acc);height:calc(1.5rem - 2px)}margin-right:1rem}ap-timestamp{width:3rem;display:inline-block;vertical-align:top}}error-message{color:var(--gray)}}margin-bottom:4.5rem}l-a{display:block;br{margin:0.5rem 0}l-s{display:block;l-l{display:block;padding-left:2rem;text-indent:-2rem;margin-bottom:0.375rem;line-height:110%;color:var(--fg);transition:0.2s color}l-v{display:none;margin-bottom:0;font-size:0.75em;line-height:100%;padding:0.125rem 0.25rem;font-weight:600;float:left;color:var(--gray);border:solid 1px var(--line);vertical-align:top;margin-right:2.5rem;&.notlast{margin-right:0.375rem}}}}body[data-playing]{l-a{l-l::before{float:right;background:var(--bg);width:1.25rem;height:1.25rem;content:" ";border-radius:1rem;margin-left:0.5rem;transition:0.2s background}l-l[data-current="true"]::before{background:var(--acc)}}header{position:sticky;top:0;background:var(--bg);border-color:var(--line);margin-bottom:2.25rem}}body[data-playing="true"]{l-a{l-l{color:var(--line);&[data-current="true"]{color:var(--fg)}}}ap-playback::before{clip-path:polygon( 6.7% 5%,40% 5%,40% 95%, 60% 95%,60% 5%,93.3% 5%,93.3% 95%,6.7% 95%  )}}body[data-playing="false"]{ap-playback::before{clip-path:polygon( 6.7% 0%,6.7% 100%,93.3% 50% )}}body:has(input[type="checkbox"]:checked){l-v{display:inline}}::selection{background:var(--acc);color:contrast-color(var(--acc))}@keyframes dl-bounce{0%{transform:scale(0.8,1.2);fill:var(--gray)}20%{transform:translateY(0.375rem) scale(1.3,0.7);fill:var(--acc)}50%{transform:translateY(-0.125rem)}60%{fill:var(--acc)}}@media only screen and (max-device-width:640px){html{font-size:3.5vw}body{width:calc(100% - 3rem);margin:6rem auto}}