bi-code-editor {
  display: flex; }
  bi-code-editor .bce-params-list {
    padding-bottom: 60px; }
    bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bi-form-input {
      margin-top: 3px; }
    bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-handle,
    bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-remove {
      padding: 0; }
      bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-handle:hover,
      bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-remove:hover {
        background: none; }
    bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-handle {
      margin: 19px 1px 0 -5px; }
    bi-code-editor .bce-params-list .bce-params-list-inner.bi-form--vertical .bi-form-row .bce-param-remove {
      margin: 20px 1px 0 4px; }
  bi-code-editor .bce-params {
    position: relative;
    min-width: 300px;
    max-width: 300px; }
    bi-code-editor .bce-params .bce-params-inner {
      margin-right: 15px; }
    bi-code-editor .bce-params .bce-auto-param-list .bi-dropdown-menu {
      box-shadow: none; }
    bi-code-editor .bce-params.bce-params--closed {
      min-width: 0; }
  bi-code-editor.bce-narrow .bce-container {
    flex-direction: column;
    display: flex; }
    bi-code-editor.bce-narrow .bce-container > *:not(:first-child) {
      margin-top: 10px; }
    bi-code-editor.bce-narrow .bce-container .bce-params {
      padding-bottom: 10px;
      border-right: 0;
      border-bottom: 1px solid #d7d8da; }
      bi-code-editor.bce-narrow .bce-container .bce-params .bce-params-inner {
        flex-direction: column;
        display: flex;
        max-height: 300px;
        padding-left: 0; }
        bi-code-editor.bce-narrow .bce-container .bce-params .bce-params-inner > *:not(:first-child) {
          margin-top: 10px; }
  bi-code-editor .bce-container .bce-editor-wrapper {
    transition: border-color, .3s;
    border-left: 3px solid #ebebec; }
    bi-code-editor .bce-container .bce-editor-wrapper.bce-valid {
      border-color: #a8d278; }
    bi-code-editor .bce-container .bce-editor-wrapper.bce-invalid {
      border-color: #f77970; }
  bi-code-editor .bce-container .bce-editor-container {
    height: 400px; }
    bi-code-editor .bce-container .bce-editor-container.bce-readonly {
      background-color: #FAFAFA; }
      bi-code-editor .bce-container .bce-editor-container.bce-readonly .ace_cursor {
        display: none; }
    bi-code-editor .bce-container .bce-editor-container .ace_gutter {
      background-color: transparent !important; }
      bi-code-editor .bce-container .bce-editor-container .ace_gutter .ace_gutter-layer {
        width: auto;
        min-width: 26px; }
      bi-code-editor .bce-container .bce-editor-container .ace_gutter .ace_gutter-cell {
        padding: 0 13px 0 5px;
        color: #747780; }
      bi-code-editor .bce-container .bce-editor-container .ace_gutter .ace_gutter-active-line {
        background-color: transparent !important; }
    bi-code-editor .bce-container .bce-editor-container .ace_marker-layer .ace_active-line {
      background-color: #F5F5F5 !important; }