.btn{font-family:system-ui;font-weight:700;border:none;outline:none;cursor:pointer;display:inline-block;padding:10px;background-color:#117c80;color:#fff}.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}.w3-dropdown-hover:hover .w3-dropdown-content{display:block}.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}.w3-dropdown-hover:hover>.w3-button:first-child,.w3-dropdown-click:hover>.w3-button:first-child{background-color:#ccc;color:#000}.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}bubbleslearn{color:blue;font-size:30pt}.CodeMirror{font-family:Consolas,monospace;font-size:15px;height:300px;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 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-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{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#0000cd}.cm-s-default .cm-atom{color:#0000cd}.cm-s-default .cm-number{color:#0000cd}.cm-s-default .cm-m-javascript.cm-number{color:red}.cm-s-default .cm-m-sql.cm-number{color:red}.cm-s-default .cm-def{color:#000}.cm-s-default .cm-variable{color:#000}.cm-s-default .cm-m-css.cm-variable{color:#0000cd}.cm-s-default .cm-property{color:red}.cm-s-default .cm-m-javascript.cm-property{color:#000}.cm-s-default .cm-variable-2{color:#000}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:green}.cm-s-default .cm-string{color:#0000cd}.cm-s-default .cm-m-javascript.cm-string{color:brown}.cm-s-default .cm-m-sql.cm-string{color:brown}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:brown}.cm-s-default .cm-builtin{color:brown}.cm-s-default .cm-tag{color:brown}.cm-s-default .cm-bracket{color:#0000cd}.cm-s-default .cm-attribute{color:red}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}body.darktheme .cm-s-default .cm-keyword{color:#88c999}body.darktheme .cm-s-default .cm-m-javascript.cm-keyword{color:#c5a5c5}body.darktheme .cm-s-default .cm-atom{color:#88c999}body.darktheme .cm-s-default .cm-number{color:#88c999}body.darktheme .cm-s-default .cm-m-javascript.cm-number{color:#80b6ff}body.darktheme .cm-s-default .cm-m-sql.cm-number{color:#88c999}body.darktheme .cm-s-default .cm-def{color:#fff}body.darktheme .cm-s-default .cm-variable{color:#88c999}body.darktheme .cm-s-default .cm-m-javascript.cm-variable{color:#fff}body.darktheme .cm-s-default .cm-m-python.cm-variable{color:#fff}body.darktheme .cm-s-default .cm-m-css.cm-variable{color:#88c999}body.darktheme .cm-s-default .cm-property{color:#c5a5c5}body.darktheme .cm-s-default .cm-m-javascript.cm-property{color:#fff}body.darktheme .cm-s-default .cm-variable-2{color:#fff}body.darktheme .cm-s-default .cm-variable-3{color:#085}body.darktheme .cm-s-default .cm-comment{color:#999}body.darktheme .cm-s-default .cm-string{color:#88c999}body.darktheme .cm-s-default .cm-m-javascript.cm-string{color:#88c999}body.darktheme .cm-s-default .cm-m-sql.cm-string{color:#f99}body.darktheme .cm-s-default .cm-string-2{color:#f50}body.darktheme .cm-s-default .cm-meta{color:#999}body.darktheme .cm-s-default .cm-qualifier{color:#f99}body.darktheme .cm-s-default .cm-builtin{color:#f99}body.darktheme .cm-s-default .cm-tag{color:#f99}body.darktheme .cm-s-default .cm-bracket{color:#8cb}body.darktheme .cm-s-default .cm-attribute{color:#c5a5c5}body.darktheme .cm-s-default .cm-hr{color:#999}body.darktheme .cm-s-default .cm-link{color:#00c}body.darktheme .CodeMirror-cursor{border-left:1px solid #fff}.cm-m-clike.cm-string{color:brown}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}body.darktheme .CodeMirror{background-color:#282c34;color:#fff}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:3;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-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:0 0 !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{-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.CodeMirror-wrap pre{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;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-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}body.darktheme .CodeMirror-selected{background:#777}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}body.darktheme .CodeMirror-focused .CodeMirror-selected{background:#0063e6}.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:#ffa;background:rgba(255,255,0,.4)}@media only screen and (max-device-width:480px){.CodeMirror{font-family:'Source Code Pro',Menlo,Consolas,monospace;font-size:14px}}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{color:#000;margin:0;font-size:100%}.trytopnav{overflow:hidden;min-width:380px;position:absolute;width:100%;top:99px;background-color:#f1f1f1}.trytopnav a{color:#999}.w3-bar .w3-bar-item:hover{color:#757575 !important}a.w3schoolslink{padding:0 !important;display:inline !important}a.w3schoolslink:hover,a.w3schoolslink:active{text-decoration:underline !important;background-color:transparent !important}#dragbar{position:absolute;cursor:col-resize;z-index:3;padding:5px}#shield{display:none;top:0;left:0;width:100%;position:absolute;height:100%;z-index:4}#framesize span{font-family:Consolas,monospace}#container{background-color:#f1f1f1;width:100%;overflow:auto;position:absolute;top:138px;bottom:0;height:auto}#textareacontainer,#iframecontainer{float:left;height:100%;width:50%}#textarea,#iframe{height:100%;width:100%;padding-bottom:10px;padding-top:1px}#textarea{padding-left:10px;padding-right:5px}#iframe{padding-left:5px;padding-right:10px}#textareawrapper{width:100%;height:100%;background-color:#fff;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}#iframewrapper{width:100%;height:100%;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}#textareaCode{background-color:#fff;font-family:consolas,"courier new",monospace;font-size:15px;height:100%;width:100%;padding:8px;resize:none;border:none;line-height:normal}.CodeMirror.cm-s-default{line-height:normal;padding:4px;height:100%;width:100%}#iframeResult,#iframeSource{background-color:#fff;height:100%;width:100%}#stackV{background-color:#999}#stackV:hover{background-color:#bbb !important}#stackV.horizontal{background-color:transparent}#stackV.horizontal:hover{background-color:#bbb !important}#stackH.horizontal{background-color:#999}#stackH.horizontal:hover{background-color:#999 !important}#textareacontainer.horizontal,#iframecontainer.horizontal{height:50%;float:none;width:100%}#textarea.horizontal{height:100%;padding-left:10px;padding-right:10px}#iframe.horizontal{height:100%;padding-right:10px;padding-bottom:10px;padding-left:10px}#container.horizontal{min-height:200px;margin-left:0}#tryitLeaderboard{overflow:hidden;text-align:center;margin-top:5px;height:90px}.w3-dropdown-content{width:350px}@media screen and (max-width:800px){#tryitLeaderboard{display:none}}@media screen and (max-width:727px){.trytopnav{top:70px}#container{top:108px}}@media screen and (max-width:467px){.trytopnav{top:60px}#container{top:98px}.w3-dropdown-content{width:100%}.btn-home{display:none}}@media only screen and (max-device-width:768px){#iframewrapper{overflow:auto}#container{min-width:320px}.stack{display:none}#tryhome{display:block}}@font-face{font-family:'fontawesome';src:url(//www.bubbleslearn.ir/wp-content/themes/bubbleslearn/assets/css/code-editor-front-end/../lib/fonts/fontawesome.eot?14663396);src:url(//www.bubbleslearn.ir/wp-content/themes/bubbleslearn/assets/css/code-editor-front-end/../lib/fonts/fontawesome.eot?14663396#iefix) format('embedded-opentype'),url(//www.bubbleslearn.ir/wp-content/themes/bubbleslearn/assets/css/code-editor-front-end/../lib/fonts/fontawesome.woff?14663396) format('woff'),url(//www.bubbleslearn.ir/wp-content/themes/bubbleslearn/assets/css/code-editor-front-end/../lib/fonts/fontawesome.ttf?14663396) format('truetype'),url(//www.bubbleslearn.ir/wp-content/themes/bubbleslearn/assets/css/code-editor-front-end/../lib/fonts/fontawesome.svg?14663396#fontawesome) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.fa-2x{font-size:2em}.fa-home:before{content:'\e800'}.fa-save:before{content:'\e804'}.fa-rotate:before{content:'\e813'}.fa-menu:before{content:'\f0c9'}.fa-adjust:before{content:'\e80b'}.loader{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}#saveLoader{margin:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.darktheme{background-color:#282c34}body.darktheme #tryitLeaderboard{background-color:#282c34}body.darktheme .trytopnav{background-color:#616161;color:#ddd}body.darktheme #container{background-color:#616161}body.darktheme .trytopnav a{color:#ddd}body.darktheme ::-webkit-scrollbar{width:12px;height:3px}body.darktheme ::-webkit-scrollbar-track-piece{background-color:#000}body.darktheme ::-webkit-scrollbar-thumb{height:50px;background-color:#616161}body.darktheme ::-webkit-scrollbar-thumb:hover{background-color:#aaa}