.code-block{margin-bottom:1.5rem;position:relative}.code-block pre.CodeMirror{background:#f2f2f2;background:linear-gradient(180deg,#f2f2f2 50%,#f9f9f9 0);background-size:56px 56px;border:1px solid #ddd;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f9f9f9",GradientType=0);line-height:28px;margin:0 0 10px;padding:0 10px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-family:monospace;font-size:16px}.code-block .CodeMirror-fullscreen{bottom:0;height:auto;left:0;margin-bottom:0;padding-bottom:30px;position:fixed;right:0;top:0;z-index:5000}.code-block iframe.output-block-frame{background-color:#fff;box-shadow:0 0 10px 0 #444;display:none;margin:1em 0;transition:all .3s ease-in;width:100%}.code-block iframe.show{display:block}textarea.CodeMirror-ClipBoard{border:0;bottom:0;height:1px;opacity:0;padding:0;position:absolute;right:0;width:1px}.CodeMirror-notice{background:#000;border-radius:5px;bottom:-40px;color:#fff;font-size:12px;left:15px;padding:10px;position:fixed;transition:all .5s;z-index:5001}.CodeMirror svg.loader{background:rgba(30,30,30,.7);border-radius:3px;left:42%;max-width:64px;position:absolute;top:42%;fill:none;stroke:#222;stroke-linecap:round;stroke-width:8%}.CodeMirror use{stroke:#fff;animation:a 2s linear infinite}@keyframes a{to{stroke-dashoffset:0px}}.CodeMirror.has-panel{border-top-left-radius:0!important;border-top-right-radius:0!important}.CodeMirror-panel .max-height{margin-right:.5rem}.CodeMirror-panel .info-panel{display:flex;height:32px;justify-content:space-between;transition:all .4s ease-in}.CodeMirror-panel .info-panel .language{background:#4c607f;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:4px 32px;transition:"background" .4s ease-out}.CodeMirror-panel .info-panel .language.apl{background:#d2d2d2;color:#000}.CodeMirror-panel .info-panel .language.asp{background:#0088b6}.CodeMirror-panel .info-panel .language.aspx{background:#33a9dc}.CodeMirror-panel .info-panel .language.c{background:#005f91}.CodeMirror-panel .info-panel .language.cpp{background:#984c93}.CodeMirror-panel .info-panel .language.cobol{background:#005ca5}.CodeMirror-panel .info-panel .language.coffeescript{background:#6f4e37}.CodeMirror-panel .info-panel .language.clojure{background:#5881d8}.CodeMirror-panel .info-panel .language.css{background:#1572b6}.CodeMirror-panel .info-panel .language.csharp{background:#368832}.CodeMirror-panel .info-panel .language.diff{background:green}.CodeMirror-panel .info-panel .language.django{background:#44b78b}.CodeMirror-panel .info-panel .language.docker{background:#27b9ec}.CodeMirror-panel .info-panel .language.dylan{background-image:linear-gradient(to bottom right,#fd1a60,#f36420)}.CodeMirror-panel .info-panel .language.elm{background:#5fb4cb}.CodeMirror-panel .info-panel .language.erlang{background:#a2003e}.CodeMirror-panel .info-panel .language.fortran{background:#30b9db}.CodeMirror-panel .info-panel .language.fsharp{background:#665948}.CodeMirror-panel .info-panel .language.git{background:#fca326}.CodeMirror-panel .info-panel .language.go{background:#00acd7}.CodeMirror-panel .info-panel .language.groovy{background:#6398aa}.CodeMirror-panel .info-panel .language.haml{background:#ecdfa7;color:#3f3e29}.CodeMirror-panel .info-panel .language.haskell{background:#8f4e8b}.CodeMirror-panel .info-panel .language.html,.CodeMirror-panel .info-panel .language.htmlembedded,.CodeMirror-panel .info-panel .language.htmlmixed{background:#f1662a}.CodeMirror-panel .info-panel .language.http{background:#509e2f}.CodeMirror-panel .info-panel .language.java{background:#5382a1}.CodeMirror-panel .info-panel .language.js,.CodeMirror-panel .info-panel .language.json,.CodeMirror-panel .info-panel .language.jsx{background:#f5de19}.CodeMirror-panel .info-panel .language.jsonld{background:#0ca69c}.CodeMirror-panel .info-panel .language.jsp{background:#e56f14}.CodeMirror-panel .info-panel .language.kotlin{background-image:linear-gradient(to bottom right,#cb55c0,#f28e0e)}.CodeMirror-panel .info-panel .language.less{background:#193255}.CodeMirror-panel .info-panel .language.lisp{background:#c40804}.CodeMirror-panel .info-panel .language.livescript{background:#317eac}.CodeMirror-panel .info-panel .language.lua{background:navy}.CodeMirror-panel .info-panel .language.markdown{background:#755838}.CodeMirror-panel .info-panel .language.mariadb{background:#c49a6c;color:#002b64}.CodeMirror-panel .info-panel .language.mssql,.CodeMirror-panel .info-panel .language.mysql{background:#5d87a1}.CodeMirror-panel .info-panel .language.nginx{background:#019639}.CodeMirror-panel .info-panel .language.objectivec{background:#c2c2c2}.CodeMirror-panel .info-panel .language.perl{background:#3a3c5b}.CodeMirror-panel .info-panel .language.php{background:#6280b6}.CodeMirror-panel .info-panel .language.plsql{background:red}.CodeMirror-panel .info-panel .language.powershell{background:#5290fd}.CodeMirror-panel .info-panel .language.protobuf{background:#ff5c77}.CodeMirror-panel .info-panel .language.pug{background:#efcca3;color:#442823}.CodeMirror-panel .info-panel .language.puppet{background:#ffae1a}.CodeMirror-panel .info-panel .language.python{background:#ffdc4e;color:#366e9d}.CodeMirror-panel .info-panel .language.q{background:#1e78b3}.CodeMirror-panel .info-panel .language.r{background:#acadb2;color:#185ead}.CodeMirror-panel .info-panel .language.ruby{background:#e71622}.CodeMirror-panel .info-panel .language.rust{background:#a04f12}.CodeMirror-panel .info-panel .language.scala{background:#fe0000}.CodeMirror-panel .info-panel .language.stylus{background:#ff2952}.CodeMirror-panel .info-panel .language.sass,.CodeMirror-panel .info-panel .language.scss{background:#cd6799}.CodeMirror-panel .info-panel .language.shell{background:#d9b400}.CodeMirror-panel .info-panel .language.sql{background:#ffda44}.CodeMirror-panel .info-panel .language.sqlite{background:#003b57}.CodeMirror-panel .info-panel .language.squirrel{background:#a05a2c}.CodeMirror-panel .info-panel .language.stylus{background:#c2c2c2}.CodeMirror-panel .info-panel .language.swift{background:#fd2822}.CodeMirror-panel .info-panel .language.tcl{background:#c3b15f}.CodeMirror-panel .info-panel .language.text{background:#829ec2}.CodeMirror-panel .info-panel .language.textile{background:#ffe7ac;color:#000}.CodeMirror-panel .info-panel .language.toml{background:#7f7f7f}.CodeMirror-panel .info-panel .language.ttcn{background:#00adee}.CodeMirror-panel .info-panel .language.twig{background:#78dc50}.CodeMirror-panel .info-panel .language.typescript{background:#007acc}.CodeMirror-panel .info-panel .language.vb{background:#00519a}.CodeMirror-panel .info-panel .language.velocity{background:#262692}.CodeMirror-panel .info-panel .language.verilog{background:#1a348f}.CodeMirror-panel .info-panel .language.vhdl{background:#0d9b35}.CodeMirror-panel .info-panel .language.vue{background:#41b883}.CodeMirror-panel .info-panel .language.xml,.CodeMirror-panel .info-panel .language.xquery{background:#f1662a}.CodeMirror-panel .info-panel .language.yaml{background:#fbc02d}.CodeMirror-panel .control-panel{display:flex;padding:5px 3px}.CodeMirror-panel .control-panel>span{cursor:pointer;display:flex;margin:0 5px 0 0;transition:all .3s}.CodeMirror-panel .control-panel>span:hover{color:#fff}.CodeMirror-panel .control-panel .run-code{border:2px solid;border-radius:20px;box-sizing:border-box;display:inline-block;height:20px;position:relative;transform:scale(1);width:20px}.CodeMirror-panel .control-panel .run-code:after,.CodeMirror-panel .control-panel .run-code:before{box-sizing:border-box;content:"";display:block;position:absolute;top:3px}.CodeMirror-panel .control-panel .run-code:after{border-bottom:5px solid transparent;border-left:9px solid;border-top:5px solid transparent;left:5px;width:0}.CodeMirror-panel .control-panel .maximize,.CodeMirror-panel .control-panel .restore{border:2px solid;border-radius:2px;box-sizing:border-box;display:inline-block;height:20px;position:relative;transform:scale(1);width:20px}.CodeMirror-panel .control-panel .maximize:after{height:12px;top:2px;width:12px}.CodeMirror-panel .control-panel .maximize:after,.CodeMirror-panel .control-panel .restore:after{background:currentColor;box-sizing:border-box;content:"";display:inline-block;left:2px;position:absolute}.CodeMirror-panel .control-panel .restore:after{bottom:3px;height:3px;width:9px}.CodeMirror-panel .control-panel .copy{border:2px solid;border-bottom:0;border-radius:2px;border-right:0;box-sizing:border-box;display:inline-block;height:18px;position:relative;transform:scale(1);width:14px}.CodeMirror-panel .control-panel .copy:after{border:2px solid;border-radius:0 0 2px 0;box-sizing:border-box;content:"";display:inline-block;height:17px;left:1px;position:absolute;top:1px;width:13px}.CodeMirror-panel .control-panel .tool{cursor:help;position:relative}.CodeMirror-panel .control-panel .tool:after,.CodeMirror-panel .control-panel .tool:before{left:50%;opacity:0;position:absolute;z-index:-100}.CodeMirror-panel .control-panel .tool:focus:after,.CodeMirror-panel .control-panel .tool:focus:before,.CodeMirror-panel .control-panel .tool:hover:after,.CodeMirror-panel .control-panel .tool:hover:before{opacity:1;transform:scale(1) translateY(0);z-index:100}.CodeMirror-panel .control-panel .tool:before{border-color:transparent transparent #3e474f;border-style:solid;border-width:8px 12px 12px 8px;content:"";left:0;top:100%;transform:scale(.6) translateY(-20%);transition:all .85s cubic-bezier(.84,-.18,.31,1.26),opacity .85s .5s}.CodeMirror-panel .control-panel .tool:after{background:#3e474f;border-radius:5px;color:#edeff0;content:attr(data-tip);font-size:14px;left:-90px;padding:5px;text-align:center;top:180%;transition:all .85s cubic-bezier(.84,-.18,.31,1.26) .2s;width:120px}