.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)}.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}.CodeMirror-hints,.emmet-abbreviation-preview{border:1px solid #c7c9d3;background:white}.CodeMirror-hint{color:black}li.CodeMirror-hint-active{background:#0ebeff;color:white}.main-header .header-wrap{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}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 [data-component='Logo'] svg,body.editor [data-component='Logo'] svg,body.room-collab [data-component='Logo'] svg,body.room-professor [data-component='Logo'] svg,body.room-pres [data-component='Logo'] svg{fill:#2c303a}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 .editor-actions,body.editor .editor-actions,body.room-collab .editor-actions,body.room-professor .editor-actions,body.room-pres .editor-actions{background:white}@media (max-width: 767px),(max-height: 440px){body.room-editor .editor-actions,body.editor .editor-actions,body.room-collab .editor-actions,body.room-professor .editor-actions,body.room-pres .editor-actions{-webkit-box-shadow:0 2rem 4rem #aaaebc;box-shadow:0 2rem 4rem #aaaebc}}body.room-editor .editor-header,body.room-editor .editor-footer,body.editor .editor-header,body.editor .editor-footer,body.room-collab .editor-header,body.room-collab .editor-footer,body.room-professor .editor-header,body.room-professor .editor-footer,body.room-pres .editor-header,body.room-pres .editor-footer{--button-bg: var(--gray-light-6);--button-color: var(--gray-dark-4);--button-hover-bg: var(--gray-light-5);--button-hover-color: var(--gray-dark-5)}body.room-editor .editor-header .button,body.room-editor .editor-footer .button,body.editor .editor-header .button,body.editor .editor-footer .button,body.room-collab .editor-header .button,body.room-collab .editor-footer .button,body.room-professor .editor-header .button,body.room-professor .editor-footer .button,body.room-pres .editor-header .button,body.room-pres .editor-footer .button{background:var(--button-bg);color:var(--button-color)}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;border-color:#c7c9d3}body.room-editor .view-switcher .view-switcher-layout,body.editor .view-switcher .view-switcher-layout,body.room-collab .view-switcher .view-switcher-layout,body.room-professor .view-switcher .view-switcher-layout,body.room-pres .view-switcher .view-switcher-layout{--button-active: var(--gray-dark-1);--button-hover-bg: var(--gray-light-3);--button-hover-icon: var(--gray-dark-3)}body.room-editor .view-switcher .editor-link,body.editor .view-switcher .editor-link,body.room-collab .view-switcher .editor-link,body.room-professor .view-switcher .editor-link,body.room-pres .view-switcher .editor-link{color:#5a5f73}body.room-editor .view-switcher .editor-link:hover:not(.active),body.editor .view-switcher .editor-link:hover:not(.active),body.room-collab .view-switcher .editor-link:hover:not(.active),body.room-professor .view-switcher .editor-link:hover:not(.active),body.room-pres .view-switcher .editor-link:hover:not(.active){color:#444857;background:#e3e4e8}body.room-editor .view-switcher .editor-link.active,body.editor .view-switcher .editor-link.active,body.room-collab .view-switcher .editor-link.active,body.room-professor .view-switcher .editor-link.active,body.room-pres .view-switcher .editor-link.active{background:#d5d7de}body.room-editor .navigation-wrap .student-count,body.room-editor .navigation-wrap span,body.room-editor .navigation-wrap time,body.room-editor .editor-footer .student-count,body.room-editor .editor-footer span,body.room-editor .editor-footer time,body.editor .navigation-wrap .student-count,body.editor .navigation-wrap span,body.editor .navigation-wrap time,body.editor .editor-footer .student-count,body.editor .editor-footer span,body.editor .editor-footer time,body.room-collab .navigation-wrap .student-count,body.room-collab .navigation-wrap span,body.room-collab .navigation-wrap time,body.room-collab .editor-footer .student-count,body.room-collab .editor-footer span,body.room-collab .editor-footer time,body.room-professor .navigation-wrap .student-count,body.room-professor .navigation-wrap span,body.room-professor .navigation-wrap time,body.room-professor .editor-footer .student-count,body.room-professor .editor-footer span,body.room-professor .editor-footer time,body.room-pres .navigation-wrap .student-count,body.room-pres .navigation-wrap span,body.room-pres .navigation-wrap time,body.room-pres .editor-footer .student-count,body.room-pres .editor-footer span,body.room-pres .editor-footer time{color:#5a5f73}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 .drawer-comments,body.editor .drawer-comments,body.room-collab .drawer-comments,body.room-professor .drawer-comments,body.room-pres .drawer-comments{background:white;color:black}body.room-editor .drawer-comments .comment-list li:nth-child(odd),body.editor .drawer-comments .comment-list li:nth-child(odd),body.room-collab .drawer-comments .comment-list li:nth-child(odd),body.room-professor .drawer-comments .comment-list li:nth-child(odd),body.room-pres .drawer-comments .comment-list li:nth-child(odd){background:rgba(0,0,0,0.1)}body.room-editor .drawer-comments .comment-username,body.editor .drawer-comments .comment-username,body.room-collab .drawer-comments .comment-username,body.room-professor .drawer-comments .comment-username,body.room-pres .drawer-comments .comment-username{color:#0ebeff}body.room-editor .drawer-comments .comment-username:hover,body.room-editor .drawer-comments .comment-username:focus,body.editor .drawer-comments .comment-username:hover,body.editor .drawer-comments .comment-username:focus,body.room-collab .drawer-comments .comment-username:hover,body.room-collab .drawer-comments .comment-username:focus,body.room-professor .drawer-comments .comment-username:hover,body.room-professor .drawer-comments .comment-username:focus,body.room-pres .drawer-comments .comment-username:hover,body.room-pres .drawer-comments .comment-username:focus{color:#3d88c3}body.room-editor .drawer-comments-tab,body.editor .drawer-comments-tab,body.room-collab .drawer-comments-tab,body.room-professor .drawer-comments-tab,body.room-pres .drawer-comments-tab{background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e3e4e8));background:linear-gradient(to bottom, white, #e3e4e8);-webkit-box-shadow:-5px 0 10px -10px rgba(68,72,87,0.3),5px 0 10px -10px rgba(68,72,87,0.3);box-shadow:-5px 0 10px -10px rgba(68,72,87,0.3),5px 0 10px -10px rgba(68,72,87,0.3);color:black;border-color:#ffdd40}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)}.project-editor-warning{background:rgba(0,0,0,0.5)}.loading-error-message{color:black;opacity:0.8}.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}