.note-frame,
.note-popover {
  background-color: #fff;
  border-radius: 0.25rem;
}

.note-frame {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #4b5563;
}

.note-editor.note-frame,
.note-editor.note-airframe {
  border-color: #d1d5db;
}

.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
  background-color: #fff;
  border-radius: 0;
  border: 0;
}

.note-toolbar,
.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
  background-color: transparent;
  border: 0;
}

.note-popover {
  font-size: 0.765625rem;
}

.note-popover.bottom {
  padding: 0;
}

.note-editor .btn.btn-sm {
  border-color: #d1d5db;
}
.note-editor .btn.btn-sm.active {
  background-color: #dbdcdd;
}
.note-editor .btn-group:not(.open) .dropdown-toggle.btn.btn-sm.active {
  background-color: transparent;
}
.note-editor .btn-group.open .dropdown-toggle.btn.btn-sm.active {
  background-color: #dbdcdd;
}

.note-modal-content {
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
@media (min-width: 576px) {
  .note-modal-content {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px;
  }
}

.note-dropdown-menu {
  padding: 0.5rem 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.075);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px;
}

a.note-dropdown-item {
  margin: 0 !important;
}

.note-btn-group {
  margin-right: 0.25rem;
}

.note-popover .popover-content,
.note-editor .note-toolbar {
  padding: 0 0 0.25rem 0.25rem;
}

.note-popover .popover-content > .note-btn-group,
.note-editor .note-toolbar > .note-btn-group {
  margin-top: 0.25rem;
  margin-right: 0.25rem;
}

.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-codable {
  padding: 0.5rem 0.75rem;
}

.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar {
  height: 0.5625rem;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
  width: 1.25rem;
}

.note-popover .popover-content .note-color-palette div .note-color-btn,
.note-editor .note-toolbar .note-color-palette div .note-color-btn {
  width: 1.25rem;
  height: 1.25rem;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
  height: 1.25rem;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
  font-size: 0.6875rem;
  margin: 0.25rem 0;
  padding: 0 0.25rem;
  border-radius: 0.2rem;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  width: 10rem;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
  margin: 0 0.25rem;
}

.note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  min-width: 20.875rem;
}

.note-popover .popover-content .note-para .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu {
  min-width: 13.5rem;
  padding: 0.25rem;
}

.note-popover .popover-content .note-para .note-dropdown-menu > div + div,
.note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
  margin-left: 0;
}

.note-input {
  border: 1px solid #d1d5db;
  background: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0.2rem;
}

.note-editor.note-frame {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .note-editor.note-frame {
    transition: none;
  }
}
.note-editor.note-frame.focus {
  border-color: #6366f1;
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(99, 102, 241, 0.25);
}

.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
  padding: 0.5rem 0.75rem;
}

.was-validated textarea:invalid + .note-editor,
textarea.is-invalid + .note-editor {
  border-color: #ef4444;
}
.was-validated textarea:invalid + .note-editor.focus,
textarea.is-invalid + .note-editor.focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25);
}

.note-tooltip-content {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/*# sourceMappingURL=summernote-lite.css.map */