/*Dark Theme*/
.dark-theme {
  /* e.g. var, function */
  /* e.g. #id */
  /* e.g. 20 */
  /* e.g. px, em */
  /* e.g. @include, [this] */
  /* e.g. $, i */
  /* e.g. for key in [this], Markdown li */
  /* e.g. getElementbyId, CSS properties */
  /* e.g. CoffeeScript ->, CSS colons */
  /* e.g. // comments */
  /* e.g. "string" */
  /* e.g. some CSS values */
  /* e.g. @font-face */
  /*  */
  /* e.g. HTML elements */
  /* e.g. class="" id="" */
  /* e.g. .box */ }
  .dark-theme .btn {
    font-size: 14px;
    color: white;
    background-color: gray;
    padding: 2px 10px;
    letter-spacing: 0.02em;
    transition: opacity 0.2s ease-out;
    border-radius: 3px;
    display: inline-block; }
    .dark-theme .btn:hover, .dark-theme .btn:focus {
      opacity: .6;
      color: inherit; }
    .dark-theme .btn, .dark-theme .btn:hover, .dark-theme .btn:active, .dark-theme .btn:focus {
      outline: 0; }
    .dark-theme .btn:disabled {
      opacity: .2;
      cursor: not-allowed; }
    .dark-theme .btn .label {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: inherit; }
    .dark-theme .btn .icon {
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      -webkit-mask-size: contain;
      background: white;
      margin-right: 3px; }
  .dark-theme input,
  .dark-theme textarea,
  .dark-theme tags-input .tags {
    border: 1px solid gray;
    background: black;
    border-radius: 3px;
    padding: 4px;
    font-size: 12px;
    color: white; }
  .dark-theme fieldset {
    border: none;
    border-bottom: 1px solid gray;
    margin-bottom: 2rem; }
  .dark-theme body {
    background: black;
    color: white; }
  .dark-theme header {
    background: black; }
  .dark-theme #header-stoplight {
    padding: 0 12px; }
  .dark-theme sidebar {
    background: black; }
  .dark-theme #filetree li .label .name,
  .dark-theme #filetree li .label .name-renaming {
    color: gray; }
  .dark-theme #filetree li .label:hover,
  .dark-theme #filetree li .label.selected,
  .dark-theme #filetree li .label.file-drop-over {
    background: black; }
    .dark-theme #filetree li .label:hover .name,
    .dark-theme #filetree li .label:hover .name-renaming,
    .dark-theme #filetree li .label.selected .name,
    .dark-theme #filetree li .label.selected .name-renaming,
    .dark-theme #filetree li .label.file-drop-over .name,
    .dark-theme #filetree li .label.file-drop-over .name-renaming {
      color: gray; }
  .dark-theme #filetree li .label:hover {
    background: rgba(0, 0, 0, 0.5); }
  .dark-theme #filetree li .label .icon {
    background: gray; }
  .dark-theme #filetree li .label .expand:before {
    border-left-color: gray; }
  .dark-theme tabs {
    background: black;
    border: none; }
    .dark-theme tabs tab {
      color: gray;
      background: black;
      border: none; }
      .dark-theme tabs tab:hover, .dark-theme tabs tab.active {
        color: gray;
        background: black; }
      .dark-theme tabs tab .close {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
        color: gray;
        border: 1px solid gray; }
        .dark-theme tabs tab .close:before {
          color: gray;
          top: -1px; }
      .dark-theme tabs tab.changed .close {
        border: 1px solid blue; }
        .dark-theme tabs tab.changed .close:before {
          color: blue; }
  .dark-theme widgets {
    padding-left: 8px;
    padding-right: 8px;
    background: black; }
    .dark-theme widgets widgetwrap {
      margin-bottom: 8px; }
      .dark-theme widgets widgetwrap title {
        padding: 4px 16px;
        font-size: 12px;
        color: white;
        background: black; }
      .dark-theme widgets widgetwrap widget {
        background: white;
        padding: 8px; }
  .dark-theme #sidebar-helper {
    background: black; }
  .dark-theme .btn-add {
    margin: 3px 4px; }
  .dark-theme .cm-keyword {
    color: white; }
  .dark-theme .cm-atom {
    color: white; }
  .dark-theme .cm-number {
    color: #d68056; }
  .dark-theme .cm-unit {
    color: #d68056; }
  .dark-theme .cm-def {
    color: #8056d6; }
  .dark-theme .cm-variable {
    color: white; }
  .dark-theme .cm-variable-2 {
    color: #8056d6; }
  .dark-theme .cm-property {
    color: #c156d6; }
  .dark-theme .cm-operator {
    color: gray; }
  .dark-theme .cm-comment {
    color: gray; }
  .dark-theme .cm-string {
    color: #6bd656; }
  .dark-theme .cm-string-2 {
    color: white; }
  .dark-theme .cm-meta {
    color: #c156d6; }
  .dark-theme .cm-header {
    color: #d68056; }
  .dark-theme .cm-tag {
    color: #d6c156; }
  .dark-theme .cm-attribute {
    color: #d6c156; }
  .dark-theme .cm-qualifier {
    color: white; }
  .dark-theme .CodeMirror-linenumber {
    color: gray; }
  .dark-theme .CodeMirror-gutters {
    border-right: 1px solid black !important;
    background: black !important; }
  .dark-theme .CodeMirror {
    background: black !important;
    color: gray !important;
    font-size: 12px !important;
    line-height: 1.5 !important; }

/*# sourceMappingURL=component.css.map */
