.uisummernote-frame,
.uisummernote-frame .sn-editor,
.uisummernote-frame .note-editor {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  height: 100% !important;
  flex-direction: column;
  overflow: hidden;
}

.uisummernote-frame .note-toolbar {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.uisummernote-frame .note-editing-area {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-direction: column;
}

.uisummernote-frame .note-editable,
.uisummernote-frame .note-codable {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  white-space: pre-wrap;
}

.uisummernote-frame .note-statusbar,
.summernote-noresize .note-statusbar {
  display: none !important;
}

.uisummernote-frame .btn {
  min-width: 32px;
  text-decoration: none;
}

.uisummernote-frame .btn:focus,
.uisummernote-frame .btn:hover,
.uisummernote-frame .btn:active {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.uisummernote-frame .note-editor.fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  z-index: 5000 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff;
}

.uisummernote-frame .note-editor.fullscreen .note-toolbar {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.uisummernote-frame .note-editor.fullscreen .note-editing-area {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.uisummernote-frame .note-editor.fullscreen .note-editable,
.uisummernote-frame .note-editor.fullscreen .note-codable {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1024px), (pointer: coarse) {
  .uisummernote-frame {
    --kb: 0px;
  }

  .uisummernote-frame .note-editable,
  .uisummernote-frame .note-codable {
    padding-bottom: calc(var(--kb) + 16px) !important;
    scroll-padding-bottom: calc(var(--kb) + 5px);
  }

  .uisummernote-frame .note-editor.fullscreen {
    height: calc(100dvh - var(--kb, 0px)) !important;
    bottom: var(--kb, 0px) !important;
  }

  .uisummernote-frame .note-editor.fullscreen .note-editable,
  .uisummernote-frame .note-editor.fullscreen .note-codable {
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
  }
}