.tt-btn {
  border: 1px solid #d1d5db;
  padding: 4px 8px;
  border-radius: 6px;
  background: white;
  cursor: pointer;
}

.tt-btn.is-active {
  background: #e5e7eb;
  border-color: #9ca3af;
  font-weight: 600;
}

.ProseMirror {
  outline: none;
  width: 100%;
  min-height: 220px;
  font-family: 'Gothic A1', sans-serif;
}

.ProseMirror h1 {
  font-size: 1.8rem;
}

.ProseMirror h2 {
  font-size: 1.5rem;
}

.ProseMirror h3 {
  font-size: 1.25rem;
}

.ProseMirror h4 {
  font-size: 1.125rem;
}

.ProseMirror p {
  font-size: 1rem;
}

/* ol[type="a"] {
  list-style-type: lower-alpha;
}
ol[type="a"] li::marker {
  content: counter(list-item, lower-alpha) ") ";
} */

.is-empty {
  @apply hidden;
}

/* .list-roman { list-style-type: upper-roman; }
.list-alpha-lower-parens { list-style-type: lower-alpha; counter-reset: list; }
.list-alpha-lower-parens li::marker { content: counter(list) ") "; counter-increment: list; }
.list-alpha-upper-dot { list-style-type: upper-alpha; } */

#content-editor ul,
#content-editor ol,
.general-list ul,
.general-list ol {
  padding: 0 1rem;
  margin: 1.25rem 1rem 1.25rem .4rem;
}

#content-editor ul,
.general-list ul {
  @apply list-disc;
}

#content-editor ol,
.general-list ol {
  @apply list-decimal;
}