/* Style */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}  body{background-color:#1f2227;font-family:Arial,sans-serif;font-size:12px;line-height:normal;min-width:300px;word-wrap:break-word; }  ul{list-style:none;}a{text-decoration:none;color:#c1c1c1;}a:hover{color:#fff;}  .nav{background-color:#1a1d21;box-shadow:0 0 5px rgba(26,29,33,0);height:54px;position:relative;width:100%;z-index:9;}.nav:before,.nav:after{content:'';display:table;}  .site-name{font-family:'Sofia Pro';font-weight:400;font-size:18px;float:left;line-height:54px;padding:0 1.6em;text-decoration:none; }  .site-name a span{color:#BF0000;}.button-wrap{float:left;margin:13px 0;}.button-run{color:#fff;font-size:14px;cursor:pointer;display:block;padding:6px 10px;}.button-run:hover{color:#c1c1c1;}.nav-menubar {position:absolute;right:20px;top:0;padding:20px 0;}.nav-menubar li{display:inline-block;font-size:13px;margin-left:5px;}.wrapper{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:54px;box-sizing:border-box;}.editor{position:absolute;width:40%;top:0;left:0;bottom:0;border-right:1px solid #2c2f34;z-index:5;}  .code-column{width:100%;height:50%;background:#1f2227;overflow:hidden;clear:both;border-bottom:1px solid #2c2f34;position:relative;}.output{position:absolute;left:40%;bottom:0;top:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.output iframe{background:#1f2227;min-height:300px;width:100%;height:100%;box-sizing:border-box; }form{height:100%;}  textarea{font:13px/1.5 Monaco,MonoSpace;width:100%;height:100%;padding:20px;font-size:12px;line-height:1.4em;resize:none;border-width:0;box-sizing:border-box;outline-width:0;margin:0;background-color:#1f2227;color:#cfd0d1;}.grid-name{position:absolute;top:10px;right:10px;color:#939393;pointer-events:none;}  
@media (min-width: 661px) and (max-width: 1024px){.editor{width:100%;bottom:60%;border-right:none;}.editor form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.code-column{width:50%;height:100%;}.code-column:first-child{border-right:1px solid #2c2f34;}.output{left:0;top:40%;}}@media (max-width: 660px){.editor{position:relative;width:100%;}.code-column{height:auto;}textarea{min-height:200px;}.output{position:relative;left:0;height:100%;}.nav-menubar{display:none;}}
/* Code Mirror */
.CodeMirror{font:13px/1.5 Monaco,MonoSpace;color:#f8f8f8;direction:ltr;height:100%}.CodeMirror-lines{padding:20px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{white-space:nowrap}.CodeMirror-linenumber{padding:0 8px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,0.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{0%{}50%{background-color:transparent;}100%{}}@-webkit-keyframes blink{0%{}50%{background-color:transparent;}100%{}}@keyframes blink{0%{}50%{background-color:transparent;}100%{}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.CodeMirror{position:relative;overflow:hidden}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-vscrollbar::-webkit-scrollbar,.CodeMirror-hscrollbar::-webkit-scrollbar{width:6px;height:6px;-webkit-appearance:none;background:rgba(255, 255, 255, 0.1);border-radius:3px;}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb,.CodeMirror-hscrollbar::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.3);border-radius:3px;}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:inherit;color:#cfd0d1;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line > span::selection,.CodeMirror-line > span > span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line > span::-moz-selection,.CodeMirror-line > span > span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden;}}.cm-tab-wrap-hack:after{content:'';}span.CodeMirror-selectedtext{background:none;}
.cm-s-night div.CodeMirror-selected{background:hsla(0,0%,100%,.15)}.cm-s-night .CodeMirror-line::selection,.cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection{background:hsla(0,0%,100%,.15)}.cm-s-night .CodeMirror-line::-moz-selection,.cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection{background:hsla(0,0%,100%,.15)}.cm-s-night .CodeMirror-guttermarker{color:white;}.cm-s-night .CodeMirror-guttermarker-subtle{color:#bbb;}.cm-s-night .CodeMirror-linenumber{color: #4b4d51;}.cm-s-night .CodeMirror-cursor{border-left:1px solid white;}.cm-s-night span.cm-comment{color:#4e6a87}.cm-s-night span.cm-atom{color:#7561ff}.cm-s-night span.cm-number,.cm-s-night span.cm-attribute{color:#f8b068}.cm-s-night span.cm-keyword{color:#b896ed}.cm-s-night span.cm-string{color:#f5eea2}.cm-s-night span.cm-meta{color:#4e6a87}.cm-s-night span.cm-variable-2,.cm-s-night span.cm-tag{color:#ff4f68}.cm-s-night span.cm-variable-3,.cm-s-night span.cm-def,.cm-s-night span.cm-type{color:#f8b068}.cm-s-night span.cm-bracket{color:#cfd0d1}.cm-s-night span.cm-builtin,.cm-s-night span.cm-special{color:#f8b068}.cm-s-night span.cm-link{color:#2795ee;text-decoration:underline}.cm-s-night span.cm-error{background:#ed5c65;color:#fff;border-radius:2px}.cm-s-night .CodeMirror-activeline-background{background:hsla(0,0%,100%,.027)}.cm-s-night .CodeMirror-matchingbracket{color:inherit;border-bottom:2px solid #f7ed7e}.cm-s-night .cm-header{color:blue;}.cm-s-night .cm-quote{color:#36ac3b}.cm-negative{color:#ff4d4d}.cm-positive{color:#36ac3b}.cm-header,.cm-strong{font-weight:bold;}.cm-em{font-style:italic;}.cm-link{text-decoration:underline;}.cm-strikethrough{text-decoration:line-through;}.cm-s-night .cm-keyword{color:#b896ed}.cm-s-night .cm-atom{color:#7561ff}.cm-s-night .cm-number{color:#ed6e55}.cm-s-night .cm-def{color:#f8b068}.cm-s-night .cm-property,.cm-s-night .cm-punctuation{color:#6ce890}.cm-s-night .cm-operator{color:#ef70c1}.cm-s-night .cm-variable-2{color:#2795ee}.cm-s-night .cm-variable-3,.cm-s-night .cm-type{color:#249d7f}.cm-s-night .cm-comment{color:#4e6a87}.cm-s-night .cm-string{color:#f5eea2}.cm-s-night .cm-string-2{color:#ed5c65}.cm-s-night .cm-meta{color:#4e6a87}.cm-s-night .cm-qualifier{color:#f8b068}.cm-s-night .cm-builtin{color:#f8b068}.cm-s-night .cm-bracket{color:#cfd0d1}.cm-s-night .cm-tag{color:#ff4f68}.cm-s-night .cm-attribute{color:#f8b068}.cm-s-night .cm-hr{color:#999;}.cm-s-night .cm-link{color:#2795ee}.cm-s-night .cm-error{color:#fff;}.cm-invalidchar{color:#fff;}.CodeMirror-composing {border-bottom:2px solid;}div.CodeMirror span.CodeMirror-matchingbracket{color:inherit;border-bottom:2px solid #f7ed7e}div.CodeMirror span.CodeMirror-nonmatchingbracket{background:#ed5c65;color:#fff;border-radius:2px}.CodeMirror-matchingtag{border-bottom:2px solid #f7ed7e}.CodeMirror-activeline-background{background:hsla(0,0%,100%,.027)}