.cm-header{font-weight:bold}.cm-strong{font-weight:bold}.cm-em{font-style:italic}.CodeMirror-cursor{border-left-color:black !important}.CodeMirror-selected{background:rgba(0,0,0,0.05)}.CodeMirror-focused .CodeMirror-selected{background:rgba(0,0,0,0.1)}.CodeMirror-matchingbracket{border-bottom:1px solid rgba(0,0,0,0.5)}.CodeMirror-matchingtag{border-bottom:1px solid rgba(0,0,0,0.3)}.expander span{text-shadow:none}.expander:hover span,.expander:focus span{color:#444857}.powers{border-bottom:1px solid rgba(0,0,0,0.075)}.editor-title-button svg{fill:#c7c9d3}.editor-title-button:hover svg,.editor-title-button:focus svg{fill:#9b9dad}.cm-searching{background:rgba(0,0,0,0.1);outline:2px solid rgba(0,0,0,0.5)}.console-command-line{color:#5a5f73;background:#f1f1f3;border-bottom:1px solid #c7c9d3;border-top:1px solid #c7c9d3}.console-command-line-input{color:#2c303a}body.room-editor .main-header,body.editor .main-header,body.room-collab .main-header,body.room-professor .main-header,body.room-pres .main-header{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}body.room-editor .main-header,body.room-editor .main-header .header-wrap,body.room-editor .editor-footer,body.editor .main-header,body.editor .main-header .header-wrap,body.editor .editor-footer,body.room-collab .main-header,body.room-collab .main-header .header-wrap,body.room-collab .editor-footer,body.room-professor .main-header,body.room-professor .main-header .header-wrap,body.room-professor .editor-footer,body.room-pres .main-header,body.room-pres .main-header .header-wrap,body.room-pres .editor-footer{background:white;color:black}body.room-editor .main-header .mini-logo path,body.room-editor .main-header .header-wrap .mini-logo path,body.room-editor .editor-footer .mini-logo path,body.editor .main-header .mini-logo path,body.editor .main-header .header-wrap .mini-logo path,body.editor .editor-footer .mini-logo path,body.room-collab .main-header .mini-logo path,body.room-collab .main-header .header-wrap .mini-logo path,body.room-collab .editor-footer .mini-logo path,body.room-professor .main-header .mini-logo path,body.room-professor .main-header .header-wrap .mini-logo path,body.room-professor .editor-footer .mini-logo path,body.room-pres .main-header .mini-logo path,body.room-pres .main-header .header-wrap .mini-logo path,body.room-pres .editor-footer .mini-logo path{fill:black}body.room-editor .main-header .icon-codepen-box,body.editor .main-header .icon-codepen-box,body.room-collab .main-header .icon-codepen-box,body.room-professor .main-header .icon-codepen-box,body.room-pres .main-header .icon-codepen-box{fill:black}body.room-editor .item-title-area .by .item-owner-link,body.room-editor .item-title-area .item-title-link,body.editor .item-title-area .by .item-owner-link,body.editor .item-title-area .item-title-link,body.room-collab .item-title-area .by .item-owner-link,body.room-collab .item-title-area .item-title-link,body.room-professor .item-title-area .by .item-owner-link,body.room-professor .item-title-area .item-title-link,body.room-pres .item-title-area .by .item-owner-link,body.room-pres .item-title-area .item-title-link{color:black}body.room-editor #logo-small svg,body.editor #logo-small svg,body.room-collab #logo-small svg,body.room-professor #logo-small svg,body.room-pres #logo-small svg{fill:black}body.room-editor #item-title a,body.room-editor #item-title>span,body.room-editor #item-title+div a,body.editor #item-title a,body.editor #item-title>span,body.editor #item-title+div a,body.room-collab #item-title a,body.room-collab #item-title>span,body.room-collab #item-title+div a,body.room-professor #item-title a,body.room-professor #item-title>span,body.room-professor #item-title+div a,body.room-pres #item-title a,body.room-pres #item-title>span,body.room-pres #item-title+div a{color:black}body.room-editor .view-switcher,body.editor .view-switcher,body.room-collab .view-switcher,body.room-professor .view-switcher,body.room-pres .view-switcher{background:white;color:black}body.room-editor .view-switcher .link-list a,body.editor .view-switcher .link-list a,body.room-collab .view-switcher .link-list a,body.room-professor .view-switcher .link-list a,body.room-pres .view-switcher .link-list a{color:#5a5f73}body.room-editor .view-switcher .link-list a:hover:not(.active),body.editor .view-switcher .link-list a:hover:not(.active),body.room-collab .view-switcher .link-list a:hover:not(.active),body.room-professor .view-switcher .link-list a:hover:not(.active),body.room-pres .view-switcher .link-list a:hover:not(.active){color:#717790;background:#e3e4e8}body.room-editor .view-switcher .link-list .active,body.editor .view-switcher .link-list .active,body.room-collab .view-switcher .link-list .active,body.room-professor .view-switcher .link-list .active,body.room-pres .view-switcher .link-list .active{background:#c7c9d3}body.room-editor .multi-button-pin .pin-button,body.editor .multi-button-pin .pin-button,body.room-collab .multi-button-pin .pin-button,body.room-professor .multi-button-pin .pin-button,body.room-pres .multi-button-pin .pin-button{padding:10px 4px 10px 14px}body.room-editor .multi-button-pin .pin-dropdown-button,body.editor .multi-button-pin .pin-dropdown-button,body.room-collab .multi-button-pin .pin-dropdown-button,body.room-professor .multi-button-pin .pin-dropdown-button,body.room-pres .multi-button-pin .pin-dropdown-button{padding:10px 10px 10px 5px}body.room-editor .navigation-wrap span,body.room-editor .navigation-wrap time,body.room-editor .editor-footer span,body.room-editor .editor-footer time,body.editor .navigation-wrap span,body.editor .navigation-wrap time,body.editor .editor-footer span,body.editor .editor-footer time,body.room-collab .navigation-wrap span,body.room-collab .navigation-wrap time,body.room-collab .editor-footer span,body.room-collab .editor-footer time,body.room-professor .navigation-wrap span,body.room-professor .navigation-wrap time,body.room-professor .editor-footer span,body.room-professor .editor-footer time,body.room-pres .navigation-wrap span,body.room-pres .navigation-wrap time,body.room-pres .editor-footer span,body.room-pres .editor-footer time{color:#5a5f73}body.room-editor .navigation-wrap .button,body.room-editor .navigation-wrap .footer-button,body.room-editor .editor-footer .button,body.room-editor .editor-footer .footer-button,body.editor .navigation-wrap .button,body.editor .navigation-wrap .footer-button,body.editor .editor-footer .button,body.editor .editor-footer .footer-button,body.room-collab .navigation-wrap .button,body.room-collab .navigation-wrap .footer-button,body.room-collab .editor-footer .button,body.room-collab .editor-footer .footer-button,body.room-professor .navigation-wrap .button,body.room-professor .navigation-wrap .footer-button,body.room-professor .editor-footer .button,body.room-professor .editor-footer .footer-button,body.room-pres .navigation-wrap .button,body.room-pres .navigation-wrap .footer-button,body.room-pres .editor-footer .button,body.room-pres .editor-footer .footer-button{background:white;border-color:#c7c9d3;color:#5a5f73}body.room-editor .navigation-wrap .button svg,body.room-editor .navigation-wrap .footer-button svg,body.room-editor .editor-footer .button svg,body.room-editor .editor-footer .footer-button svg,body.editor .navigation-wrap .button svg,body.editor .navigation-wrap .footer-button svg,body.editor .editor-footer .button svg,body.editor .editor-footer .footer-button svg,body.room-collab .navigation-wrap .button svg,body.room-collab .navigation-wrap .footer-button svg,body.room-collab .editor-footer .button svg,body.room-collab .editor-footer .footer-button svg,body.room-professor .navigation-wrap .button svg,body.room-professor .navigation-wrap .footer-button svg,body.room-professor .editor-footer .button svg,body.room-professor .editor-footer .footer-button svg,body.room-pres .navigation-wrap .button svg,body.room-pres .navigation-wrap .footer-button svg,body.room-pres .editor-footer .button svg,body.room-pres .editor-footer .footer-button svg{fill:#444857}body.room-editor .navigation-wrap .button:hover,body.room-editor .navigation-wrap .button:focus,body.room-editor .navigation-wrap .footer-button:hover,body.room-editor .navigation-wrap .footer-button:focus,body.room-editor .editor-footer .button:hover,body.room-editor .editor-footer .button:focus,body.room-editor .editor-footer .footer-button:hover,body.room-editor .editor-footer .footer-button:focus,body.editor .navigation-wrap .button:hover,body.editor .navigation-wrap .button:focus,body.editor .navigation-wrap .footer-button:hover,body.editor .navigation-wrap .footer-button:focus,body.editor .editor-footer .button:hover,body.editor .editor-footer .button:focus,body.editor .editor-footer .footer-button:hover,body.editor .editor-footer .footer-button:focus,body.room-collab .navigation-wrap .button:hover,body.room-collab .navigation-wrap .button:focus,body.room-collab .navigation-wrap .footer-button:hover,body.room-collab .navigation-wrap .footer-button:focus,body.room-collab .editor-footer .button:hover,body.room-collab .editor-footer .button:focus,body.room-collab .editor-footer .footer-button:hover,body.room-collab .editor-footer .footer-button:focus,body.room-professor .navigation-wrap .button:hover,body.room-professor .navigation-wrap .button:focus,body.room-professor .navigation-wrap .footer-button:hover,body.room-professor .navigation-wrap .footer-button:focus,body.room-professor .editor-footer .button:hover,body.room-professor .editor-footer .button:focus,body.room-professor .editor-footer .footer-button:hover,body.room-professor .editor-footer .footer-button:focus,body.room-pres .navigation-wrap .button:hover,body.room-pres .navigation-wrap .button:focus,body.room-pres .navigation-wrap .footer-button:hover,body.room-pres .navigation-wrap .footer-button:focus,body.room-pres .editor-footer .button:hover,body.room-pres .editor-footer .button:focus,body.room-pres .editor-footer .footer-button:hover,body.room-pres .editor-footer .footer-button:focus{background:#e3e4e8}body.room-editor .editor-footer,body.editor .editor-footer,body.room-collab .editor-footer,body.room-professor .editor-footer,body.room-pres .editor-footer{border-top-color:#c7c9d3}body.room-editor .editor-resizer-console,body.room-editor .editor-resizer,body.editor .editor-resizer-console,body.editor .editor-resizer,body.room-collab .editor-resizer-console,body.room-collab .editor-resizer,body.room-professor .editor-resizer-console,body.room-professor .editor-resizer,body.room-pres .editor-resizer-console,body.room-pres .editor-resizer{background:#c7c9d3}body.room-editor .result,body.editor .result,body.room-collab .result,body.room-professor .result,body.room-pres .result{background:white}body.room-editor .loading-text,body.editor .loading-text,body.room-collab .loading-text,body.room-professor .loading-text,body.room-pres .loading-text{color:#2c303a}body.room-editor.layout-side .resizer,body.editor.layout-side .resizer,body.room-collab.layout-side .resizer,body.room-professor.layout-side .resizer,body.room-pres.layout-side .resizer{background:white;-webkit-box-shadow:-1px 0 1px rgba(0,0,0,0.1),1px 0 1px rgba(0,0,0,0.1);box-shadow:-1px 0 1px rgba(0,0,0,0.1),1px 0 1px rgba(0,0,0,0.1)}body.room-editor.layout-top .resizer,body.room-editor.layout-top .top-boxes .editor-resizer,body.editor.layout-top .resizer,body.editor.layout-top .top-boxes .editor-resizer,body.room-collab.layout-top .resizer,body.room-collab.layout-top .top-boxes .editor-resizer,body.room-professor.layout-top .resizer,body.room-professor.layout-top .top-boxes .editor-resizer,body.room-pres.layout-top .resizer,body.room-pres.layout-top .top-boxes .editor-resizer{background:white;border:0;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.1);box-shadow:0 -1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.1)}.CodeMirror-hints,.emmet-abbreviation-preview{border:1px solid #c7c9d3;background:white}.CodeMirror-hint{color:black}li.CodeMirror-hint-active{background:#0ebeff;color:white}.project-editor-warning{background:rgba(0,0,0,0.5)}.loading-error-message{color:black;opacity:0.8}.editor-pane .button-editor-outline{border:3px solid #c7c9d3;background:white}.editor-pane .button-editor-outline:focus{background:#e3e4e8}.collaborators-indicators>span{background:#5a5f73;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.cm-keyword{color:#219}.cm-atom{color:#219}.box-html .cm-atom{color:#a11}.cm-number{color:#164}.cm-unit{color:#164}.cm-def{color:#708}.cm-variable{color:#219}.cm-variable-2{color:black}.cm-property{color:#219}.cm-operator{color:black}.cm-comment{color:#ccc}.cm-string{color:#a11}.cm-string-2{color:#a11}.cm-meta{color:#219}.cm-header{color:#a11}.cm-tag{color:#219}.box-css .cm-tag{color:#219}.cm-attribute{color:#555}.cm-strong{color:#555}.cm-em{color:#555}.cm-qualifier{color:#219}.cm-builtin{color:#219}body.editor{background:#ffffff}.box.box.box,.editor .top-boxes,.CodeMirror-gutter-wrapper,body.project .editor-pane,body.project .editor{background:#ffffff}.box.box.box pre,.editor .top-boxes pre,.CodeMirror-gutter-wrapper pre,body.project .editor-pane pre,body.project .editor pre{color:#999999}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#cccccc}#output pre::-webkit-scrollbar,#output iframe::-webkit-scrollbar{width:0.5em;height:0.5em}#output pre::-webkit-scrollbar-thumb,#output iframe::-webkit-scrollbar-thumb{background:#cccccc}#output pre::-webkit-scrollbar-track,#output iframe::-webkit-scrollbar-track{background:none}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{background:#cccccc}.box-title{color:#555}.powers .mini-button{background:#999}.powers .mini-button:hover,.powers .mini-button:focus{background:#635c48}