.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:#444}.powers{border-bottom:1px solid rgba(0,0,0,0.075)}.editor-title-button svg{fill:#c0c0c0}.editor-title-button:hover svg,.editor-title-button:focus svg{fill:#919191}.cm-searching{background:rgba(0,0,0,0.1);outline:2px solid rgba(0,0,0,0.5)}.console-command-line{color:#555;background:#f6f6f6;border-bottom:1px solid #ccc;border-top:1px solid #ccc}.console-command-line-input{color:#222}body.room-editor .main-header,body.room-pres .main-header{border-bottom-color:white;box-shadow:0 1px 2px rgba(0,0,0,0.1)}body.room-editor .main-header,body.room-editor .editor-footer,body.room-pres .main-header,body.room-pres .editor-footer{background:white;color:black}body.room-editor .pen-title-area .icon-codepen-box,body.room-pres .pen-title-area .icon-codepen-box{fill:black}body.room-editor .pen-title-area .by .pen-owner-link,body.room-pres .pen-title-area .by .pen-owner-link{color:black}body.room-editor .primary-actions .button,body.room-editor .editor-footer .button,body.room-pres .primary-actions .button,body.room-pres .editor-footer .button{background:white;border-color:#ccc;color:#555}body.room-editor .primary-actions .button>svg,body.room-editor .editor-footer .button>svg,body.room-pres .primary-actions .button>svg,body.room-pres .editor-footer .button>svg{fill:#444}body.room-editor .primary-actions .button:hover,body.room-editor .primary-actions .button:focus,body.room-editor .editor-footer .button:hover,body.room-editor .editor-footer .button:focus,body.room-pres .primary-actions .button:hover,body.room-pres .primary-actions .button:focus,body.room-pres .editor-footer .button:hover,body.room-pres .editor-footer .button:focus{background:#eee}body.room-editor .editor-footer,body.room-pres .editor-footer{border-top-color:#ccc}body.room-editor .collections-select,body.room-pres .collections-select{background:url(https://production-assets.codepen.io/assets/buttons/arrow-tiny-down-white-cd748d5e97310942356ea8298bca9b344350441cffed1a653c89551258a76b3a.png) 93% 7px no-repeat,#fff !important}body.room-editor .editor-resizer-console,body.room-editor .editor-resizer,body.room-pres .editor-resizer-console,body.room-pres .editor-resizer{background:#cacaca}body.room-editor .result,body.room-pres .result{background:white}body.room-editor .loading-text,body.room-pres .loading-text{color:#222}body.room-editor.layout-side .resizer,body.room-pres.layout-side .resizer{background:white;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.room-pres.layout-top .resizer,body.room-pres.layout-top .top-boxes .editor-resizer{background:white;border:0;box-shadow:0 -1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.1)}.CodeMirror-hints{border:1px solid silver;background:#fff}.CodeMirror-hint{color:#000}li.CodeMirror-hint-active{background:#08f;color:white}.project-editor-warning{background:rgba(0,0,0,0.5)}.loading-error-message{color:#000;opacity:0.8}.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,.editor .top-boxes,.CodeMirror-gutter-wrapper,body.project .editor-pane,body.project .editor{background:#FFFFFF}.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}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{background:#cccccc}.box-title{color:#555}.powers button{background:#999}.powers button:hover,.powers button:focus{background:#635c48}