diff --git a/resources/css/editor.css b/resources/css/editor.css
index c91eb60..38118ec 100644
--- a/resources/css/editor.css
+++ b/resources/css/editor.css
@@ -3,36 +3,69 @@
 /* @tailwind utilities; */
 
 .editorjs-wrapper {
-    @apply border rounded-lg relative bg-white shadow-sm prose prose-sm dark:prose-invert border-gray-300 mx-auto dark:bg-gray-700 dark:border-gray-600;
-    max-width: unset;
+  @apply border rounded-lg relative bg-white shadow-sm prose prose-sm dark:prose-invert border-gray-300 mx-auto dark:bg-gray-700 dark:border-gray-600;
+  max-width: unset;
 }
 
 .codex-editor__redactor {
-    @apply px-3 py-2;
+  @apply px-3 py-2;
 }
 
 .ce-block__content,
 .ce-toolbar__content {
-    max-width: unset; /* example value, adjust for your own use case */
+  max-width: unset; /* example value, adjust for your own use case */
 }
 
 .ce-toolbar__plus,
 .ce-toolbar__settings-btn {
-    @apply dark:text-gray-300 dark:hover:bg-gray-700;
+  @apply dark:text-gray-300 dark:hover:bg-gray-500;
 }
 
 .ce-popover {
-    @apply dark:bg-gray-800 dark:border-gray-600;
+  @apply dark:bg-gray-800 dark:border-gray-600;
 }
 
 .ce-popover__item-icon {
-    @apply dark:bg-gray-600;
+  @apply dark:bg-gray-800;
 }
 
 .ce-popover__item {
-    @apply dark:hover:bg-gray-500;
+  @apply dark:hover:bg-gray-500;
 }
 
 .ce-code__textarea {
-    @apply dark:bg-gray-500 dark:text-white;
+  @apply dark:bg-gray-800 dark:text-white;
+}
+
+.ce-settings {
+  @apply dark:bg-gray-800 dark:text-white dark:border-gray-500;
+}
+
+.ce-settings__button,
+.cdx-settings-button {
+  @apply dark:text-white dark:hover:bg-gray-500;
+}
+
+.cdx-search-field__icon .icon {
+  @apply dark:text-white;
+}
+
+.cdx-search-field__input {
+  @apply dark:text-white dark:placeholder:text-gray-400;
+}
+
+.ce-popover__no-found {
+  @apply dark:text-gray-400;
+}
+
+.ce-inline-toolbar {
+  @apply dark:bg-gray-800 dark:border-gray-600;
+}
+
+.ce-inline-tool {
+  @apply dark:text-white dark:hover:bg-gray-500;
+}
+
+.ce-inline-tool-input {
+  @apply block w-full transition duration-75 focus:ring-1 focus:ring-inset disabled:opacity-70 dark:bg-gray-700 dark:text-white border-gray-300 dark:border-gray-600;
 }
diff --git a/resources/dist/css/editor.css b/resources/dist/css/editor.css
index 22ddbe2..d12c0a1 100644
--- a/resources/dist/css/editor.css
+++ b/resources/dist/css/editor.css
@@ -2,710 +2,810 @@
 /* @tailwind utilities; */
 
 .editorjs-wrapper {
-    color: var(--tw-prose-body);
-    max-width: 65ch;
+  color: var(--tw-prose-body);
+  max-width: 65ch;
 }
 
 .editorjs-wrapper :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-lead);
-    font-size: 1.25em;
-    line-height: 1.6;
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
+  color: var(--tw-prose-lead);
+  font-size: 1.25em;
+  line-height: 1.6;
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
 }
 
 .editorjs-wrapper :where(a):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-links);
-    text-decoration: underline;
-    font-weight: 500;
+  color: var(--tw-prose-links);
+  text-decoration: underline;
+  font-weight: 500;
 }
 
 .editorjs-wrapper :where(strong):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-bold);
-    font-weight: 600;
+  color: var(--tw-prose-bold);
+  font-weight: 600;
 }
 
 .editorjs-wrapper :where(ol):not(:where([class~="not-prose"] *)) {
-    list-style-type: decimal;
-    padding-left: 1.625em;
+  list-style-type: decimal;
+  padding-left: 1.625em;
 }
 
 .editorjs-wrapper :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
-    list-style-type: upper-alpha;
+  list-style-type: upper-alpha;
 }
 
 .editorjs-wrapper :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
-    list-style-type: lower-alpha;
+  list-style-type: lower-alpha;
 }
 
 .editorjs-wrapper :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
-    list-style-type: upper-alpha;
+  list-style-type: upper-alpha;
 }
 
 .editorjs-wrapper :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
-    list-style-type: lower-alpha;
+  list-style-type: lower-alpha;
 }
 
 .editorjs-wrapper :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
-    list-style-type: upper-roman;
+  list-style-type: upper-roman;
 }
 
 .editorjs-wrapper :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
-    list-style-type: lower-roman;
+  list-style-type: lower-roman;
 }
 
 .editorjs-wrapper :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
-    list-style-type: upper-roman;
+  list-style-type: upper-roman;
 }
 
 .editorjs-wrapper :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
-    list-style-type: lower-roman;
+  list-style-type: lower-roman;
 }
 
 .editorjs-wrapper :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
-    list-style-type: decimal;
+  list-style-type: decimal;
 }
 
 .editorjs-wrapper :where(ul):not(:where([class~="not-prose"] *)) {
-    list-style-type: disc;
-    padding-left: 1.625em;
+  list-style-type: disc;
+  padding-left: 1.625em;
 }
 
 .editorjs-wrapper :where(ol > li):not(:where([class~="not-prose"] *))::marker {
-    font-weight: 400;
-    color: var(--tw-prose-counters);
+  font-weight: 400;
+  color: var(--tw-prose-counters);
 }
 
 .editorjs-wrapper :where(ul > li):not(:where([class~="not-prose"] *))::marker {
-    color: var(--tw-prose-bullets);
+  color: var(--tw-prose-bullets);
 }
 
 .editorjs-wrapper :where(hr):not(:where([class~="not-prose"] *)) {
-    border-color: var(--tw-prose-hr);
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
+  border-color: var(--tw-prose-hr);
+  border-top-width: 1px;
+  margin-top: 3em;
+  margin-bottom: 3em;
 }
 
 .editorjs-wrapper :where(blockquote):not(:where([class~="not-prose"] *)) {
-    font-weight: 500;
-    font-style: italic;
-    color: var(--tw-prose-quotes);
-    border-left-width: 0.25rem;
-    border-left-color: var(--tw-prose-quote-borders);
-    quotes: "\201C""\201D""\2018""\2019";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-left: 1em;
+  font-weight: 500;
+  font-style: italic;
+  color: var(--tw-prose-quotes);
+  border-left-width: 0.25rem;
+  border-left-color: var(--tw-prose-quote-borders);
+  quotes: "\201C""\201D""\2018""\2019";
+  margin-top: 1.6em;
+  margin-bottom: 1.6em;
+  padding-left: 1em;
 }
 
 .editorjs-wrapper :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
-    content: open-quote;
+  content: open-quote;
 }
 
 .editorjs-wrapper :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
-    content: close-quote;
+  content: close-quote;
 }
 
 .editorjs-wrapper :where(h1):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    font-weight: 800;
-    font-size: 2.25em;
-    margin-top: 0;
-    margin-bottom: 0.8888889em;
-    line-height: 1.1111111;
+  color: var(--tw-prose-headings);
+  font-weight: 800;
+  font-size: 2.25em;
+  margin-top: 0;
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
 }
 
 .editorjs-wrapper :where(h1 strong):not(:where([class~="not-prose"] *)) {
-    font-weight: 900;
+  font-weight: 900;
 }
 
 .editorjs-wrapper :where(h2):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    font-weight: 700;
-    font-size: 1.5em;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    line-height: 1.3333333;
+  color: var(--tw-prose-headings);
+  font-weight: 700;
+  font-size: 1.5em;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  line-height: 1.3333333;
 }
 
 .editorjs-wrapper :where(h2 strong):not(:where([class~="not-prose"] *)) {
-    font-weight: 800;
+  font-weight: 800;
 }
 
 .editorjs-wrapper :where(h3):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    font-weight: 600;
-    font-size: 1.25em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-    line-height: 1.6;
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  font-size: 1.25em;
+  margin-top: 1.6em;
+  margin-bottom: 0.6em;
+  line-height: 1.6;
 }
 
 .editorjs-wrapper :where(h3 strong):not(:where([class~="not-prose"] *)) {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .editorjs-wrapper :where(h4):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    font-weight: 600;
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
-    line-height: 1.5;
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  line-height: 1.5;
 }
 
 .editorjs-wrapper :where(h4 strong):not(:where([class~="not-prose"] *)) {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .editorjs-wrapper :where(figure > *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 .editorjs-wrapper :where(figcaption):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-captions);
-    font-size: 0.875em;
-    line-height: 1.4285714;
-    margin-top: 0.8571429em;
+  color: var(--tw-prose-captions);
+  font-size: 0.875em;
+  line-height: 1.4285714;
+  margin-top: 0.8571429em;
 }
 
 .editorjs-wrapper :where(code):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-code);
-    font-weight: 600;
-    font-size: 0.875em;
+  color: var(--tw-prose-code);
+  font-weight: 600;
+  font-size: 0.875em;
 }
 
 .editorjs-wrapper :where(code):not(:where([class~="not-prose"] *))::before {
-    content: "`";
+  content: "`";
 }
 
 .editorjs-wrapper :where(code):not(:where([class~="not-prose"] *))::after {
-    content: "`";
+  content: "`";
 }
 
 .editorjs-wrapper :where(a code):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-links);
+  color: var(--tw-prose-links);
 }
 
 .editorjs-wrapper :where(pre):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-pre-code);
-    background-color: var(--tw-prose-pre-bg);
-    overflow-x: auto;
-    font-weight: 400;
-    font-size: 0.875em;
-    line-height: 1.7142857;
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
-    border-radius: 0.375rem;
-    padding-top: 0.8571429em;
-    padding-right: 1.1428571em;
-    padding-bottom: 0.8571429em;
-    padding-left: 1.1428571em;
+  color: var(--tw-prose-pre-code);
+  background-color: var(--tw-prose-pre-bg);
+  overflow-x: auto;
+  font-weight: 400;
+  font-size: 0.875em;
+  line-height: 1.7142857;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+  border-radius: 0.375rem;
+  padding-top: 0.8571429em;
+  padding-right: 1.1428571em;
+  padding-bottom: 0.8571429em;
+  padding-left: 1.1428571em;
 }
 
 .editorjs-wrapper :where(pre code):not(:where([class~="not-prose"] *)) {
-    background-color: transparent;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-    font-weight: inherit;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
+  background-color: transparent;
+  border-width: 0;
+  border-radius: 0;
+  padding: 0;
+  font-weight: inherit;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
 }
 
 .editorjs-wrapper :where(pre code):not(:where([class~="not-prose"] *))::before {
-    content: none;
+  content: none;
 }
 
 .editorjs-wrapper :where(pre code):not(:where([class~="not-prose"] *))::after {
-    content: none;
+  content: none;
 }
 
 .editorjs-wrapper :where(table):not(:where([class~="not-prose"] *)) {
-    width: 100%;
-    table-layout: auto;
-    text-align: left;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: 0.875em;
-    line-height: 1.7142857;
+  width: 100%;
+  table-layout: auto;
+  text-align: left;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  font-size: 0.875em;
+  line-height: 1.7142857;
 }
 
 .editorjs-wrapper :where(thead):not(:where([class~="not-prose"] *)) {
-    border-bottom-width: 1px;
-    border-bottom-color: var(--tw-prose-th-borders);
+  border-bottom-width: 1px;
+  border-bottom-color: var(--tw-prose-th-borders);
 }
 
 .editorjs-wrapper :where(thead th):not(:where([class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    font-weight: 600;
-    vertical-align: bottom;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  vertical-align: bottom;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
 }
 
 .editorjs-wrapper :where(tbody tr):not(:where([class~="not-prose"] *)) {
-    border-bottom-width: 1px;
-    border-bottom-color: var(--tw-prose-td-borders);
+  border-bottom-width: 1px;
+  border-bottom-color: var(--tw-prose-td-borders);
 }
 
 .editorjs-wrapper :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
-    border-bottom-width: 0;
+  border-bottom-width: 0;
 }
 
 .editorjs-wrapper :where(tbody td):not(:where([class~="not-prose"] *)) {
-    vertical-align: baseline;
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
+  vertical-align: baseline;
+  padding-top: 0.5714286em;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
 }
 
 .editorjs-wrapper {
-    --tw-prose-body: #374151;
-    --tw-prose-headings: #111827;
-    --tw-prose-lead: #4b5563;
-    --tw-prose-links: #111827;
-    --tw-prose-bold: #111827;
-    --tw-prose-counters: #6b7280;
-    --tw-prose-bullets: #d1d5db;
-    --tw-prose-hr: #e5e7eb;
-    --tw-prose-quotes: #111827;
-    --tw-prose-quote-borders: #e5e7eb;
-    --tw-prose-captions: #6b7280;
-    --tw-prose-code: #111827;
-    --tw-prose-pre-code: #e5e7eb;
-    --tw-prose-pre-bg: #1f2937;
-    --tw-prose-th-borders: #d1d5db;
-    --tw-prose-td-borders: #e5e7eb;
-    --tw-prose-invert-body: #d1d5db;
-    --tw-prose-invert-headings: #fff;
-    --tw-prose-invert-lead: #9ca3af;
-    --tw-prose-invert-links: #fff;
-    --tw-prose-invert-bold: #fff;
-    --tw-prose-invert-counters: #9ca3af;
-    --tw-prose-invert-bullets: #4b5563;
-    --tw-prose-invert-hr: #374151;
-    --tw-prose-invert-quotes: #f3f4f6;
-    --tw-prose-invert-quote-borders: #374151;
-    --tw-prose-invert-captions: #9ca3af;
-    --tw-prose-invert-code: #fff;
-    --tw-prose-invert-pre-code: #d1d5db;
-    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
-    --tw-prose-invert-th-borders: #4b5563;
-    --tw-prose-invert-td-borders: #374151;
-    font-size: 1rem;
-    line-height: 1.75;
+  --tw-prose-body: #374151;
+  --tw-prose-headings: #111827;
+  --tw-prose-lead: #4b5563;
+  --tw-prose-links: #111827;
+  --tw-prose-bold: #111827;
+  --tw-prose-counters: #6b7280;
+  --tw-prose-bullets: #d1d5db;
+  --tw-prose-hr: #e5e7eb;
+  --tw-prose-quotes: #111827;
+  --tw-prose-quote-borders: #e5e7eb;
+  --tw-prose-captions: #6b7280;
+  --tw-prose-code: #111827;
+  --tw-prose-pre-code: #e5e7eb;
+  --tw-prose-pre-bg: #1f2937;
+  --tw-prose-th-borders: #d1d5db;
+  --tw-prose-td-borders: #e5e7eb;
+  --tw-prose-invert-body: #d1d5db;
+  --tw-prose-invert-headings: #fff;
+  --tw-prose-invert-lead: #9ca3af;
+  --tw-prose-invert-links: #fff;
+  --tw-prose-invert-bold: #fff;
+  --tw-prose-invert-counters: #9ca3af;
+  --tw-prose-invert-bullets: #4b5563;
+  --tw-prose-invert-hr: #374151;
+  --tw-prose-invert-quotes: #f3f4f6;
+  --tw-prose-invert-quote-borders: #374151;
+  --tw-prose-invert-captions: #9ca3af;
+  --tw-prose-invert-code: #fff;
+  --tw-prose-invert-pre-code: #d1d5db;
+  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+  --tw-prose-invert-th-borders: #4b5563;
+  --tw-prose-invert-td-borders: #374151;
+  font-size: 1rem;
+  line-height: 1.75;
 }
 
 .editorjs-wrapper :where(p):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
 }
 
 .editorjs-wrapper :where(img):not(:where([class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 
 .editorjs-wrapper :where(video):not(:where([class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 
 .editorjs-wrapper :where(figure):not(:where([class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 
 .editorjs-wrapper :where(h2 code):not(:where([class~="not-prose"] *)) {
-    font-size: 0.875em;
+  font-size: 0.875em;
 }
 
 .editorjs-wrapper :where(h3 code):not(:where([class~="not-prose"] *)) {
-    font-size: 0.9em;
+  font-size: 0.9em;
 }
 
 .editorjs-wrapper :where(li):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 .editorjs-wrapper :where(ol > li):not(:where([class~="not-prose"] *)) {
-    padding-left: 0.375em;
+  padding-left: 0.375em;
 }
 
 .editorjs-wrapper :where(ul > li):not(:where([class~="not-prose"] *)) {
-    padding-left: 0.375em;
+  padding-left: 0.375em;
 }
 
 .editorjs-wrapper > :where(ul > li p):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
 }
 
 .editorjs-wrapper > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.25em;
+  margin-top: 1.25em;
 }
 
 .editorjs-wrapper > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
+  margin-bottom: 1.25em;
 }
 
 .editorjs-wrapper > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.25em;
+  margin-top: 1.25em;
 }
 
 .editorjs-wrapper > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
+  margin-bottom: 1.25em;
 }
 
 .editorjs-wrapper :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.75em;
-    margin-bottom: 0.75em;
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
 }
 
 .editorjs-wrapper :where(hr + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h2 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h3 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h4 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 .editorjs-wrapper :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
-    padding-right: 0;
+  padding-right: 0;
 }
 
 .editorjs-wrapper :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 .editorjs-wrapper :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
-    padding-right: 0;
+  padding-right: 0;
 }
 
 .editorjs-wrapper > :where(:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper > :where(:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .editorjs-wrapper {
-    font-size: 0.875rem;
-    line-height: 1.7142857;
+  font-size: 0.875rem;
+  line-height: 1.7142857;
 }
 
 .editorjs-wrapper :where(p):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.1428571em;
-    margin-bottom: 1.1428571em;
+  margin-top: 1.1428571em;
+  margin-bottom: 1.1428571em;
 }
 
 .editorjs-wrapper :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
-    font-size: 1.2857143em;
-    line-height: 1.5555556;
-    margin-top: 0.8888889em;
-    margin-bottom: 0.8888889em;
+  font-size: 1.2857143em;
+  line-height: 1.5555556;
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
 }
 
 .editorjs-wrapper :where(blockquote):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.3333333em;
-    margin-bottom: 1.3333333em;
-    padding-left: 1.1111111em;
+  margin-top: 1.3333333em;
+  margin-bottom: 1.3333333em;
+  padding-left: 1.1111111em;
 }
 
 .editorjs-wrapper :where(h1):not(:where([class~="not-prose"] *)) {
-    font-size: 2.1428571em;
-    margin-top: 0;
-    margin-bottom: 0.8em;
-    line-height: 1.2;
+  font-size: 2.1428571em;
+  margin-top: 0;
+  margin-bottom: 0.8em;
+  line-height: 1.2;
 }
 
 .editorjs-wrapper :where(h2):not(:where([class~="not-prose"] *)) {
-    font-size: 1.4285714em;
-    margin-top: 1.6em;
-    margin-bottom: 0.8em;
-    line-height: 1.4;
+  font-size: 1.4285714em;
+  margin-top: 1.6em;
+  margin-bottom: 0.8em;
+  line-height: 1.4;
 }
 
 .editorjs-wrapper :where(h3):not(:where([class~="not-prose"] *)) {
-    font-size: 1.2857143em;
-    margin-top: 1.5555556em;
-    margin-bottom: 0.4444444em;
-    line-height: 1.5555556;
+  font-size: 1.2857143em;
+  margin-top: 1.5555556em;
+  margin-bottom: 0.4444444em;
+  line-height: 1.5555556;
 }
 
 .editorjs-wrapper :where(h4):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.4285714em;
-    margin-bottom: 0.5714286em;
-    line-height: 1.4285714;
+  margin-top: 1.4285714em;
+  margin-bottom: 0.5714286em;
+  line-height: 1.4285714;
 }
 
 .editorjs-wrapper :where(img):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
 }
 
 .editorjs-wrapper :where(video):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
 }
 
 .editorjs-wrapper :where(figure):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.7142857em;
-    margin-bottom: 1.7142857em;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
 }
 
 .editorjs-wrapper :where(figure > *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 .editorjs-wrapper :where(figcaption):not(:where([class~="not-prose"] *)) {
-    font-size: 0.8571429em;
-    line-height: 1.3333333;
-    margin-top: 0.6666667em;
+  font-size: 0.8571429em;
+  line-height: 1.3333333;
+  margin-top: 0.6666667em;
 }
 
 .editorjs-wrapper :where(code):not(:where([class~="not-prose"] *)) {
-    font-size: 0.8571429em;
+  font-size: 0.8571429em;
 }
 
 .editorjs-wrapper :where(h2 code):not(:where([class~="not-prose"] *)) {
-    font-size: 0.9em;
+  font-size: 0.9em;
 }
 
 .editorjs-wrapper :where(h3 code):not(:where([class~="not-prose"] *)) {
-    font-size: 0.8888889em;
+  font-size: 0.8888889em;
 }
 
 .editorjs-wrapper :where(pre):not(:where([class~="not-prose"] *)) {
-    font-size: 0.8571429em;
-    line-height: 1.6666667;
-    margin-top: 1.6666667em;
-    margin-bottom: 1.6666667em;
-    border-radius: 0.25rem;
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
+  font-size: 0.8571429em;
+  line-height: 1.6666667;
+  margin-top: 1.6666667em;
+  margin-bottom: 1.6666667em;
+  border-radius: 0.25rem;
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
 
 .editorjs-wrapper :where(ol):not(:where([class~="not-prose"] *)) {
-    padding-left: 1.5714286em;
+  padding-left: 1.5714286em;
 }
 
 .editorjs-wrapper :where(ul):not(:where([class~="not-prose"] *)) {
-    padding-left: 1.5714286em;
+  padding-left: 1.5714286em;
 }
 
 .editorjs-wrapper :where(li):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.2857143em;
-    margin-bottom: 0.2857143em;
+  margin-top: 0.2857143em;
+  margin-bottom: 0.2857143em;
 }
 
 .editorjs-wrapper :where(ol > li):not(:where([class~="not-prose"] *)) {
-    padding-left: 0.4285714em;
+  padding-left: 0.4285714em;
 }
 
 .editorjs-wrapper :where(ul > li):not(:where([class~="not-prose"] *)) {
-    padding-left: 0.4285714em;
+  padding-left: 0.4285714em;
 }
 
 .editorjs-wrapper > :where(ul > li p):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
 }
 
 .editorjs-wrapper > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.1428571em;
+  margin-top: 1.1428571em;
 }
 
 .editorjs-wrapper > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 1.1428571em;
+  margin-bottom: 1.1428571em;
 }
 
 .editorjs-wrapper > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 1.1428571em;
+  margin-top: 1.1428571em;
 }
 
 .editorjs-wrapper > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 1.1428571em;
+  margin-bottom: 1.1428571em;
 }
 
 .editorjs-wrapper :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
-    margin-top: 0.5714286em;
-    margin-bottom: 0.5714286em;
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
 }
 
 .editorjs-wrapper :where(hr):not(:where([class~="not-prose"] *)) {
-    margin-top: 2.8571429em;
-    margin-bottom: 2.8571429em;
+  margin-top: 2.8571429em;
+  margin-bottom: 2.8571429em;
 }
 
 .editorjs-wrapper :where(hr + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h2 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h3 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(h4 + *):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper :where(table):not(:where([class~="not-prose"] *)) {
-    font-size: 0.8571429em;
-    line-height: 1.5;
+  font-size: 0.8571429em;
+  line-height: 1.5;
 }
 
 .editorjs-wrapper :where(thead th):not(:where([class~="not-prose"] *)) {
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
 
 .editorjs-wrapper :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 .editorjs-wrapper :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
-    padding-right: 0;
+  padding-right: 0;
 }
 
 .editorjs-wrapper :where(tbody td):not(:where([class~="not-prose"] *)) {
-    padding-top: 0.6666667em;
-    padding-right: 1em;
-    padding-bottom: 0.6666667em;
-    padding-left: 1em;
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
 
 .editorjs-wrapper :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 .editorjs-wrapper :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
-    padding-right: 0;
+  padding-right: 0;
 }
 
 .editorjs-wrapper > :where(:first-child):not(:where([class~="not-prose"] *)) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .editorjs-wrapper > :where(:last-child):not(:where([class~="not-prose"] *)) {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .editorjs-wrapper {
-    position: relative;
-    margin-left: auto;
-    margin-right: auto;
-    border-radius: 0.5rem;
-    border-width: 1px;
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity));
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-    --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);
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --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);
 }
 
 .dark .editorjs-wrapper {
-    --tw-prose-body: var(--tw-prose-invert-body);
-    --tw-prose-headings: var(--tw-prose-invert-headings);
-    --tw-prose-lead: var(--tw-prose-invert-lead);
-    --tw-prose-links: var(--tw-prose-invert-links);
-    --tw-prose-bold: var(--tw-prose-invert-bold);
-    --tw-prose-counters: var(--tw-prose-invert-counters);
-    --tw-prose-bullets: var(--tw-prose-invert-bullets);
-    --tw-prose-hr: var(--tw-prose-invert-hr);
-    --tw-prose-quotes: var(--tw-prose-invert-quotes);
-    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
-    --tw-prose-captions: var(--tw-prose-invert-captions);
-    --tw-prose-code: var(--tw-prose-invert-code);
-    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
-    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
-    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
-    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
-    --tw-border-opacity: 1;
-    border-color: rgb(75 85 99 / var(--tw-border-opacity));
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  --tw-prose-body: var(--tw-prose-invert-body);
+  --tw-prose-headings: var(--tw-prose-invert-headings);
+  --tw-prose-lead: var(--tw-prose-invert-lead);
+  --tw-prose-links: var(--tw-prose-invert-links);
+  --tw-prose-bold: var(--tw-prose-invert-bold);
+  --tw-prose-counters: var(--tw-prose-invert-counters);
+  --tw-prose-bullets: var(--tw-prose-invert-bullets);
+  --tw-prose-hr: var(--tw-prose-invert-hr);
+  --tw-prose-quotes: var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions: var(--tw-prose-invert-captions);
+  --tw-prose-code: var(--tw-prose-invert-code);
+  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
 .editorjs-wrapper {
-    max-width: unset;
+  max-width: unset;
 }
 
 .codex-editor__redactor {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
 .ce-block__content,
 .ce-toolbar__content {
-    max-width: unset; /* example value, adjust for your own use case */
+  max-width: unset; /* example value, adjust for your own use case */
 }
 
 .dark .ce-toolbar__plus, .dark 
 .ce-toolbar__settings-btn {
-    --tw-text-opacity: 1;
-    color: rgb(209 213 219 / var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .dark .ce-toolbar__plus:hover, .dark 
 .ce-toolbar__settings-btn:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
 .dark .ce-popover {
-    --tw-border-opacity: 1;
-    border-color: rgb(75 85 99 / var(--tw-border-opacity));
-    --tw-bg-opacity: 1;
-    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
 .dark .ce-popover__item-icon {
-    --tw-bg-opacity: 1;
-    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
 .dark .ce-popover__item:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
 .dark .ce-code__textarea {
-    --tw-bg-opacity: 1;
-    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .ce-settings {
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .ce-settings__button, .dark 
+.cdx-settings-button {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .ce-settings__button:hover, .dark 
+.cdx-settings-button:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+}
+
+.dark .cdx-search-field__icon .icon {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .cdx-search-field__input {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .cdx-search-field__input::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.dark .cdx-search-field__input:-ms-input-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.dark .cdx-search-field__input::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.dark .ce-popover__no-found {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.dark .ce-inline-toolbar {
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
+.dark .ce-inline-tool {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.dark .ce-inline-tool:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+}
+
+.ce-inline-tool-input {
+  display: block;
+  width: 100%;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 75ms;
+}
+
+.ce-inline-tool-input: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(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);
+  --tw-ring-inset: inset;
+}
+
+.ce-inline-tool-input:disabled {
+  opacity: 0.7;
+}
+
+.dark .ce-inline-tool-input {
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }