@font-face{font-family:Roboto;src:url(/Roboto.ttf)format("truetype");font-style:normal}@font-face{font-family:Roboto;src:url(/Roboto-Italic.ttf)format("truetype");font-style:italic}:root{background-color:#e8e8f8;font-family:Roboto,sans-serif}svg{vertical-align:middle}body{max-width:60ch;margin:8px auto;padding:0 8px}div#app{flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 16px);display:flex}button,input,textarea{color:#fff;background-color:#448;border:none;border-radius:4px;margin-top:8px;padding:8px;font-family:inherit;font-size:1rem}:is(button,input,textarea):disabled{opacity:.8}button{transition:filter .15s}button:not(:disabled):hover{filter:brightness(120%);cursor:pointer}button.txtbtn{color:#448;background-color:#0000;width:fit-content}button.txtbtn svg{vertical-align:top}button.outlinebtn{background-color:#0000;border:1px solid #448;width:fit-content}input,textarea{color:#000;cursor:text;background-color:#ccf}textarea{resize:none}label.required:after{content:"*";color:red;margin-left:.5ch}