*{font-family:sans-serif}html{width:100%;overflow:hidden auto}body{margin:0;padding:0}iframe{pointer-events:none;border:0;border-radius:8px;width:100%;min-width:200px;height:100%}aside{width:33vw;height:18.5625vw;margin:0 .5em .5em 0}.logo{flex-direction:row;align-items:center;height:100%;margin-inline-end:.5em;font-size:150%;font-weight:700;display:flex}.logo .icon{background:#fff;align-items:center;height:100%;margin-inline-end:.5em;padding:0 18px 0 32px;display:flex}main{align-items:flex-start;padding:0 1em;display:flex}.spacer{flex:1}header{color:#fff;background-color:#f1680d;background-position:0 0;background-size:50%;flex-direction:row;align-items:center;width:100%;height:3.2em;margin-bottom:1em;padding-inline-end:1em;display:flex;box-shadow:1px 0 10px #0009}header h1{font-size:inherit;margin:0;padding:0 1em 0 0;font-weight:100;position:relative;top:2px}#options{flex-wrap:wrap;display:flex}#options>*{flex-grow:0}fieldset{border:0;min-width:8em}fieldset legend{border-bottom:1px solid #ccc;width:100%}button{color:#fff;background:#f1680d;border:0;border-radius:5px;margin:0;padding:1em 1.25em;font-weight:700}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}}
