/* allow vendor prefixes and disable max length */
/* allow vendor prefixes and disable max length */
.gd-input-syntax-highlighting-input .cm-editor {
  box-sizing: border-box;
  height: 100px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
  line-height: normal;
  vertical-align: middle;
  color: var(--gd-palette-complementary-7-from-theme, #687581);
  background: var(--gd-palette-complementary-0, #fff);
  font-size: 14px;
  font-family: monospace;
  font-weight: 200;
  transition: all 0.25s ease-in-out, padding 0s;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
}
.gd-input-syntax-highlighting-input .cm-editor::-webkit-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
  opacity: 0.75;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-syntax-highlighting-input .cm-editor:-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
  opacity: 0.75;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-syntax-highlighting-input .cm-editor::-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
  opacity: 0.75;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-syntax-highlighting-input .cm-editor:-ms-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
  opacity: 0.75;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-syntax-highlighting-input .cm-editor:hover {
  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
}
.gd-input-syntax-highlighting-input .cm-editor:hover::-webkit-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-syntax-highlighting-input .cm-editor:hover:-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-syntax-highlighting-input .cm-editor:hover::-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-syntax-highlighting-input .cm-editor:hover:-ms-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-syntax-highlighting-input .cm-editor.cm-focused {
  border-color: var(--gd-palette-primary-base, #14b2e2);
  outline: none;
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
}
.gd-input-syntax-highlighting-input .cm-editor .cm-matchingBracket {
  font-weight: bold;
  color: var(--gd-palette-complementary-9, #000);
  background-color: var(--gd-palette-warning-dimmed, #fce7cc);
}
.gd-input-syntax-highlighting-input .cm-editor .cm-nonmatchingBracket {
  color: var(--gd-palette-error-base, #e54d42);
}
.gd-input-syntax-highlighting-input .cm-editor .cm-content {
  caret-color: transparent;
}
.gd-input-syntax-highlighting-input .cm-editor .cm-cursor,
.gd-input-syntax-highlighting-input .cm-editor .cm-dropCursor {
  border-left-color: var(--gd-palette-complementary-7-from-theme, #687581);
}
.gd-input-syntax-highlighting-input .cm-editor .cm-selectionBackground, .gd-input-syntax-highlighting-input .cm-editor.cm-focused .cm-selectionBackground {
  background: var(--gd-palette-primary-dimmed, #e8f7fc);
}
.gd-input-syntax-highlighting-input .cm-editor .cm-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
  opacity: 0.75;
}

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