*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;font-size:10px}body{font-size:1.6rem}.header{color:#0081a7}#actions-panel{margin:0 1rem;display:flex;justify-content:space-between}#example-picker{padding-left:.5rem}#container{display:flex;height:100vh;width:100vw;overflow:hidden}#editor-container{width:100%;height:100%;border:1px solid #e0e0e0;border-top:none}#output-container{flex:1 0 50%;width:100%;height:100%;border:1px solid #e0e0e0;border-top:none;overflow-y:auto}.output-header{position:sticky;top:0;width:100%;font-size:1.8rem;background-color:#f5f5f5;padding:.3rem 2rem .2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.output-result,.output-spacer{flex:1}.output-selector{display:flex;align-items:center}.output-selector button{background-color:#f5f5f5;border-radius:0;border:none;border-top:2px black solid;border-bottom:2px black solid;border-left:none;border-right:none;background-color:transparent;outline:0;margin:0}.output-selector button.active{background-color:#0081a7;color:#f5f5f5}#output-canvas{height:500px;width:500px;margin:3rem auto 0;border:1px solid #e0e0e0}#output-wast{overflow:auto}.cm-editor{height:100%;width:100%}.cm-scroller{overflow:auto;width:50vw}.cm-editor.cm-focused{outline:none}.cm-panels-top{padding:.4rem 0}.hidden{display:none}