body {
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: auto;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.EmojiPickerReact {
  --epr-emoji-size: 24px !important;
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}

::-webkit-scrollbar {
  display: none;
}

/* only for mobile devices */
@media (max-width: 768px) {
  .dragContainer {
    overflow: auto;
  }
}

.overflow-unset {
  overflow: unset;
}

/* Light Mode Keyframes */
@keyframes drop-light {
  0% {
    background-color: #e4effa; /* Initial color in light mode */
  }
  50% {
    background-color: #eff4f9; /* Midway color in light mode */
  }
  100% {
    background-color: white; /* Final color in light mode */
  }
}

/* Dark Mode Keyframes */
@keyframes drop-dark {
  0% {
    background-color: #182738; /* Initial color in dark mode */
  }
  50% {
    background-color: #16202d; /* Midway color in dark mode */
  }

  75% {
    background-color: #161c24; /* Final color in dark mode */
  }

  100% {
    background-color: #161c24; /* Final color in dark mode */
  }
}

/* Animation class for light mode using drop-light keyframes */
.animation-light {
  animation: drop-light 10s cubic-bezier(0.4, 0, 0.2, 1);
  transform: keyframes 10s;
}

/* Animation class for light mode using drop-light keyframes */
.animation-dark {
  animation: drop-dark 10s cubic-bezier(0.4, 0, 0.2, 1);
  transform: keyframes 10s;
}


.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before {
  font-size: 1.2rem !important;
  margin-right: 0 !important;
  line-height: 16px !important;
  vertical-align: text-bottom !important;
  margin-top: 6px !important;
}

[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before {
  /* font-size: 1.3rem !important;
  vertical-align: text-bottom !important;
  margin-right: 0 !important; */
}

.bn-block-content[data-content-type=bulletListItem] {
  display: flex !important;
  gap: 0.8rem !important;
}

/* 1 level of list nesting */
/* [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content::before {
  content: "○" !important;
  font-size: 2rem;
} */

/* [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]::before {
    font-size: 2rem !important;
  content: "○" !important;
} */

.mantine-Button-root[data-test="est.LengthofHighlightedText"]  {
  cursor: default !important;
}

.mantine-Button-root[data-test="est.LengthofHighlightedText"]:hover {
  background-color: transparent !important;
  color: inherit !important;
}


/* No list nesting */
.bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content::before {
  content: "•";
}

.bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]::before {
  content: "•";
}

/* 1 level of list nesting */
[data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content::before {
  content: "◦" !important;
  font-size: 2rem !important;
}


/* 2 levels of list nesting */
/* [data-content-type="bulletListItem"]
  ~ .bn-block-group
  [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content::before {
  content: "▪";
}

[data-content-type="bulletListItem"]
  ~ .bn-block-group
  [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]::before {
  content: "▪";
} */

[data-level="1"] {
  --level:  calc(2rem + 2px) !important;
  line-height: 1 !important;
} 

[data-level="2"] {
  --level:  calc(1.6rem + 2px) !important;
  line-height: 1.3 !important;
} 

[data-level="3"] {
  --level:  calc(1.3rem + 2px) !important;
  line-height: 1.5 !important;
} 

[data-content-type="paragraph"] {
  font-size: 18px;
}


/* .bn-container[data-color-scheme=dark] {
  --bn-colors-editor-text: #cfcfcf;
  --bn-colors-editor-background: transparent !important;
  --bn-colors-menu-text: #cfcfcf;
  --bn-colors-menu-background: #1f1f1f;
  --bn-colors-tooltip-text: #cfcfcf;
  --bn-colors-tooltip-background: #161616;
  --bn-colors-hovered-text: #cfcfcf;
  --bn-colors-hovered-background: #161616;
  --bn-colors-selected-text: #cfcfcf;
  --bn-colors-selected-background: #0f0f0f;
  --bn-colors-disabled-text: #3f3f3f;
  --bn-colors-disabled-background: #161616;
  --bn-colors-shadow: #0f0f0f;
  --bn-colors-border: #161616;
  --bn-colors-side-menu: #7f7f7f;
  --bn-colors-highlights-gray-text: #bebdb8;
  --bn-colors-highlights-gray-background: #9b9a97;
  --bn-colors-highlights-brown-text: #8e6552;
  --bn-colors-highlights-brown-background: #64473a;
  --bn-colors-highlights-red-text: #ec4040;
  --bn-colors-highlights-red-background: #be3434;
  --bn-colors-highlights-orange-text: #e3790d;
  --bn-colors-highlights-orange-background: #b7600a;
  --bn-colors-highlights-yellow-text: #dfab01;
  --bn-colors-highlights-yellow-background: #b58b00;
  --bn-colors-highlights-green-text: #6b8b87;
  --bn-colors-highlights-green-background: #4d6461;
  --bn-colors-highlights-blue-text: #0e87bc;
  --bn-colors-highlights-blue-background: #0b6e99;
  --bn-colors-highlights-purple-text: #8552d7;
  --bn-colors-highlights-purple-background: #6940a5;
  --bn-colors-highlights-pink-text: #da208f;
  --bn-colors-highlights-pink-background: #ad1a72;
} */


/* FIX LOADER BLOCKNOTE ISSUE version 11.1+  */
/* .mantine-ActionIcon-loader {display: none} */


/* export const scrollIntoBlockView = () => {
  const element = document?.getSelection()?.anchorNode?.parentElement

  if (element && !isElementInViewport(element)) {
    element.scrollIntoView({
      behavior: 'auto',
      block: 'nearest',
      inline: 'nearest'
    })
  }
}

then
      onEditorContentChange: (blockNoteEditor) => {
        scrollIntoBlockView() */