@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);*{box-sizing:border-box}body{margin:0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}p{margin:0}a{text-decoration:none}.ResizableLayout_ResizeMiddleTool__jzQKd{z-index:30}.ResizableLayout_ResizeMiddleTool__jzQKd:hover{outline:4px solid #d1541b;cursor:col-resize}.Layout_Header__25KqD{display:flex;flex-wrap:wrap;align-items:center;padding:10px;position:sticky;top:0;z-index:100;background-color:#fff}.Layout_Header__25KqD .Layout_Left__200cj{flex:30% 1;align-self:center;text-align:left}.Layout_Header__25KqD .Layout_Center__DanVV{flex:40% 1;text-align:center}.Layout_Header__25KqD .Layout_Right__yA_LW{flex:30% 1;text-align:right}.Layout_Header__25KqD .Layout_SubHeader__17JUF{flex:100% 1;text-align:left;background-color:#fff;z-index:100}.Layout_MainContainer__4FALs{display:flex;padding:0 10px}.Layout_MainContainer__4FALs .Layout_LeftSection__1umwf,.Layout_MainContainer__4FALs .Layout_RightSection__1uHzV{padding:20px;border:3px solid #000;border-radius:10px}.Layout_MainContainer__4FALs .Layout_LeftSection__1umwf{background-color:#0f0f0f;overflow-y:auto}.Layout_MainContainer__4FALs .Layout_RightSection__1uHzV{background-color:#365199;overflow-y:auto}.ErrorBoundary_ErrorContainer__1_QNP{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px;border-radius:2px;background-color:#fff}.ErrorBoundary_ErrorContainer__1_QNP img{width:64px;height:64px}.ErrorBoundary_ErrorContainer__1_QNP p{margin-left:20px;color:red}.CodeEditor_CodeEditContainer__30xYZ{width:100%;position:relative;color:#fff;caret-color:#0ff;background:#272822;border-radius:.3em;font-size:16px;margin-top:30px}.CodeEditor_CodeInput__2tnfi,.CodeEditor_CodeOutput__fuii6,code{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;color:#fff;line-height:1.5em;text-align:left;text-shadow:0 1px rgba(0,0,0,.2);white-space:pre-wrap;word-spacing:normal;word-break:break-word;word-wrap:normal}.CodeEditor_CodeInput__2tnfi,.CodeEditor_CodeOutput__fuii6{width:100%;height:100%;margin:0;padding:1em;font-size:1em}.CodeEditor_CodeInput__2tnfi{position:absolute;top:0;left:0;resize:none;border:0;opacity:1;overflow:hidden;background:transparent;-moz-osx-font-smoothing:"grayscale";-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.CodeEditor_CodeOutput__fuii6{pointer-events:none}code{word-break:break-word}.CodeEditor_CodeInput__2tnfi:empty{-webkit-text-fill-color:inherit!important}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.CodeEditor_CodeInput__2tnfi{color:transparent!important}.CodeEditor_CodeInput__2tnfi::selection{background-color:#accef7!important;color:transparent!important}}code[class*=language-],pre[class*=language-]{tab-size:4;-webkit-hyphens:none;hyphens:none}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.symbol,.token.tag{color:#f92672}.token.property{color:#6f90e9}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#ee832b}.token.entity,.token.operator,.token.url,.token.variable{color:#f4f8f2}.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#9be79b;color:#f8ed86}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#6800ca}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.CustomButton_Normal__2mMoR{border-radius:6px;background-color:#221717;color:#fff;font-size:15px;font-weight:700;padding:10px;margin:5px;border:1px solid #000}.CustomButton_Normal__2mMoR:hover{opacity:.9;border:1px solid #fff}.CustomButton_Normal__2mMoR{overflow-wrap:break-word}.CustomButton_Image__vRtSl{border-radius:9px;background-color:#221717;color:#fff;font-size:15px;font-weight:700;padding:8px 10px;margin:5px;border:1px solid #000}.CustomButton_Image__vRtSl:hover{opacity:.9;border:1px solid #fff}.CustomButton_Tab__31njy{border-radius:0;color:#fff;font-size:15px;font-weight:700;padding:10px;border:0}.CustomButton_Tab__31njy:focus{outline:0}.CustomButton_Tab__31njy{overflow-wrap:break-word}.CustomButton_Green__2ODGl{background-color:#208108}.CustomButton_Red__2_3FF{background-color:#b90b0b}.CustomButton_Blue__2AEmj{background-color:#264b99}.CustomButton_Yellow__30Yhi{background-color:#ff9100;color:#0f0f0f}.CustomButton_Black__2MV_a{background-color:#0f0f0f}.CustomButton_Narrower__1Wcmi{min-width:70px}.CustomButton_Wider__34GDH{min-width:150px}.CustomButton_NoRightMargin__3aT_i{margin-right:0}.CustomButton_NoLeftMargin__1mm5P{margin-left:0}.CustomButton_Active__3Cue6{border-top:4px solid #b90b0b}.CustomButton_Inactive__knToJ{background-color:rgba(34,23,23,.6)}.CustomButton_Inactive__knToJ:hover{background-color:rgba(34,23,23,.8)}.CustomButton_Disabled__2Fq3V{opacity:.5}.CustomButton_Disabled__2Fq3V:hover{opacity:.5;border:1px solid #000}.LiveCodePresenter_LiveCodePresenter__ArXM-{position:relative;margin:0 auto;text-align:center;border-radius:5px;padding-bottom:60px;width:600px}.ErrorMessage_Warning2__1-Suu{display:flex;flex-wrap:wrap;text-align:center;border-radius:8px;color:#f5bb35;background-color:#9c1010}.ErrorMessage_Warning2__1-Suu img{padding:10px;height:100%}.ErrorMessage_Warning2__1-Suu div{width:80%}.ErrorMessage_Warning2__1-Suu div p.ErrorMessage_Title__w_MR3{margin:0;padding:10px;font-weight:700}.ErrorMessage_Warning2__1-Suu div span{font-weight:700;font-size:1.2em;border-radius:6px;margin:15px;padding:3px 10px;background-color:#e99b1d;color:#020202}.OutputPresenter_OutputPresenter__23Fnl{position:relative;margin:0 auto;text-align:center;border-radius:5px;width:600px}.OutputPresenter_OutputPresenter__23Fnl:hover{outline:7px solid #ffc830;z-index:20}.Gallery_Gallery__39R_o{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:10px;background-color:#d0dada}.Gallery_Gallery__39R_o img{margin:15px}.Gallery_Gallery__39R_o img:hover{outline:4px solid #000;border-radius:3px;background-color:#d0dada}
/*# sourceMappingURL=main.d080cd16.chunk.css.map */