@import "~bulma";

html { font-family: 'Inter', sans-serif; }
body { font-family: 'Inter', sans-serif; }
input.input-line { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
    body { font-family: 'Inter var', sans-serif; }
    input.input-line { font-family: 'Inter var', sans-serif; }
}

#editor {
}

#save-indicator {
  position: fixed;
  top: 0;
  left: 0;
  background: lightskyblue;
  font-weight: bold;
  color: white;
  padding: 3px;
  z-index: 50;
}

.hidden {
  display: none;
}

.list-item {
    border: none !important;
    padding: 2px 0px;
}

input.input-line,
input.input-line:active,
input.input-line:focus {
    width: 100%;
    box-shadow: none;
    border: none;
    height: initial;
}

.codex-editor .icon {
  align-items: initial;
  display: initial;
  justify-content: initial;
  height: initial;
  width: initial;
}

.codex-editor h1.ce-header {
  @extend .title;
  @extend .title.is-1;
}

.codex-editor h2.ce-header {
  @extend .title;
  @extend .is-2;
}

.codex-editor h3.ce-header {
  @extend .title;
  @extend .is-3;
}

.codex-editor h4.ce-header {
  @extend .title;
  @extend .is-4;
}

.codex-editor h5.ce-header {
  @extend .title;
  @extend .is-5;
}

.codex-editor h6.ce-header {
  @extend .title;
  @extend .is-6;
}