:host {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
}

.view-editor-wrapper {
  flex-grow: 1;
  width: 100%;
  min-height: 85%;
}

.edit-editor-wrapper {
  width: 100%;
  height: 100%;
  margin-bottom: 56px;
}

.loading {
  height: 100%;
}

.document-header {
  --tui-padding-s: 0;

  padding-top: 8px;
  padding-bottom: 8px;
}

.document-name.editing {
  border-bottom: 1px solid var(--color-gray-background);
}

.empty-text {
  position: absolute;
  color: var(--color-gray-888);
}

.doc-comments {
  display: block;
  width: 100%;
}