payload-richtext-tiptap 0.0.16 → 0.0.17

package/dist/src/styles.css

@@ -1,1487 +1,1670 @@
-.ProseMirror {
-  :focus-visible {
-    outline: 0;
-  }
-  font-size: 16px;
-  .is-empty::before {
-    --tw-text-opacity: 1;
-    color: rgb(115 115 115 / var(--tw-text-opacity))
-  }
-  .is-empty:is([data-theme="dark"] *)::before {
-    --tw-text-opacity: 1;
-    color: rgb(163 163 163 / var(--tw-text-opacity))
-  }
-  & > *:first-child:first-child,
-  [data-type='column'] > *:first-child {
-    margin-top: 0px
-  }
-  & > *:first-child:last-child,
-  [data-type='column'] > *:last-child {
-    margin-bottom: 0px
-  }
-  & > * + * {
-    margin-top: 0.75em;
-  }
-  .node-imageUpload {
-    border-radius: 0.25rem
-  }
-  .node-imageUpload {
-    border-width: 2px
-  }
-  .node-imageUpload {
-    border-style: dotted
-  }
-  .node-imageUpload {
-    --tw-border-opacity: 1;
-    border-color: rgb(0 0 0 / var(--tw-border-opacity))
-  }
-  .node-imageUpload {
-    --tw-border-opacity: 0.1
-  }
-  .node-imageUpload {
-    padding: 0.5rem
-  }
-  .node-imageUpload:is([data-theme="dark"] *) {
-    --tw-border-opacity: 1;
-    border-color: rgb(115 115 115 / var(--tw-border-opacity))
-  }
-  .node-imageUpload {
-    transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
-    &:hover {
-      --tw-border-opacity: 0.3
-    }
-    &:has(.is-active),
-    &.has-focus {
-      --tw-border-opacity: 0.4
-    }
-  }
-  [data-type='columns'] {
-    &.has-focus [data-type='column'],
-    &:hover [data-type='column'] {
-      --tw-border-opacity: 1;
-      border-color: rgb(212 212 212 / var(--tw-border-opacity))
-    }
-    &.has-focus [data-type='column']:is([data-theme="dark"] *),
-    &:hover [data-type='column']:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(64 64 64 / var(--tw-border-opacity))
-    }
-    [data-type='column'].has-focus {
-      --tw-border-opacity: 1;
-      border-color: rgb(163 163 163 / var(--tw-border-opacity))
-    }
-    [data-type='column'].has-focus:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(82 82 82 / var(--tw-border-opacity))
-    }
-  }
-  [data-type='column'] {
-    border-radius: 0.25rem
-  }
-  [data-type='column'] {
-    border-width: 2px
-  }
-  [data-type='column'] {
-    border-style: dotted
-  }
-  [data-type='column'] {
-    border-color: transparent
-  }
-  [data-type='column'] {
-    padding: 0.25rem
-  }
-  [data-type='column'] {
-    transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
-    &:hover {
-      --tw-border-opacity: 1;
-      border-color: rgb(245 245 245 / var(--tw-border-opacity))
-    }
-    &:hover:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(23 23 23 / var(--tw-border-opacity))
-    }
-    &:has(.is-active),
-    &.has-focus {
-      --tw-border-opacity: 1;
-      border-color: rgb(245 245 245 / var(--tw-border-opacity))
-    }
-    &:has(.is-active):is([data-theme="dark"] *),
-    &.has-focus:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(23 23 23 / var(--tw-border-opacity))
-    }
-  }
-  .node-imageBlock {
-    & img {
-      overflow: hidden
-    }
-    & img {
-      border-radius: 0.75rem
-    }
-    & img {
-      border-width: 2px
-    }
-    & img {
-      border-color: transparent
-    }
-    &:hover img {
-      border-width: 2px
-    }
-    &:hover img {
-      --tw-border-opacity: 1;
-      border-color: rgb(245 245 245 / var(--tw-border-opacity))
-    }
-    &:hover img:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(23 23 23 / var(--tw-border-opacity))
-    }
-    &:has(.is-active) img,
-    &.has-focus img {
-      border-width: 2px
-    }
-    &:has(.is-active) img,
-    &.has-focus img {
-      --tw-border-opacity: 1;
-      border-color: rgb(38 38 38 / var(--tw-border-opacity))
-    }
-    &:has(.is-active) img:is([data-theme="dark"] *),
-    &.has-focus img:is([data-theme="dark"] *) {
-      --tw-border-opacity: 1;
-      border-color: rgb(229 229 229 / var(--tw-border-opacity))
-    }
-  }
-  .node-aiWriter,
-  .node-aiImage,
-  .node-tableOfContentsNode {
-    &.has-focus [data-node-view-wrapper] > * {
-      border-radius: 0.5rem
-    }
-    &.has-focus [data-node-view-wrapper] > * {
-      --tw-shadow: 0 0 0 2px;
-      --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-    }
-    &.has-focus [data-node-view-wrapper] > * {
-      --tw-shadow-color: rgb(0 0 0 / 0.3);
-      --tw-shadow: var(--tw-shadow-colored)
-    }
-    &.has-focus [data-node-view-wrapper] > * {
-      transition-property: all;
-      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-      transition-duration: 150ms
-    }
-    &.has-focus [data-node-view-wrapper] > *:is([data-theme="dark"] *) {
-      --tw-shadow-color: rgb(255 255 255 / 0.3);
-      --tw-shadow: var(--tw-shadow-colored)
-    }
+.pointer-events-none {
+  pointer-events: none
+}
+
+.visible {
+  visibility: visible
+}
+
+.static {
+  position: static
+}
+
+.fixed {
+  position: fixed
+}
+
+.absolute {
+  position: absolute
+}
+
+.relative {
+  position: relative
+}
+
+.sticky {
+  position: sticky
+}
+
+.left-0 {
+  left: 0px
+}
+
+.right-2 {
+  right: 0.5rem
+}
+
+.top-0 {
+  top: 0px
+}
+
+.top-1\/2 {
+  top: 50%
+}
+
+.z-\[9999\] {
+  z-index: 9999
+}
+
+.z-\[999\] {
+  z-index: 999
+}
+
+.col-\[1\/-1\] {
+  grid-column: 1/-1
+}
+
+.-m-2 {
+  margin: -0.5rem
+}
+
+.m-0 {
+  margin: 0px
+}
+
+.m-2 {
+  margin: 0.5rem
+}
+
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto
+}
+
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem
+}
+
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem
+}
+
+.\!mt-0 {
+  margin-top: 0px !important
+}
+
+.-ml-3 {
+  margin-left: -0.75rem
+}
+
+.-ml-6 {
+  margin-left: -1.5rem
+}
+
+.mb-0 {
+  margin-bottom: 0px
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem
+}
+
+.mb-1\.5 {
+  margin-bottom: 0.375rem
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem
+}
+
+.mb-4 {
+  margin-bottom: 1rem
+}
+
+.mb-8 {
+  margin-bottom: 2rem
+}
+
+.ml-0 {
+  margin-left: 0px
+}
+
+.ml-1 {
+  margin-left: 0.25rem
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem
+}
+
+.ml-2 {
+  margin-left: 0.5rem
+}
+
+.ml-3 {
+  margin-left: 0.75rem
+}
+
+.ml-auto {
+  margin-left: auto
+}
+
+.mr-0 {
+  margin-right: 0px
+}
+
+.mr-1 {
+  margin-right: 0.25rem
+}
+
+.mr-2 {
+  margin-right: 0.5rem
+}
+
+.mr-4 {
+  margin-right: 1rem
+}
+
+.mr-auto {
+  margin-right: auto
+}
+
+.mt-0 {
+  margin-top: 0px
+}
+
+.mt-1 {
+  margin-top: 0.25rem
+}
+
+.mt-2 {
+  margin-top: 0.5rem
+}
+
+.mt-2\.5 {
+  margin-top: 0.625rem
+}
+
+.mt-3 {
+  margin-top: 0.75rem
+}
+
+.mt-4 {
+  margin-top: 1rem
+}
+
+.block {
+  display: block
+}
+
+.inline {
+  display: inline
+}
+
+.flex {
+  display: flex
+}
+
+.inline-flex {
+  display: inline-flex
+}
+
+.table {
+  display: table
+}
+
+.grid {
+  display: grid
+}
+
+.contents {
+  display: contents
+}
+
+.\!h-\[120px\] {
+  height: 120px !important
+}
+
+.h-0 {
+  height: 0px
+}
+
+.h-1 {
+  height: 0.25rem
+}
+
+.h-1\.5 {
+  height: 0.375rem
+}
+
+.h-12 {
+  height: 3rem
+}
+
+.h-2 {
+  height: 0.5rem
+}
+
+.h-2\.5 {
+  height: 0.625rem
+}
+
+.h-3 {
+  height: 0.75rem
+}
+
+.h-4 {
+  height: 1rem
+}
+
+.h-5 {
+  height: 1.25rem
+}
+
+.h-6 {
+  height: 1.5rem
+}
+
+.h-8 {
+  height: 2rem
+}
+
+.h-\[1px\] {
+  height: 1px
+}
+
+.h-\[4\.5rem\] {
+  height: 4.5rem
+}
+
+.h-\[64px\] {
+  height: 64px
+}
+
+.h-full {
+  height: 100%
+}
+
+.max-h-80 {
+  max-height: 20rem
+}
+
+.max-h-\[20rem\] {
+  max-height: 20rem
+}
+
+.max-h-\[400px\] {
+  max-height: 400px
+}
+
+.max-h-\[min\(80vh\2c 24rem\)\] {
+  max-height: min(80vh,24rem)
+}
+
+.min-h-\[1\.5rem\] {
+  min-height: 1.5rem
+}
+
+.min-h-\[10rem\] {
+  min-height: 10rem
+}
+
+.min-h-full {
+  min-height: 100%
+}
+
+.\!w-\[212px\] {
+  width: 212px !important
+}
+
+.w-0 {
+  width: 0px
+}
+
+.w-1 {
+  width: 0.25rem
+}
+
+.w-1\.5 {
+  width: 0.375rem
+}
+
+.w-12 {
+  width: 3rem
+}
+
+.w-2 {
+  width: 0.5rem
+}
+
+.w-2\.5 {
+  width: 0.625rem
+}
+
+.w-3 {
+  width: 0.75rem
+}
+
+.w-4 {
+  width: 1rem
+}
+
+.w-5 {
+  width: 1.25rem
+}
+
+.w-6 {
+  width: 1.5rem
+}
+
+.w-8 {
+  width: 2rem
+}
+
+.w-80 {
+  width: 20rem
+}
+
+.w-9 {
+  width: 2.25rem
+}
+
+.w-\[1px\] {
+  width: 1px
+}
+
+.w-\[32px\] {
+  width: 32px
+}
+
+.w-auto {
+  width: auto
+}
+
+.w-full {
+  width: 100%
+}
+
+.min-w-\[1\.5rem\] {
+  min-width: 1.5rem
+}
+
+.min-w-\[12rem\] {
+  min-width: 12rem
+}
+
+.min-w-\[15rem\] {
+  min-width: 15rem
+}
+
+.min-w-\[16rem\] {
+  min-width: 16rem
+}
+
+.min-w-\[20rem\] {
+  min-width: 20rem
+}
+
+.min-w-\[276px\] {
+  min-width: 276px
+}
+
+.min-w-\[2rem\] {
+  min-width: 2rem
+}
+
+.min-w-\[300px\] {
+  min-width: 300px
+}
+
+.max-w-\[15rem\] {
+  max-width: 15rem
+}
+
+.max-w-\[328px\] {
+  max-width: 328px
+}
+
+.max-w-\[4rem\] {
+  max-width: 4rem
+}
+
+.flex-1 {
+  flex: 1 1 0%
+}
+
+.flex-none {
+  flex: none
+}
+
+.shrink-0 {
+  flex-shrink: 0
+}
+
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.translate-x-0 {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.translate-x-3 {
+  --tw-translate-x: 0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.translate-x-4 {
+  --tw-translate-x: 1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1)
   }
-  .ProseMirror-gapcursor + .node-imageBlock,
-  .ProseMirror-gapcursor + .node-imageUpload,
-  .ProseMirror-gapcursor + [data-type='blockquoteFigure'] {
-    outline-color: #404040
+
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1)
   }
-  .ProseMirror-gapcursor + .node-imageBlock:hover,
-  .ProseMirror-gapcursor + .node-imageUpload:hover,
-  .ProseMirror-gapcursor + [data-type='blockquoteFigure']:hover {
-    outline-color: #525252
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg)
   }
-  .ProseMirror-gapcursor + .node-imageBlock:is([data-theme="dark"] *),
-  .ProseMirror-gapcursor + .node-imageUpload:is([data-theme="dark"] *),
-  .ProseMirror-gapcursor + [data-type='blockquoteFigure']:is([data-theme="dark"] *) {
-    outline-color: #d4d4d4
-  }
-  .ProseMirror-gapcursor + .node-imageBlock:hover:is([data-theme="dark"] *),
-  .ProseMirror-gapcursor + .node-imageUpload:hover:is([data-theme="dark"] *),
-  .ProseMirror-gapcursor + [data-type='blockquoteFigure']:hover:is([data-theme="dark"] *) {
-    outline-color: #a3a3a3
-  }
-  [data-type='blockquoteFigure'] > div {
-    border-radius: 0.5rem
-  }
-  [data-type='blockquoteFigure'] > div {
-    border-top-left-radius: 0px
-  }
-  [data-type='blockquoteFigure'] > div {
-    border-bottom-left-radius: 0px
-  }
-  [data-type='blockquoteFigure'] > div {
-    border-left-width: 4px
-  }
-  [data-type='blockquoteFigure'] > div {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(64 64 64 / var(--tw-border-opacity))
-  }
-  [data-type='blockquoteFigure'] > div {
-    --tw-bg-opacity: 0.8
-  }
-  [data-type='blockquoteFigure'] > div {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
-  }
-  [data-type='blockquoteFigure'] > div {
-    padding-left: 1rem;
-    padding-right: 1rem
-  }
-  [data-type='blockquoteFigure'] > div:is([data-theme="dark"] *) {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(212 212 212 / var(--tw-border-opacity))
-  }
-  [data-type='blockquoteFigure'] > blockquote {
-    font-size: 1.125rem;
-    line-height: 1.75rem
-  }
-  [data-type='blockquoteFigure'] > blockquote {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
-  }
-  [data-type='blockquoteFigure'] > blockquote:is([data-theme="dark"] *) {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
-  }
-  [data-type='blockquoteFigure'] figcaption {
-    margin-top: 1rem
-  }
-  [data-type='blockquoteFigure'] figcaption {
-    overflow: hidden
-  }
-  [data-type='blockquoteFigure'] figcaption {
-    font-size: 0.875rem;
-    line-height: 1.25rem
-  }
-  [data-type='blockquoteFigure'] figcaption {
-    --tw-text-opacity: 1;
-    color: rgb(115 115 115 / var(--tw-text-opacity))
-  }
-  [data-type='blockquoteFigure'] figcaption {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed
+}
+
+.cursor-pointer {
+  cursor: pointer
+}
+
+.cursor-text {
+  cursor: text
+}
+
+.touch-none {
+  touch-action: none
+}
+
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none
+}
+
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+
+.flex-row {
+  flex-direction: row
+}
+
+.flex-col {
+  flex-direction: column
+}
+
+.flex-wrap {
+  flex-wrap: wrap
+}
+
+.items-start {
+  align-items: flex-start
+}
+
+.items-center {
+  align-items: center
+}
+
+.justify-start {
+  justify-content: flex-start
+}
+
+.justify-center {
+  justify-content: center
+}
+
+.justify-between {
+  justify-content: space-between
+}
+
+.gap-0 {
+  gap: 0px
+}
+
+.gap-0\.5 {
+  gap: 0.125rem
+}
+
+.gap-1 {
+  gap: 0.25rem
+}
+
+.gap-2 {
+  gap: 0.5rem
+}
+
+.gap-x-1 {
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem
+}
+
+.gap-x-1\.5 {
+  -moz-column-gap: 0.375rem;
+       column-gap: 0.375rem
+}
+
+.gap-x-6 {
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem
+}
+
+.gap-y-2 {
+  row-gap: 0.5rem
+}
+
+.overflow-auto {
+  overflow: auto
+}
+
+.overflow-hidden {
+  overflow: hidden
+}
+
+.overflow-visible {
+  overflow: visible
+}
+
+.overflow-y-visible {
+  overflow-y: visible
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.whitespace-nowrap {
+  white-space: nowrap
+}
+
+.break-all {
+  word-break: break-all
+}
+
+.rounded {
+  border-radius: 0.25rem
+}
+
+.rounded-\[inherit\] {
+  border-radius: inherit
+}
+
+.rounded-full {
+  border-radius: 9999px
+}
+
+.rounded-lg {
+  border-radius: 0.5rem
+}
+
+.rounded-md {
+  border-radius: 0.375rem
+}
+
+.border {
+  border-width: 1px
+}
+
+.border-0 {
+  border-width: 0px
+}
+
+.border-2 {
+  border-width: 2px
+}
+
+.border-b {
+  border-bottom-width: 1px
+}
+
+.border-b-2 {
+  border-bottom-width: 2px
+}
+
+.border-l {
+  border-left-width: 1px
+}
+
+.border-r {
+  border-right-width: 1px
+}
+
+.border-s-4 {
+  border-inline-start-width: 4px
+}
+
+.border-t {
+  border-top-width: 1px
+}
+
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity))
+}
+
+.border-black\/10 {
+  border-color: rgb(0 0 0 / 0.1)
+}
+
+.border-current {
+  border-color: currentColor
+}
+
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity))
+}
+
+.border-neutral-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity))
+}
+
+.border-neutral-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 229 229 / var(--tw-border-opacity))
+}
+
+.border-transparent {
+  border-color: transparent
+}
+
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity))
+}
+
+.border-b-black\/10 {
+  border-bottom-color: rgb(0 0 0 / 0.1)
+}
+
+.border-l-transparent {
+  border-left-color: transparent
+}
+
+.border-r-neutral-200 {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(229 229 229 / var(--tw-border-opacity))
+}
+
+.border-r-transparent {
+  border-right-color: transparent
+}
+
+.border-t-transparent {
+  border-top-color: transparent
+}
+
+.bg-\[\#FFA2A2\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 162 162 / var(--tw-bg-opacity))
+}
+
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1)
+}
+
+.bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05)
+}
+
+.bg-black\/60 {
+  background-color: rgb(0 0 0 / 0.6)
+}
+
+.bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity))
+}
+
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity))
+}
+
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
+}
+
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity))
+}
+
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity))
+}
+
+.bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity))
+}
+
+.bg-neutral-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity))
+}
+
+.bg-neutral-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity))
+}
+
+.bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity))
+}
+
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity))
+}
+
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
+}
+
+.bg-slate-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.bg-transparent {
+  background-color: transparent
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity))
+}
+
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity))
+}
+
+.bg-zinc-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 244 245 / var(--tw-bg-opacity))
+}
+
+.bg-opacity-10 {
+  --tw-bg-opacity: 0.1
+}
+
+.bg-opacity-80 {
+  --tw-bg-opacity: 0.8
+}
+
+.fill-neutral-300 {
+  fill: #d4d4d4
+}
+
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover
+}
+
+.p-0 {
+  padding: 0px
+}
+
+.p-1 {
+  padding: 0.25rem
+}
+
+.p-1\.5 {
+  padding: 0.375rem
+}
+
+.p-2 {
+  padding: 0.5rem
+}
+
+.p-4 {
+  padding: 1rem
+}
+
+.p-8 {
+  padding: 2rem
+}
+
+.p-\[0\.2rem\] {
+  padding: 0.2rem
+}
+
+.p-\[1px\] {
+  padding: 1px
+}
+
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px
+}
+
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem
+}
+
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem
+}
+
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem
+}
+
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem
+}
+
+.pr-4 {
+  padding-right: 1rem
+}
+
+.pt-2 {
+  padding-top: 0.5rem
+}
+
+.text-left {
+  text-align: left
+}
+
+.text-center {
+  text-align: center
+}
+
+.text-right {
+  text-align: right
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem
+}
+
+.text-\[\.65rem\] {
+  font-size: .65rem
+}
+
+.text-\[0\.625rem\] {
+  font-size: 0.625rem
+}
+
+.text-\[0\.65rem\] {
+  font-size: 0.65rem
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem
+}
+
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem
+}
+
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem
+}
+
+.font-bold {
+  font-weight: 700
+}
+
+.font-medium {
+  font-weight: 500
+}
+
+.font-semibold {
+  font-weight: 600
+}
+
+.uppercase {
+  text-transform: uppercase
+}
+
+.capitalize {
+  text-transform: capitalize
+}
+
+.italic {
+  font-style: italic
+}
+
+.leading-none {
+  line-height: 1
+}
+
+.leading-relaxed {
+  line-height: 1.625
+}
+
+.leading-tight {
+  line-height: 1.25
+}
+
+.tracking-wider {
+  letter-spacing: 0.05em
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.text-black\/80 {
+  color: rgb(0 0 0 / 0.8)
+}
+
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity))
+}
+
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+.text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity))
+}
+
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity))
+}
+
+.text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity))
+}
+
+.text-neutral-900 {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity))
+}
+
+.text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgb(168 85 247 / var(--tw-text-opacity))
+}
+
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity))
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity))
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.underline {
+  text-decoration-line: underline
+}
+
+.caret-black {
+  caret-color: #000
+}
+
+.opacity-0 {
+  opacity: 0
+}
+
+.opacity-20 {
+  opacity: 0.2
+}
+
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px
+}
+
+.outline {
+  outline-style: solid
+}
+
+.outline-offset-0 {
+  outline-offset: 0px
+}
+
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.ring-current {
+  --tw-ring-color: currentColor
+}
+
+.ring-offset-2 {
+  --tw-ring-offset-width: 2px
+}
+
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms
+}
+
+.transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms
+}
+
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms
+}
+
+.duration-300 {
+  transition-duration: 300ms
+}
+
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity, 1);
+    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
   }
-  [data-type='blockquoteFigure'] figcaption:is([data-theme="dark"] *) {
-    --tw-text-opacity: 1;
-    color: rgb(163 163 163 / var(--tw-text-opacity))
+}
+
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity, 1);
+    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
   }
-  z-index: 0;
-  padding-right: 2rem;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-bottom: 4rem;
-  caret-color: #000;
-  outline-width: 0px
 }
 
-.ProseMirror:is([data-theme="dark"] *) {
-  caret-color: #fff
+.duration-300 {
+  animation-duration: 300ms
+}
+
+.\[animation-delay\:-0\.15s\] {
+  animation-delay: -0.15s
+}
+
+.\[animation-delay\:-0\.3s\] {
+  animation-delay: -0.3s
+}
+
+.first\:ml-0:first-child {
+  margin-left: 0px
+}
+
+.first\:mt-0:first-child {
+  margin-top: 0px
+}
+
+.first\:mt-0\.5:first-child {
+  margin-top: 0.125rem
+}
+
+.first\:mt-1:first-child {
+  margin-top: 0.25rem
+}
+
+.first\:mt-1\.5:first-child {
+  margin-top: 0.375rem
+}
+
+.last\:mr-0:last-child {
+  margin-right: 0px
+}
+
+.last\:mt-0:last-child {
+  margin-top: 0px
+}
+
+.hover\:bg-black:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-black\/10:hover {
+  background-color: rgb(0 0 0 / 0.1)
+}
+
+.hover\:bg-black\/5:hover {
+  background-color: rgb(0 0 0 / 0.05)
+}
+
+.hover\:bg-neutral-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-neutral-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity))
 }
 
-.ProseMirror {
-  & > * {
-    /* @apply mx-auto max-w-2xl; */
-  }
-  & > iframe {
-    display: block
-  }
-  .selection {
-    display: inline
-  }
-  *::-moz-selection {
-    background-color: rgb(0 0 0 / 0.1)
-  }
-  .selection,
-  *::selection {
-    background-color: rgb(0 0 0 / 0.1)
-  }
-  *:is([data-theme="dark"] *)::-moz-selection {
-    background-color: rgb(255 255 255 / 0.2)
-  }
-  .selection:is([data-theme="dark"] *),
-  *:is([data-theme="dark"] *)::selection {
-    background-color: rgb(255 255 255 / 0.2)
-  }
-  & > .react-renderer {
-    margin-top: 3rem;
-    margin-bottom: 3rem
-  }
-  & > .react-renderer:first-child {
-    margin-top: 0px
-  }
-  & > .react-renderer:last-child {
-    margin-bottom: 0px
-  }
-  &.resize-cursor {
-    cursor: col-resize
-  }
-  .ProseMirror-gapcursor {
-    position: relative
-  }
-  .ProseMirror-gapcursor {
-    margin-left: auto;
-    margin-right: auto
-  }
-  .ProseMirror-gapcursor {
-    width: 100%
-  }
-  .ProseMirror-gapcursor {
-    /* max-w-2xl */
-    &:after {
-      top: -1.5em
-    }
-    &:after {
-      left: 0px
-    }
-    &:after {
-      right: 0px
-    }
-    &:after {
-      margin-left: auto;
-      margin-right: auto
-    }
-    &:after {
-      width: 100%
-    }
-    &:after {
-      border-top-color: rgb(0 0 0 / 0.4)
-    }
-    &:is([data-theme="dark"] *):after {
-      border-top-color: rgb(255 255 255 / 0.4)
-    }
-    &:after {
-      /* max-w-2xl */
-    }
-  }
+.hover\:bg-neutral-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity))
 }
 
-[data-theme='slash-command'] {
-  width: 1000vw;
+.hover\:bg-neutral-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity))
 }
 
-.spinner-animation {
-  animation: spinner 1.6s linear infinite;
-  animation-delay: -1.6s;
+.hover\:bg-red-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
 }
 
-.spinner-animation-secondary {
-  animation-delay: -1s;
+.hover\:bg-opacity-20:hover {
+  --tw-bg-opacity: 0.2
 }
 
-@keyframes spinner {
-  12.5% {
-    x: 13px;
-    y: 1px;
-  }
+.hover\:bg-opacity-5:hover {
+  --tw-bg-opacity: 0.05
+}
 
-  25% {
-    x: 13px;
-    y: 1px;
-  }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity))
+}
 
-  37.5% {
-    x: 13px;
-    y: 13px;
-  }
+.hover\:text-neutral-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity))
+}
 
-  50% {
-    x: 13px;
-    y: 13px;
-  }
+.hover\:text-neutral-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity))
+}
 
-  62.5% {
-    x: 1px;
-    y: 13px;
-  }
+.hover\:text-purple-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity))
+}
 
-  75% {
-    x: 1px;
-    y: 13px;
-  }
+.hover\:ring-1:hover {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
 
-  87.5% {
-    x: 1px;
-    y: 1px;
-  }
+.focus\:bg-transparent:focus {
+  background-color: transparent
 }
 
-.ProseMirror {
-  /* Image Block */
-  figure[data-type='imageBlock'] {
-    margin: 0px
-  }
-  figure[data-type='imageBlock'] {
-    img {
-      display: block
-    }
-    img {
-      width: 100%
-    }
-    img {
-      border-radius: 0.25rem
-    }
-  }
-  /* Block Quote */
-  figure[data-type='blockquoteFigure'] {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem
-  }
-  figure[data-type='blockquoteFigure'] {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
-  }
-  figure[data-type='blockquoteFigure']:is([data-theme="dark"] *) {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
-  }
-  & > blockquote,
-  [data-type='blockquoteFigure'] {
-    blockquote {
-      margin: 0px
-    }
-    blockquote {
-      & > *:first-child {
-        margin-top: 0px
-      }
-      & > *:last-child {
-        margin-bottom: 0px
-      }
-    }
-  }
-  /* Columns */
-  [data-type='columns'] {
-    margin-top: 3.5rem
-  }
-  [data-type='columns'] {
-    margin-bottom: 3rem
-  }
-  [data-type='columns'] {
-    display: grid
-  }
-  [data-type='columns'] {
-    gap: 1rem
-  }
-  [data-type='columns'] {
-    &.layout-sidebar-left {
-      grid-template-columns: 40fr 60fr;
-    }
-    &.layout-sidebar-right {
-      grid-template-columns: 60fr 40fr;
-    }
-    &.layout-two-column {
-      grid-template-columns: 1fr 1fr;
-    }
-  }
-  [data-type='column'] {
-    overflow: auto
-  }
-  code {
-    border-radius: 0.125rem
-  }
-  code {
-    --tw-bg-opacity: 1;
-    background-color: rgb(23 23 23 / var(--tw-bg-opacity))
-  }
-  code {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
-  }
-  code {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
-  }
-  code {
-    caret-color: #fff
-  }
-  code {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-  }
-  code {
-    &::-moz-selection {
-      background-color: rgb(255 255 255 / 0.3)
-    }
-    &::selection {
-      background-color: rgb(255 255 255 / 0.3)
-    }
-  }
-  pre {
-    margin-top: 3rem;
-    margin-bottom: 3rem
-  }
-  pre {
-    border-radius: 0.25rem
-  }
-  pre {
-    border-width: 1px
-  }
-  pre {
-    --tw-border-opacity: 1;
-    border-color: rgb(0 0 0 / var(--tw-border-opacity))
-  }
-  pre {
-    --tw-bg-opacity: 1;
-    background-color: rgb(64 64 64 / var(--tw-bg-opacity))
-  }
-  pre {
-    padding: 1rem
-  }
-  pre {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
-  }
-  pre {
-    caret-color: #fff
-  }
-  pre:is([data-theme="dark"] *) {
-    --tw-border-opacity: 1;
-    border-color: rgb(38 38 38 / var(--tw-border-opacity))
-  }
-  pre:is([data-theme="dark"] *) {
-    --tw-bg-opacity: 1;
-    background-color: rgb(23 23 23 / var(--tw-bg-opacity))
-  }
-  pre {
-    *::-moz-selection {
-      background-color: rgb(255 255 255 / 0.2)
-    }
-    *::selection {
-      background-color: rgb(255 255 255 / 0.2)
-    }
-    code {
-      background-color: inherit
-    }
-    code {
-      padding: 0px
-    }
-    code {
-      color: inherit
-    }
-    code {
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-colored: 0 0 #0000;
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-    }
-    .hljs-comment,
-    .hljs-quote {
-      --tw-text-opacity: 1;
-      color: rgb(163 163 163 / var(--tw-text-opacity))
-    }
-    .hljs-variable,
-    .hljs-template-variable,
-    .hljs-attribute,
-    .hljs-tag,
-    .hljs-name,
-    .hljs-regexp,
-    .hljs-link,
-    .hljs-name,
-    .hljs-selector-id,
-    .hljs-selector-class {
-      --tw-text-opacity: 1;
-      color: rgb(252 165 165 / var(--tw-text-opacity))
-    }
-    .hljs-number,
-    .hljs-meta,
-    .hljs-built_in,
-    .hljs-builtin-name,
-    .hljs-literal,
-    .hljs-type,
-    .hljs-params {
-      --tw-text-opacity: 1;
-      color: rgb(253 186 116 / var(--tw-text-opacity))
-    }
-    .hljs-string,
-    .hljs-symbol,
-    .hljs-bullet {
-      --tw-text-opacity: 1;
-      color: rgb(190 242 100 / var(--tw-text-opacity))
-    }
-    .hljs-title,
-    .hljs-section {
-      --tw-text-opacity: 1;
-      color: rgb(253 224 71 / var(--tw-text-opacity))
-    }
-    .hljs-keyword,
-    .hljs-selector-tag {
-      --tw-text-opacity: 1;
-      color: rgb(94 234 212 / var(--tw-text-opacity))
-    }
-    .hljs-emphasis {
-      font-style: italic;
-    }
-    .hljs-strong {
-      font-weight: 700;
-    }
-  }
-  .collaboration-cursor {
-    &__caret {
-      pointer-events: none
-    }
-    &__caret {
-      position: relative
-    }
-    &__caret {
-      margin-left: -1px
-    }
-    &__caret {
-      margin-right: -1px
-    }
-    &__caret {
-      overflow-wrap: normal;
-      word-break: normal
-    }
-    &__caret {
-      border-right-width: 1px
-    }
-    &__caret {
-      border-left-width: 1px
-    }
-    &__caret {
-      --tw-border-opacity: 1;
-      border-color: rgb(0 0 0 / var(--tw-border-opacity))
-    }
-    &__label {
-      position: absolute
-    }
-    &__label {
-      left: -1px
-    }
-    &__label {
-      top: -1.4em
-    }
-    &__label {
-      -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none
-    }
-    &__label {
-      white-space: nowrap
-    }
-    &__label {
-      border-radius: 0.25rem
-    }
-    &__label {
-      border-top-left-radius: 0px
-    }
-    &__label {
-      padding-top: 0.125rem;
-      padding-bottom: 0.125rem
-    }
-    &__label {
-      padding-left: 0.375rem;
-      padding-right: 0.375rem
-    }
-    &__label {
-      font-size: 0.75rem;
-      line-height: 1rem
-    }
-    &__label {
-      font-weight: 600
-    }
-    &__label {
-      line-height: 1
-    }
-    &__label {
-      --tw-text-opacity: 1;
-      color: rgb(0 0 0 / var(--tw-text-opacity))
-    }
-  }
-  ol {
-    list-style-type: decimal
-  }
-  ul {
-    list-style-type: disc
-  }
-  ul,
-  ol {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem
-  }
-  ul,
-  ol {
-    padding-top: 0px;
-    padding-bottom: 0px
-  }
-  ul,
-  ol {
-    padding-left: 2rem;
-    padding-right: 2rem
-  }
-  ul:first-child,
-  ol:first-child {
-    margin-top: 0px
-  }
-  ul:last-child,
-  ol:last-child {
-    margin-bottom: 0px
-  }
-  ul,
-  ol {
-    ul,
-    ol,
-    li {
-      margin-top: 0.25rem;
-      margin-bottom: 0.25rem
-    }
-    p {
-      margin-top: 0px
-    }
-    p {
-      margin-bottom: 0.25rem
-    }
-  }
-  & > ul,
-  & > ol {
-    margin-top: 2rem;
-    margin-bottom: 2rem
-  }
-  & > ul:first-child,
-  & > ol:first-child {
-    margin-top: 0px
-  }
-  & > ul:last-child,
-  & > ol:last-child {
-    margin-bottom: 0px
-  }
-  ul[data-type='taskList'] {
-    list-style-type: none
-  }
-  ul[data-type='taskList'] {
-    padding: 0px
-  }
-  ul[data-type='taskList'] {
-    p {
-      margin: 0px
-    }
-    li {
-      display: flex
-    }
-    li {
-      > label {
-        margin-top: 0.25rem
-      }
-      > label {
-        margin-right: 0.5rem
-      }
-      > label {
-        flex: 1 1 auto
-      }
-      > label {
-        flex-shrink: 0
-      }
-      > label {
-        flex-grow: 0
-      }
-      > label {
-        -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none
-      }
-      > div {
-        flex: 1 1 auto
-      }
-      &[data-checked='true'] {
-        text-decoration-line: line-through
-      }
-    }
-  }
-  /* Placeholder Styles */
-  .is-empty::before {
-    pointer-events: none
-  }
-  .is-empty::before {
-    float: left
-  }
-  .is-empty::before {
-    height: 0px
-  }
-  .is-empty::before {
-    width: 100%
-  }
-  .is-empty::before {
-    color: rgb(0 0 0 / 0.4)
-  }
-  .is-empty:is([data-theme="dark"] *)::before {
-    color: rgb(255 255 255 / 0.4)
-  }
-  &.ProseMirror-focused {
-    /* Slashmenu Placeholder */
-    >p.has-focus.is-empty::before {
-      content: 'Type  /  to browse options';
-    }
-    >[data-type='columns']>[data-type='column']>p.is-empty.has-focus::before {
-      content: 'Type  /  to browse options';
-    }
-    >[dir='rtl']>p.has-focus.is-empty::before {
-      text-align: right;
-    }
-  }
-  /* Default Placeholder */
-  &>.is-editor-empty::before {
-    content: 'Click here to start writing …';
-  }
-  /* Blockquote Placeholder */
-  blockquote .is-empty:not(.is-editor-empty):first-child:last-child::before {
-    content: 'Enter a quote';
-  }
-  blockquote+figcaption.is-empty:not(.is-editor-empty)::before {
-    content: 'Author';
-  }
-  [data-placeholder][data-suggestion]::before,
-  [data-placeholder][data-suggestion] *::before {
-    content: none !important;
-  }
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px
 }
 
-/* Additional languages  EN*/
+.focus\:outline:focus {
+  outline-style: solid
+}
 
-.ProseMirror:lang(en) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Click here to start writing …';
-  }
-  &:lang(ar)>p.has-focus.is-empty::before {
-    content: 'Type  /  to browse options';
-  }
+.focus\:outline-1:focus {
+  outline-width: 1px
 }
 
-/* Additional languages  AR*/
+.focus\:outline-black:focus {
+  outline-color: #000
+}
 
-.ProseMirror:lang(ar) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'انقر هنا للبدء في الكتابة…';
-  }
-  &:lang(ar)>p.has-focus.is-empty::before {
-    content: 'اكتب / لاستعراض الخيارات';
-  }
+.focus\:outline-neutral-300:focus {
+  outline-color: #d4d4d4
 }
 
-/* Additional languages  FA*/
+.focus\:ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
 
-.ProseMirror:lang(fa) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'برای شروع نوشتن اینجا کلیک کنید…';
-  }
-  &:lang(ar)>p.has-focus.is-empty::before {
-    content: 'برای مرور گزینه ها، / را تایپ کنید';
-  }
+.active\:bg-black\/10:active {
+  background-color: rgb(0 0 0 / 0.1)
 }
 
-/* Additional languages  FR*/
+.active\:bg-neutral-200:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity))
+}
 
-.ProseMirror:lang(fr) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Cliquez ici pour commencer à écrire…';
-  }
-  &:lang(ar)>p.has-focus.is-empty::before {
-    content: 'Tapez / pour parcourir les options';
-  }
+.active\:bg-neutral-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity))
 }
 
-/* Additional languages ES*/
+.active\:bg-transparent:active {
+  background-color: transparent
+}
 
-.ProseMirror:lang(es) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Haz clic aquí para empezar a escribir…';
-  }
-  >p.has-focus.is-empty::before {
-    content: 'Escriba / para buscar opciones';
-  }
+.active\:text-neutral-800:active {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity))
 }
 
-/* Additional languages RU*/
+.active\:text-purple-600:active {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity))
+}
 
-.ProseMirror:lang(ru) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Нажмите здесь, чтобы начать писать…';
-  }
-  >p.has-focus.is-empty::before {
-    content: 'Введите / для просмотра вариантов';
-  }
+.active\:outline:active {
+  outline-style: solid
 }
 
-/* Additional languages TR*/
+.active\:outline-black:active {
+  outline-color: #000
+}
 
-.ProseMirror:lang(tr) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Seçenekleri göz atmak için / yazın…';
-  }
-  >p.has-focus.is-empty::before {
-    content: 'Seçenekleri gözden geçirmek için / tuşlayın';
-  }
+.disabled\:opacity-50:disabled {
+  opacity: 0.5
 }
 
-/* Additional languages DE*/
+.dark\:border-black:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity))
+}
 
-.ProseMirror:lang(de) {
-  /* Placeholder Styles */
-  .is-empty::before {
-    content: 'Klicken Sie hier, um mit dem Schreiben zu beginnen…';
-  }
-  >p.has-focus.is-empty::before {
-    content: 'Tippen Sie / ein, um Optionen zu durchsuchen';
-  }
+.dark\:border-neutral-800:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity))
 }
 
-.ProseMirror {
-  .tableWrapper {
-    margin-top: 3rem;
-    margin-bottom: 3rem
-  }
-  table {
-    box-sizing: border-box
-  }
-  table {
-    width: 100%
-  }
-  table {
-    border-collapse: collapse
-  }
-  table {
-    border-radius: 0.25rem
-  }
-  table {
-    border-color: rgb(0 0 0 / 0.1)
-  }
-  table:is([data-theme="dark"] *) {
-    border-color: rgb(255 255 255 / 0.2)
-  }
-  table {
-    td,
-    th {
-      position: relative
-    }
-    td,
-    th {
-      min-width: 100px
-    }
-    td,
-    th {
-      border-width: 1px
-    }
-    td,
-    th {
-      border-color: rgb(0 0 0 / 0.1)
-    }
-    td,
-    th {
-      padding: 0.5rem
-    }
-    td,
-    th {
-      text-align: left
-    }
-    td,
-    th {
-      vertical-align: top
-    }
-    td:is([data-theme="dark"] *),
-    th:is([data-theme="dark"] *) {
-      border-color: rgb(255 255 255 / 0.2)
-    }
-    td,
-    th {
-      &:first-of-type:not(a) {
-        margin-top: 0px
-      }
-      p {
-        margin: 0px
-      }
-      p {
-        & + p {
-          margin-top: 0.75rem
-        }
-      }
-    }
-    th {
-      font-weight: 700
-    }
-    .column-resize-handle {
-      pointer-events: none
-    }
-    .column-resize-handle {
-      position: absolute
-    }
-    .column-resize-handle {
-      bottom: -2px
-    }
-    .column-resize-handle {
-      right: -0.25rem
-    }
-    .column-resize-handle {
-      top: 0px
-    }
-    .column-resize-handle {
-      display: flex
-    }
-    .column-resize-handle {
-      width: 0.5rem
-    }
-    .column-resize-handle {
-      &::before {
-        margin-left: 0.5rem
-      }
-      &::before {
-        height: 100%
-      }
-      &::before {
-        width: 1px
-      }
-      &::before {
-        background-color: rgb(0 0 0 / 0.2)
-      }
-      &:is([data-theme="dark"] *)::before {
-        background-color: rgb(255 255 255 / 0.2)
-      }
-      &::before {
-        content: '';
-      }
-    }
-    .selectedCell {
-      border-style: double
-    }
-    .selectedCell {
-      border-color: rgb(0 0 0 / 0.2)
-    }
-    .selectedCell {
-      background-color: rgb(0 0 0 / 0.05)
-    }
-    .selectedCell:is([data-theme="dark"] *) {
-      border-color: rgb(255 255 255 / 0.2)
-    }
-    .selectedCell:is([data-theme="dark"] *) {
-      background-color: rgb(255 255 255 / 0.1)
-    }
-    .grip-column,
-    .grip-row {
-      position: absolute
-    }
-    .grip-column,
-    .grip-row {
-      z-index: 10
-    }
-    .grip-column,
-    .grip-row {
-      display: flex
-    }
-    .grip-column,
-    .grip-row {
-      cursor: pointer
-    }
-    .grip-column,
-    .grip-row {
-      align-items: center
-    }
-    .grip-column,
-    .grip-row {
-      justify-content: center
-    }
-    .grip-column,
-    .grip-row {
-      background-color: rgb(0 0 0 / 0.05)
-    }
-    .grip-column:is([data-theme="dark"] *),
-    .grip-row:is([data-theme="dark"] *) {
-      background-color: rgb(255 255 255 / 0.1)
-    }
-    .grip-column {
-      left: 0px
-    }
-    .grip-column {
-      top: -0.75rem
-    }
-    .grip-column {
-      margin-left: -1px
-    }
-    .grip-column {
-      height: 0.75rem
-    }
-    .grip-column {
-      width: calc(100% + 1px)
-    }
-    .grip-column {
-      border-left-width: 1px
-    }
-    .grip-column {
-      border-color: rgb(0 0 0 / 0.2)
-    }
-    .grip-column:is([data-theme="dark"] *) {
-      border-color: rgb(255 255 255 / 0.2)
-    }
-    .grip-column {
-      &:hover,
-      &.selected {
-        &::before {
-          content: '';
-        }
-        &::before {
-          width: 0.625rem
-        }
-      }
-      &:hover {
-        background-color: rgb(0 0 0 / 0.1)
-      }
-      &:hover:is([data-theme="dark"] *) {
-        background-color: rgb(255 255 255 / 0.2)
-      }
-      &:hover {
-        &::before {
-          border-bottom-width: 2px
-        }
-        &::before {
-          border-style: dotted
-        }
-        &::before {
-          border-color: rgb(0 0 0 / 0.6)
-        }
-        &:is([data-theme="dark"] *)::before {
-          border-color: rgb(255 255 255 / 0.6)
-        }
-      }
-      &.first {
-        border-top-left-radius: 0.125rem
-      }
-      &.first {
-        border-color: transparent
-      }
-      &.last {
-        border-top-right-radius: 0.125rem
-      }
-      &.selected {
-        border-color: rgb(0 0 0 / 0.3)
-      }
-      &.selected {
-        background-color: rgb(0 0 0 / 0.3)
-      }
-      &.selected {
-        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-      }
-      &.selected:is([data-theme="dark"] *) {
-        border-color: rgb(255 255 255 / 0.3)
-      }
-      &.selected:is([data-theme="dark"] *) {
-        background-color: rgb(255 255 255 / 0.3)
-      }
-      &.selected {
-        &::before {
-          border-bottom-width: 2px
-        }
-        &::before {
-          border-style: dotted
-        }
-      }
-    }
-    .grip-row {
-      left: -0.75rem
-    }
-    .grip-row {
-      top: 0px
-    }
-    .grip-row {
-      margin-top: -1px
-    }
-    .grip-row {
-      height: calc(100% + 1px)
-    }
-    .grip-row {
-      width: 0.75rem
-    }
-    .grip-row {
-      border-top-width: 1px
-    }
-    .grip-row {
-      border-color: rgb(0 0 0 / 0.2)
-    }
-    .grip-row:is([data-theme="dark"] *) {
-      border-color: rgb(255 255 255 / 0.2)
-    }
-    .grip-row {
-      &:hover,
-      &.selected {
-        &::before {
-          height: 0.625rem
-        }
-        &::before {
-          content: '';
-        }
-      }
-      &:hover {
-        background-color: rgb(0 0 0 / 0.1)
-      }
-      &:hover:is([data-theme="dark"] *) {
-        background-color: rgb(255 255 255 / 0.2)
-      }
-      &:hover {
-        &::before {
-          border-left-width: 2px
-        }
-        &::before {
-          border-style: dotted
-        }
-        &::before {
-          border-color: rgb(0 0 0 / 0.6)
-        }
-        &:is([data-theme="dark"] *)::before {
-          border-color: rgb(255 255 255 / 0.6)
-        }
-      }
-      &.first {
-        border-top-left-radius: 0.125rem
-      }
-      &.first {
-        border-color: transparent
-      }
-      &.last {
-        border-bottom-left-radius: 0.125rem
-      }
-      &.selected {
-        border-color: rgb(0 0 0 / 0.3)
-      }
-      &.selected {
-        background-color: rgb(0 0 0 / 0.3)
-      }
-      &.selected {
-        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-      }
-      &.selected:is([data-theme="dark"] *) {
-        border-color: rgb(255 255 255 / 0.3)
-      }
-      &.selected:is([data-theme="dark"] *) {
-        background-color: rgb(255 255 255 / 0.3)
-      }
-      &.selected {
-        &::before {
-          border-left-width: 2px
-        }
-        &::before {
-          border-style: dotted
-        }
-      }
-    }
-  }
-  p {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem
-  }
-  p {
-    padding-bottom: 2rem
-  }
-  p {
-    line-height: 1.625
-  }
-  p:first-child {
-    margin-top: 0px
-  }
-  p:first-child {
-    padding-bottom: 1.5rem
-  }
-  p:last-child {
-    margin-bottom: 0px
-  }
-  & > p {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem
-  }
-  & > p:first-child {
-    margin-top: 0px
-  }
-  & > p:last-child {
-    margin-bottom: 0px
-  }
-  h1 {
-    font-size: 1.875rem;
-    line-height: 2.25rem
-  }
-  h2 {
-    font-size: 1.5rem;
-    line-height: 2rem
-  }
-  h3 {
-    font-size: 1.25rem;
-    line-height: 1.75rem
-  }
-  h4 {
-    font-size: 1.125rem;
-    line-height: 1.75rem
-  }
-  h5 {
-    font-size: 1rem;
-    line-height: 1.5rem
-  }
-  h6 {
-    font-size: 0.875rem;
-    line-height: 1.25rem
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: 700
-  }
-  h1:first-child,
-  h2:first-child,
-  h3:first-child,
-  h4:first-child,
-  h5:first-child,
-  h6:first-child {
-    margin-top: 0px
-  }
-  h1:last-child,
-  h2:last-child,
-  h3:last-child,
-  h4:last-child,
-  h5:last-child,
-  h6:last-child {
-    margin-bottom: 0px
-  }
-  h1,
-  h2,
-  h3 {
-    margin-top: 3rem
-  }
-  h4,
-  h5,
-  h6 {
-    margin-top: 2rem
-  }
-  a.link {
-    font-weight: 800
-  }
-  a.link {
-    --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity))
-  }
-  a.link:is([data-theme="dark"] *) {
-    --tw-text-opacity: 1;
-    color: rgb(96 165 250 / var(--tw-text-opacity))
-  }
-  mark {
-    border-radius: 0.125rem
-  }
-  mark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
-  }
-  mark {
-    -webkit-box-decoration-break: clone;
-            box-decoration-break: clone
-  }
-  mark {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem
-  }
-  mark {
-    padding-left: 0px;
-    padding-right: 0px
-  }
-  mark {
-    color: inherit
-  }
-  mark:is([data-theme="dark"] *) {
-    --tw-bg-opacity: 1;
-    background-color: rgb(248 113 113 / var(--tw-bg-opacity))
+.dark\:border-neutral-900:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity))
+}
+
+.dark\:border-white:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity))
+}
+
+.dark\:border-r-neutral-800:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(38 38 38 / var(--tw-border-opacity))
+}
+
+.dark\:bg-black:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-green-400:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-neutral-300:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-neutral-800:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-neutral-900:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-red-400:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-white:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.dark\:bg-white\/10:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.1)
+}
+
+.dark\:bg-white\/20:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.2)
+}
+
+.dark\:bg-yellow-400:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity))
+}
+
+.dark\:text-black:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-100:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 245 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-200:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-300:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-400:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-500:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity))
+}
+
+.dark\:text-neutral-600:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity))
+}
+
+.dark\:text-purple-400:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(192 132 252 / var(--tw-text-opacity))
+}
+
+.dark\:text-red-500:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity))
+}
+
+.dark\:text-white:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.dark\:text-white\/80:is([data-theme="dark"] *) {
+  color: rgb(255 255 255 / 0.8)
+}
+
+.dark\:caret-white:is([data-theme="dark"] *) {
+  caret-color: #fff
+}
+
+.dark\:hover\:bg-neutral-200:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity))
+}
+
+.dark\:hover\:bg-neutral-700:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity))
+}
+
+.dark\:hover\:bg-neutral-800:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity))
+}
+
+.dark\:hover\:bg-neutral-900:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity))
+}
+
+.dark\:hover\:bg-red-500:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
+}
+
+.dark\:hover\:bg-white\/10:hover:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.1)
+}
+
+.dark\:hover\:bg-white\/20:hover:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.2)
+}
+
+.dark\:hover\:bg-opacity-20:hover:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 0.2
+}
+
+.dark\:hover\:text-neutral-200:hover:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity))
+}
+
+.dark\:hover\:text-neutral-300:hover:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity))
+}
+
+.dark\:hover\:text-purple-200:hover:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(233 213 255 / var(--tw-text-opacity))
+}
+
+.dark\:hover\:text-purple-300:hover:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(216 180 254 / var(--tw-text-opacity))
+}
+
+.dark\:hover\:text-red-500:hover:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity))
+}
+
+.dark\:focus\:outline-neutral-700:focus:is([data-theme="dark"] *) {
+  outline-color: #404040
+}
+
+.dark\:focus\:outline-white:focus:is([data-theme="dark"] *) {
+  outline-color: #fff
+}
+
+.dark\:active\:bg-neutral-300:active:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity))
+}
+
+.dark\:active\:bg-neutral-700:active:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity))
+}
+
+.dark\:active\:bg-neutral-800:active:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity))
+}
+
+.dark\:active\:text-neutral-200:active:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity))
+}
+
+.dark\:active\:text-purple-400:active:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(192 132 252 / var(--tw-text-opacity))
+}
+
+.dark\:active\:outline-white:active:is([data-theme="dark"] *) {
+  outline-color: #fff
+}
+
+@media (min-width: 1024px) {
+  .lg\:relative {
+    position: relative
   }
-  & img {
+
+  .lg\:h-auto {
     height: auto
   }
-  & img {
-    width: 100%
-  }
-  & img {
-    max-width: 100%
-  }
-  [data-type='horizontalRule'] {
-    margin-top: 2rem;
-    margin-bottom: 2rem
-  }
-  [data-type='horizontalRule'] {
-    cursor: pointer
-  }
-  [data-type='horizontalRule'] {
-    padding-top: 1rem;
-    padding-bottom: 1rem
-  }
-  [data-type='horizontalRule'] {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms
-  }
-  [data-type='horizontalRule'] {
-    transition-duration: 100ms
-  }
-  [data-type='horizontalRule'] {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-  }
-  [data-type='horizontalRule'] {
-    animation-duration: 100ms
-  }
-  [data-type='horizontalRule'] {
-    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-  }
-  [data-type='horizontalRule'] {
-    &.ProseMirror-selectednode {
-      background-color: rgb(0 0 0 / 0.05)
-    }
-    &.ProseMirror-selectednode:is([data-theme="dark"] *) {
-      background-color: rgb(255 255 255 / 0.1)
-    }
-    &.ProseMirror-selectednode {
-      hr {
-        border-top-color: rgb(0 0 0 / 0.3)
-      }
-      hr:is([data-theme="dark"] *) {
-        border-top-color: rgb(255 255 255 / 0.3)
-      }
-    }
-    &:hover:not(&.ProseMirror-selectednode) {
-      background-color: rgb(0 0 0 / 0.05)
-    }
-    &:hover:not(&.ProseMirror-selectednode):is([data-theme="dark"] *) {
-      background-color: rgb(255 255 255 / 0.1)
-    }
-    hr {
-      border-width: 0px
-    }
-    hr {
-      border-top-width: 1px
-    }
-    hr {
-      border-color: rgb(0 0 0 / 0.2)
-    }
-    hr {
-      background-color: rgb(0 0 0 / 0.8)
-    }
-    hr:is([data-theme="dark"] *) {
-      border-color: rgb(255 255 255 / 0.2)
-    }
-    hr:is([data-theme="dark"] *) {
-      background-color: rgb(255 255 255 / 0.8)
-    }
+
+  .lg\:bg-white\/30 {
+    background-color: rgb(255 255 255 / 0.3)
   }
-  .ProseMirror p[dir='rtl'],
-  .ProseMirror h1[dir='rtl'],
-  .ProseMirror h2[dir='rtl'],
-  .ProseMirror h3[dir='rtl'],
-  .ProseMirror h4[dir='rtl'],
-  .ProseMirror h5[dir='rtl'],
-  .ProseMirror h6[dir='rtl'] {
-    text-align: right;
+
+  .lg\:backdrop-blur-xl {
+    --tw-backdrop-blur: blur(24px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
   }
-  .ProseMirror p[dir='ltr'],
-  .ProseMirror h1[dir='ltr'],
-  .ProseMirror h2[dir='ltr'],
-  .ProseMirror h3[dir='ltr'],
-  .ProseMirror h4[dir='ltr'],
-  .ProseMirror h5[dir='ltr'],
-  .ProseMirror h6[dir='ltr'] {
-    text-align: left;
+
+  .lg\:dark\:bg-black\/30:is([data-theme="dark"] *) {
+    background-color: rgb(0 0 0 / 0.3)
   }
 }