@use "../../ui/vars" as *;

:host {
  display: block;
  font-size: 0.875rem;
}

.editor {
  height: 100%;

  &.minimal {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .cm-content {
      align-self: center;
      min-height: auto;
    }

    .cm-focused {
      outline: none;
    }

    .cm-line {
      padding: 0 12px;
    }
  }

  .cm-editor {
    height: 100%;
    width: 100%;

    * {
      // codemirror uses `font-family: monospace;` in multiple places
      // which causes weird fonts to be used in various locales
      font-family: var(--font-code) !important;
    }
  }
}