body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ace_editor{flex:1 1;height:100%}.divider{background-color:#393d41;cursor:col-resize;height:100%;width:5px}.divider,.divider:hover{transition:background-color .1s ease}.divider:hover{background-color:#404549}.divider:active{background-color:#4b5257;transition:background-color .1s ease}.header{background-color:#151618;border-bottom:#000;border-bottom-style:solid;border-bottom-width:1px;padding:10px}.logo{background-color:#1f2124;box-shadow:0 .5rem 1rem #0e0e0e;color:#ddd;float:left;font-size:24px;font-weight:700;letter-spacing:.15rem;padding:15px;text-transform:uppercase}.icon-button,.logo{align-items:center;border-radius:5px;display:flex;height:40px;justify-content:center}.icon-button{border:none;box-shadow:2px 2px 2px 2px hsla(0,0%,5%,.3);color:#fff;cursor:pointer;float:right;margin-left:6px;margin-right:6px;padding:0 15px;transition:background-color .1s ease-in-out}.icon-button p{margin-left:10px}.run-button{background-color:#195;width:100px}.run-button:hover{background-color:#05904a}.stop-button{background-color:#922;width:100px}.stop-button:hover{background-color:#891212}.load-example-button{background-color:#a17900}.load-example-button:hover{background-color:#916700}.about-button{background-color:#259}.about-button:hover{background-color:#1b4677}.github-button{background-color:#527}.github-button:hover{background-color:#461e5d}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.16);width:200px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}.output-container{background-color:#26292c;color:#fff;flex:1 1;font-family:monospace;font-size:large;height:100%;overflow:auto;padding:15px}.output-container div{padding:4px 0}.console{word-wrap:break-word;overflow-y:auto;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap}.input-bar{border:none;border-radius:5px;bottom:15px;box-shadow:2px 2px 2px #18191b;color:#fff;font-family:monospace;font-size:large;outline:none;padding:8px;position:absolute;transition:background-color .15s ease}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}.app{flex-direction:column;font-family:Roboto Mono,monospace}.app,.main-container{display:flex;height:100%;overflow:hidden;width:100%}.main-container{flex:1 1}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-color:#2f3336;border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:#363a3d}::-webkit-scrollbar-thumb:active{background-color:#3c4144}.popup-content{background-color:#26292c;border:4px solid #383d41;border-radius:10px;color:#ccc;font-family:Roboto Mono,monospace;padding:8px 20px}.modal{font-size:16px}.modal,.modal>.header{background-color:initial}.modal>.header{border-bottom:2px solid #ccc;font-size:24px;font-weight:700;text-align:center;width:100%}.modal>.content{padding:15px 0;width:100%}.modal>.close{background-color:#bbb;border:none;border-radius:18px;cursor:pointer;display:block;font-size:28px;line-height:24px;outline:none;padding:2px 5px;position:absolute;right:-15px;top:-15px}.modal>.close:hover{background-color:#aaa}.modal>.close:active{background-color:#777}@-webkit-keyframes anvil{0%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}1%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px)}to{box-shadow:0 0 500px hsla(0,0%,95%,0);opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes anvil{0%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}1%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px)}to{box-shadow:0 0 500px hsla(0,0%,95%,0);opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.popup-content{-webkit-animation:anvil .1s cubic-bezier(.38,.1,.36,.9) forwards}
/*# sourceMappingURL=main.25526c52.css.map*/