:root{font-family:Roboto,sans-serif;background:#000;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100vw;height:100vh;margin:0;padding:0}a{color:#5cb5ff}*{box-sizing:border-box}button[role=menuitem]{background:transparent;border:none;color:#fff;margin:0;padding:4pt 0;display:block;width:100%;text-align:start}button[role=menuitem].focused,button[role=menuitem]:focus{background-color:#1971e6;outline:none;border-image:conic-gradient(#1971e6 0,#1971e6 0) fill 0//0 100vw}button[role=menuitem] .title,button[role=menuitem] .description{width:100%;display:block}button[role=menuitem] .title{font-size:12pt;font-weight:700}button[role=menuitem] .description{font-size:10pt}#root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;color:#fff}#app{width:100%;max-height:100%;overflow-y:auto}h2{margin:0;font-size:.9em}p{margin-block-start:.3em;font-size:.8em}@media only screen and (min-width: 129px) and (max-width: 240px){#app{padding:36px 8pt;margin:8pt 0}h2{font-size:1.2em}p{font-size:1em}}@media only screen and (max-width: 128px){#app{padding:20px 4pt;margin:4pt 0}}header{text-align:center;font-weight:700;position:absolute;top:0;left:0;right:0;width:100vw;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:2;background:#000}header img{margin-inline-end:.5em;width:1em;height:1em}header img,header h1{display:inline-block;vertical-align:middle}header h1{margin:0;font-size:24pt}@media only screen and (min-width: 129px) and (max-width: 240px){header img{height:24pt;width:24pt}header{height:36px}header h1{font-size:20pt;line-height:36px}}@media only screen and (max-width: 128px){header img{height:12pt;width:12pt;margin-inline-end:.25em}header{height:20px}header h1{font-size:11pt;line-height:20px}}menu{position:absolute;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;padding:0;margin:0}menu[hidden]{display:none}menu>*{margin:0;padding:.35em 4pt;font-size:1em;color:#fff;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;display:block;width:100%;white-space:nowrap}menu>a{text-decoration:none;outline:none}menu>*.focused,menu>*:focus,menu>*:active{background-color:#1971e6}@media only screen and (min-width: 129px) and (max-width: 240px){menu>*{padding:.35em 8pt;font-size:1.4em}menu{height:calc(100vh - 36px)}}@media only screen and (max-width: 128px){menu{height:calc(100vh - 20px)}}footer{width:100vw;display:flex;white-space:nowrap;background:#000;color:#fff;position:absolute;bottom:0;left:0;right:0;z-index:2}footer>button{flex:0 1 33.3%;display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#fff}@media only screen and (min-width: 129px) and (max-width: 240px){footer{height:36px}footer>button svg{transform:scale(1.5)}footer>button{padding:0 8pt}}@media only screen and (max-width: 128px){footer{height:20px}footer>button{padding:0 4pt}}footer>button[disabled]{pointer-events:none}footer>button:nth-child(1){align-content:start;text-align:start}footer>button:nth-child(2){align-content:center;text-align:center;text-transform:uppercase;flex-grow:1;flex-shrink:0}footer>button:nth-child(3){align-content:end;text-align:end}