::-webkit-scrollbar{width:12px;border-left:1px solid #000;cursor:pointer}::-webkit-scrollbar-thumb{background-color:#919294}body,html{margin:0;height:100%;font-family:-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}#root{height:100%;display:flex;background:#272822}*{padding:0;margin:0;list-style:none;border:0;box-sizing:border-box;outline:none;text-decoration:none;background:none}.react-resizable-handle{width:5px;height:100%;position:absolute;top:0;right:0;background:#555;cursor:col-resize;display:none}aside:hover .react-resizable-handle{display:block}.body-container{background-color:#272822;width:100%;height:100vh}.CodeBar_codebar__1kQA6{width:600px;background:#202020;position:relative}.CodeBar_tab__c1fTZ{height:70px;padding:0 15px;grid-gap:15px;gap:15px;border-bottom:2px solid #333;background:rgba(155,11,244,.9803921568627451)}.CodeBar_item__35U4C,.CodeBar_tab__c1fTZ{display:flex;align-items:center;justify-content:center}.CodeBar_item__35U4C{height:50px;flex:1 1 auto;border-radius:4px;background:#333;color:#fff;cursor:pointer;font-size:15px;font-weight:600}.CodeBar_activeTab__1EPRu{background:#25252b;color:#9c36f4}.CodeBar_editor__3_NI7{height:calc(100% - 70px);padding:10px}.CodeBar_ace_active-line__2dGEC{height:100vh!important}.CodeBar_editor__3_NI7 .CodeBar_editor_html__HE3zN .CodeBar_ace_scroller__2M3wT .CodeBar_ace_content__27Ytm .CodeBar_ace_layer__3na8M .CodeBar_ace-monokai__2iYBA .CodeBar_ace_marker-layer__3wjEE .CodeBar_ace_active-line__2dGEC{background:#272822!important}.Preview_content__hzQ7j{height:calc(100% - 70px)}.Preview_preview__11IQq{width:100%;height:100%}.Preview_previewLoading__3B2dt{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:100px;font-weight:700;letter-spacing:2px;background:#202020;color:hsla(0,0%,100%,.1)}.Header_header__3mObx{height:70px;flex-shrink:0;background:rgba(155,11,244,.9803921568627451);color:#fff;display:flex;justify-content:flex-end;align-items:center;border-bottom:2px solid #333;padding:0 15px;grid-gap:15px;gap:15px;position:relative}.Header_button__3Lscu{height:50px;display:flex;align-items:center;padding:0 20px;border-radius:5px;color:#fff;font-size:15px;font-weight:600;background:#333;cursor:pointer}.Header_button__3Lscu:hover{background:#444}.Header_downloadButton__2Mbfw{margin-right:auto}.Header_camera__3ZP6a{position:fixed;bottom:30px;right:30px;border-radius:50%;z-index:9999}.Header_logoContainer__39AYI{display:flex;align-items:center;justify-content:flex-start;-webkit-transform:translate(-1em,-3px);transform:translate(-1em,-3px);width:48%}.Header_LogoTitle__1ZTgq{font-size:15px}.Header_buttonsContainer__2zgdE{display:flex;align-items:center;justify-content:space-between;margin-right:70px}.Header_buttonsContainer__2zgdE button:last-child{margin-left:15px}.App_main__3ZkGI{flex:1 1;border-left:2px solid #333}.ribbon{width:139px;height:150px;overflow:hidden;position:absolute}.ribbon:after,.ribbon:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #3c743c}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:#3cbb3c;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 "Lato",sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;z-index:99}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left:after,.ribbon-top-left:before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left:before{top:0;right:0}.ribbon-top-left:after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ribbon-top-right{top:-43px;right:-71px;overflow:hidden;position:fixed}.ribbon-top-right:after,.ribbon-top-right:before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right:before{top:0;left:0}.ribbon-top-right:after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.picture-ribbon{width:55px;margin-left:-72px;margin-top:2rem;-webkit-transform:translate(7px,16px);transform:translate(7px,16px)}.rotate-in-center{-webkit-animation:rotate-in-center .6s cubic-bezier(.25,.46,.45,.94) both;animation:rotate-in-center .6s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes rotate-in-center{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}to{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotate-in-center{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}to{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.tracking-in-contract-bck-bottom{-webkit-animation:tracking-in-contract-bck-bottom 1s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract-bck-bottom 1s cubic-bezier(.215,.61,.355,1) both;word-break:break-word;width:60%;text-align:center}@-webkit-keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}
/*# sourceMappingURL=main.ef0b908e.chunk.css.map */