*{font-family:sans-serif}html{width:100%;overflow-x:hidden;overflow-y:auto}body{margin:0;padding:0}iframe{border:0;border-radius:8px;min-width:200px;width:100%;height:100%;pointer-events:none}aside{width:33vw;margin:0 .5em .5em 0;height:18.5625vw}.logo{font-size:150%;height:100%;font-weight:bold;display:flex;flex-direction:row;align-items:center}@supports(margin-inline-end: 0.5em){.logo{margin-inline-end:.5em}}@supports not (margin-inline-end: 0.5em){.logo{margin-right:.5em}}.logo .icon{height:100%;padding:0 18px 0 32px;background:#fff;display:flex;align-items:center}@supports(margin-inline-end: 0.5em){.logo .icon{margin-inline-end:.5em}}@supports not (margin-inline-end: 0.5em){.logo .icon{margin-right:.5em}}main{padding:0 1em;display:flex;align-items:flex-start}.spacer{flex:1}header{width:100%;height:3.2em;background-color:#f1680d;color:#fff;display:flex;flex-direction:row;align-items:center;margin-bottom:1em;box-shadow:1px 0 10px rgba(0,0,0,.6);background-size:50%;background-position:top left}@supports(padding-inline-end: 1em){header{padding-inline-end:1em}}@supports not (padding-inline-end: 1em){header{padding-right:1em}}header h1{margin:0;padding:0 1em 0 0;font-size:inherit;font-weight:100;position:relative;top:2px}#options{display:flex;flex-wrap:wrap}#options>*{flex-grow:0}fieldset{border:0;min-width:8em}fieldset legend{border-bottom:1px solid #ccc;width:100%}button{background:#f1680d;color:#fff;font-weight:bold;border-radius:5px;margin:0;padding:1em 1.25em;border:0}a{text-decoration:none}a:hover{text-decoration:underline}a,a:hover,a:focus,a:visited,a:active{color:#f44336}@media(max-width: 900px){aside{width:50vw;height:28.125vw}}@media(max-width: 600px){main{flex-direction:column}aside{width:calc(100vw - 2em);height:calc(56.25vw - 1.125em)}}@media(min-width: 1800px){aside{width:50vw;height:28.125vw}}
