*{padding:0;box-sizing:border-box;margin:0}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/RobotoMono.woff2) format("woff2")}html{--bg:#e8e8f3;--light:#fff;--text:#2f3640;--text-dull:#7f8fa6;--primary:#0652dd;--green:#4aa947;--orange:#e58a2a;--red:#e61a1d;--shadow:4px 4px 10px rgba(55,84,170,.15);--selected-option-bg:var(--text);--selected-option-text:var(--light);--primary-text:var(--light)}body[data-theme=dark]{--bg:#0b0c13;--light:#1e1f2a;--text:#fff;--text-dull:#697c96;--primary:#c7cbe5;--selected-option-bg:#484c65;--shadow:4px 4px 10px rgba(0,0,0,.15);--green:#4fd94a;--primary-text:#000}body,button,input,textarea{font-family:Roboto Mono,monospace}body{background:var(--bg);color:var(--text)}.error{color:var(--red)!important}button,input,textarea{padding:1em 1.5em;border:none;width:100%;font-size:14px;display:block}input{background:var(--light);color:var(--text)}input:active,input:focus,textarea:focus{outline:none}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}button{cursor:pointer}#root{padding-top:30px;display:flex;flex-direction:column;min-height:100vh}main{margin-bottom:50px}.smooth-material{box-shadow:var(--shadow);border-radius:5px}