@trycourier/react-designer 0.0.0-canary-20250424162557

package/dist/esm/styles.css

@@ -0,0 +1,3151 @@
+.ProseMirror {
+  /* p {
+    @apply leading-relaxed courier-my-3 first:courier-mt-0 last:courier-mb-0;
+  }
+
+  & > p {
+    @apply courier-my-6 first:courier-mt-0 last:courier-mb-0;
+  } */
+}
+
+  .ProseMirror h1 {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+  .ProseMirror h2 {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+  .ProseMirror h3 {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+  .ProseMirror h4 {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+  .ProseMirror h5 {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+  .ProseMirror h6 {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+  .ProseMirror h1,
+  .ProseMirror h2,
+  .ProseMirror h3,
+  .ProseMirror h4,
+  .ProseMirror h5,
+  .ProseMirror h6 {
+  font-weight: 700;
+}
+
+  .ProseMirror h1:first-child,
+  .ProseMirror h2:first-child,
+  .ProseMirror h3:first-child,
+  .ProseMirror h4:first-child,
+  .ProseMirror h5:first-child,
+  .ProseMirror h6:first-child {
+  margin-top: 0px;
+}
+
+  .ProseMirror h1:last-child,
+  .ProseMirror h2:last-child,
+  .ProseMirror h3:last-child,
+  .ProseMirror h4:last-child,
+  .ProseMirror h5:last-child,
+  .ProseMirror h6:last-child {
+  margin-bottom: 0px;
+}
+
+  .ProseMirror h1,
+  .ProseMirror h2,
+  .ProseMirror h3 {
+  margin-top: 3rem;
+}
+
+  .ProseMirror h4,
+  .ProseMirror h5,
+  .ProseMirror h6 {
+  margin-top: 2rem;
+}
+
+  .ProseMirror a.link {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+
+  .ProseMirror a.link {
+  text-decoration-line: underline;
+}
+
+  .ProseMirror mark {
+  border-radius: calc(var(--radius) - 4px);
+}
+
+  .ProseMirror mark {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+
+  .ProseMirror mark {
+  -webkit-box-decoration-break: clone;
+          box-decoration-break: clone;
+}
+
+  .ProseMirror mark {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+  .ProseMirror mark {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+  .ProseMirror mark {
+  color: inherit;
+}
+
+  .ProseMirror mark:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
+}
+
+  .ProseMirror img {
+  height: auto;
+}
+
+  .ProseMirror img {
+  width: 100%;
+}
+
+  .ProseMirror img {
+  max-width: 100%;
+}
+
+  .ProseMirror [data-type="divider"] {
+  cursor: pointer;
+}
+
+  .ProseMirror [data-type="divider"] {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+  .ProseMirror [data-type="divider"] {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+  .ProseMirror [data-type="divider"] {
+  transition-duration: 100ms;
+}
+
+  .ProseMirror [data-type="divider"] {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+  .ProseMirror [data-type="divider"] {
+  animation-duration: 100ms;
+}
+
+  .ProseMirror [data-type="divider"] {
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+  .ProseMirror [data-type="divider"] {
+
+    /* &:hover:not(&.ProseMirror-selectednode) {
+      @apply courier-bg-black/5;
+      @apply dark:courier-bg-white/10;
+    } */
+  }
+
+  .ProseMirror [data-type="divider"].ProseMirror-selectednode {
+  background-color: rgb(0 0 0 / 0.05);
+}
+
+  .ProseMirror [data-type="divider"].ProseMirror-selectednode:is(.courier-dark *) {
+  background-color: rgb(255 255 255 / 0.1);
+}
+
+  .ProseMirror [data-type="divider"].ProseMirror-selectednode hr {
+  border-top-color: rgb(0 0 0 / 0.3);
+}
+
+  .ProseMirror [data-type="divider"].ProseMirror-selectednode hr:is(.courier-dark *) {
+  border-top-color: rgb(255 255 255 / 0.3);
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  margin: 0px;
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  height: 1px;
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  border-width: 0px;
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  border-top-width: 1px;
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  border-color: rgb(0 0 0 / 0.2);
+}
+
+  .ProseMirror [data-type="divider"] hr {
+  background-color: rgb(0 0 0 / 0.8);
+}
+
+  .ProseMirror [data-type="divider"] hr:is(.courier-dark *) {
+  border-color: rgb(255 255 255 / 0.2);
+}
+
+  .ProseMirror [data-type="divider"] hr:is(.courier-dark *) {
+  background-color: rgb(255 255 255 / 0.8);
+}
+
+  .ProseMirror [data-type="emoji"] {
+    display: inline-block;
+  }
+
+  .ProseMirror [data-type="emoji"] img {
+      width: 1em;
+      height: 1em;
+      object-fit: cover;
+      display: block;
+    }
+.lightTheme {
+  --background: #ffffff;
+  --foreground: #292929;
+  --muted: #D9D9D9;
+  --muted-foreground: #A3A3A3;
+  --popover: #ffffff;
+  --popover-foreground: #292929;
+  --border: #DCDEE4;
+  --input: #DCDEE4;
+  --card: #FAF9F8;
+  --card-foreground: #292929;
+  --primary: #ffffff;
+  --primary-foreground: #696F8C;
+  --secondary: #F5F5F5;
+  --secondary-foreground: #171717;
+  --accent: #E5F3FF;
+  --accent-foreground: #1D4ED8;
+  --destructive: #292929;
+  --destructive-foreground: #FF3363;
+  --ring: #80849D;
+  --radius: 6px;
+}
+.ProseMirror {
+  /* .is-empty::before {
+    @apply courier-text-neutral-500 dark:courier-text-neutral-400;
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+    width: 100%;
+  } */
+}
+.ProseMirror>*:first-child:first-child,
+  .ProseMirror [data-type="column"]>*:first-child {
+  margin-top: 0px;
+}
+.ProseMirror>*:first-child:last-child,
+  .ProseMirror [data-type="column"]>*:last-child {
+  margin-bottom: 0px;
+}
+.ProseMirror>*+* {
+    margin-top: 0.75em;
+  }
+.ProseMirror .node-imageUpload {
+  border-radius: 0.25rem;
+}
+.ProseMirror .node-imageUpload {
+  border-width: 2px;
+}
+.ProseMirror .node-imageUpload {
+  border-style: dotted;
+}
+.ProseMirror .node-imageUpload {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageUpload {
+  --tw-border-opacity: 0.1;
+}
+.ProseMirror .node-imageUpload {
+  padding: 0.5rem;
+}
+.ProseMirror .node-imageUpload:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageUpload {
+    transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
+  }
+.ProseMirror .node-imageUpload:hover {
+  --tw-border-opacity: 0.3;
+}
+.ProseMirror .node-imageUpload:has(.is-active),
+    .ProseMirror .node-imageUpload.has-focus {
+  --tw-border-opacity: 0.4;
+}
+.ProseMirror [data-type="columns"].has-focus [data-type="column"],
+    .ProseMirror [data-type="columns"]:hover [data-type="column"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="columns"].has-focus [data-type="column"]:is(.courier-dark *),
+    .ProseMirror [data-type="columns"]:hover [data-type="column"]:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="columns"] [data-type="column"].has-focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="columns"] [data-type="column"].has-focus:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="column"] {
+  border-radius: 0.25rem;
+}
+.ProseMirror [data-type="column"] {
+  border-width: 2px;
+}
+.ProseMirror [data-type="column"] {
+  border-style: dotted;
+}
+.ProseMirror [data-type="column"] {
+  border-color: transparent;
+}
+.ProseMirror [data-type="column"] {
+  padding: 0.25rem;
+}
+.ProseMirror [data-type="column"] {
+    transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
+  }
+.ProseMirror [data-type="column"]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="column"]:hover:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="column"]:has(.is-active),
+    .ProseMirror [data-type="column"].has-focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
+}
+.ProseMirror [data-type="column"]:has(.is-active):is(.courier-dark *),
+    .ProseMirror [data-type="column"].has-focus:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageBlock img {
+  overflow: hidden;
+}
+.ProseMirror .node-imageBlock img {
+  border-radius: 0.75rem;
+}
+.ProseMirror .node-imageBlock img {
+  border-width: 2px;
+}
+.ProseMirror .node-imageBlock img {
+  border-color: transparent;
+}
+.ProseMirror .node-imageBlock:hover img {
+  border-width: 2px;
+}
+.ProseMirror .node-imageBlock:hover img {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageBlock:hover img:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageBlock:has(.is-active) img,
+    .ProseMirror .node-imageBlock.has-focus img {
+  border-width: 2px;
+}
+.ProseMirror .node-imageBlock:has(.is-active) img,
+    .ProseMirror .node-imageBlock.has-focus img {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-imageBlock:has(.is-active) img:is(.courier-dark *),
+    .ProseMirror .node-imageBlock.has-focus img:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
+}
+.ProseMirror .node-aiWriter.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-aiImage.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-tableOfContentsNode.has-focus [data-node-view-wrapper]>* {
+  border-radius: var(--radius);
+}
+.ProseMirror .node-aiWriter.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-aiImage.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-tableOfContentsNode.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);
+}
+.ProseMirror .node-aiWriter.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-aiImage.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-tableOfContentsNode.has-focus [data-node-view-wrapper]>* {
+  --tw-shadow-color: rgb(0 0 0 / 0.3);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.ProseMirror .node-aiWriter.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-aiImage.has-focus [data-node-view-wrapper]>*, .ProseMirror .node-tableOfContentsNode.has-focus [data-node-view-wrapper]>* {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.ProseMirror .node-aiWriter.has-focus [data-node-view-wrapper]>*:is(.courier-dark *), .ProseMirror .node-aiImage.has-focus [data-node-view-wrapper]>*:is(.courier-dark *), .ProseMirror .node-tableOfContentsNode.has-focus [data-node-view-wrapper]>*:is(.courier-dark *) {
+  --tw-shadow-color: rgb(255 255 255 / 0.3);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.ProseMirror .ProseMirror-gapcursor+.node-imageBlock,
+  .ProseMirror .ProseMirror-gapcursor+.node-imageUpload,
+  .ProseMirror .ProseMirror-gapcursor+.node-blockquote {
+  outline-color: #404040;
+}
+.ProseMirror .ProseMirror-gapcursor+.node-imageBlock:hover,
+  .ProseMirror .ProseMirror-gapcursor+.node-imageUpload:hover,
+  .ProseMirror .ProseMirror-gapcursor+.node-blockquote:hover {
+  outline-color: #525252;
+}
+.ProseMirror .ProseMirror-gapcursor+.node-imageBlock:is(.courier-dark *),
+  .ProseMirror .ProseMirror-gapcursor+.node-imageUpload:is(.courier-dark *),
+  .ProseMirror .ProseMirror-gapcursor+.node-blockquote:is(.courier-dark *) {
+  outline-color: #d4d4d4;
+}
+.ProseMirror .ProseMirror-gapcursor+.node-imageBlock:hover:is(.courier-dark *),
+  .ProseMirror .ProseMirror-gapcursor+.node-imageUpload:hover:is(.courier-dark *),
+  .ProseMirror .ProseMirror-gapcursor+.node-blockquote:hover:is(.courier-dark *) {
+  outline-color: #a3a3a3;
+}
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+::before,
+::after {
+  --tw-content: '';
+}
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+/*
+Remove the default font size and weight for headings.
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+/*
+Add the correct font weight in Edge and Safari.
+*/
+b,
+strong {
+  font-weight: bolder;
+}
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}
+/*
+Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%;
+}
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+button,
+select {
+  text-transform: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+:-moz-focusring {
+  outline: auto;
+}
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+progress {
+  vertical-align: baseline;
+}
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item;
+}
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+/*
+Prevent resizing textareas horizontally by default.
+*/
+textarea {
+  resize: vertical;
+}
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+/*
+Set the default cursor for buttons.
+*/
+button,
+[role="button"] {
+  cursor: pointer;
+}
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden]:where(:not([hidden="until-found"])) {
+  display: none;
+}
+* {
+  border-color: var(--border);
+  outline-color: var(--ring);
+    /* @apply courier-border-border courier-outline-ring/50; */
+}
+body {
+  background-color: var(--background);
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  color: var(--foreground);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.courier-pointer-events-none {
+  pointer-events: none;
+}
+.courier-visible {
+  visibility: visible;
+}
+.courier-invisible {
+  visibility: hidden;
+}
+.courier-absolute {
+  position: absolute;
+}
+.courier-relative {
+  position: relative;
+}
+.courier-sticky {
+  position: sticky;
+}
+.courier-inset-0 {
+  inset: 0px;
+}
+.courier-bottom-0 {
+  bottom: 0px;
+}
+.courier-left-0 {
+  left: 0px;
+}
+.courier-left-2 {
+  left: 0.5rem;
+}
+.courier-left-\[-12px\] {
+  left: -12px;
+}
+.courier-left-\[-20px\] {
+  left: -20px;
+}
+.courier-right-0 {
+  right: 0px;
+}
+.courier-right-2 {
+  right: 0.5rem;
+}
+.courier-right-3 {
+  right: 0.75rem;
+}
+.courier-right-\[-12px\] {
+  right: -12px;
+}
+.courier-right-\[-50px\] {
+  right: -50px;
+}
+.courier-top-0 {
+  top: 0px;
+}
+.courier-top-\[-1\.5em\] {
+  top: -1.5em;
+}
+.courier-z-0 {
+  z-index: 0;
+}
+.courier-z-10 {
+  z-index: 10;
+}
+.courier-z-30 {
+  z-index: 30;
+}
+.courier-z-50 {
+  z-index: 50;
+}
+.courier-z-\[999\] {
+  z-index: 999;
+}
+.\!courier-m-0 {
+  margin: 0px !important;
+}
+.courier-m-0 {
+  margin: 0px;
+}
+.courier-m-2 {
+  margin: 0.5rem;
+}
+.-courier-mx-4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+.courier-mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.courier-mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.courier-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.courier-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.courier-my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+.courier-my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.courier-my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.courier-my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.courier-mb-1 {
+  margin-bottom: 0.25rem;
+}
+.courier-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.courier-mb-3 {
+  margin-bottom: 0.75rem;
+}
+.courier-mb-4 {
+  margin-bottom: 1rem;
+}
+.courier-mb-8 {
+  margin-bottom: 2rem;
+}
+.courier-ml-1\.5 {
+  margin-left: 0.375rem;
+}
+.courier-ml-2 {
+  margin-left: 0.5rem;
+}
+.courier-ml-auto {
+  margin-left: auto;
+}
+.courier-mr-2 {
+  margin-right: 0.5rem;
+}
+.courier-mr-auto {
+  margin-right: auto;
+}
+.courier-mt-12 {
+  margin-top: 3rem;
+}
+.courier-mt-2 {
+  margin-top: 0.5rem;
+}
+.courier-mt-3 {
+  margin-top: 0.75rem;
+}
+.courier-mt-4 {
+  margin-top: 1rem;
+}
+.courier-mt-6 {
+  margin-top: 1.5rem;
+}
+.courier-mt-auto {
+  margin-top: auto;
+}
+.courier-block {
+  display: block;
+}
+.courier-inline-block {
+  display: inline-block;
+}
+.courier-inline {
+  display: inline;
+}
+.courier-flex {
+  display: flex;
+}
+.courier-inline-flex {
+  display: inline-flex;
+}
+.courier-hidden {
+  display: none;
+}
+.courier-aspect-square {
+  aspect-ratio: 1 / 1;
+}
+.\!courier-h-6 {
+  height: 1.5rem !important;
+}
+.courier-h-1 {
+  height: 0.25rem;
+}
+.courier-h-1\.5 {
+  height: 0.375rem;
+}
+.courier-h-10 {
+  height: 2.5rem;
+}
+.courier-h-12 {
+  height: 3rem;
+}
+.courier-h-16 {
+  height: 4rem;
+}
+.courier-h-2 {
+  height: 0.5rem;
+}
+.courier-h-3 {
+  height: 0.75rem;
+}
+.courier-h-3\.5 {
+  height: 0.875rem;
+}
+.courier-h-4 {
+  height: 1rem;
+}
+.courier-h-5 {
+  height: 1.25rem;
+}
+.courier-h-6 {
+  height: 1.5rem;
+}
+.courier-h-7 {
+  height: 1.75rem;
+}
+.courier-h-8 {
+  height: 2rem;
+}
+.courier-h-9 {
+  height: 2.25rem;
+}
+.courier-h-\[160px\] {
+  height: 160px;
+}
+.courier-h-\[1px\] {
+  height: 1px;
+}
+.courier-h-\[300px\] {
+  height: 300px;
+}
+.courier-h-auto {
+  height: auto;
+}
+.courier-h-full {
+  height: 100%;
+}
+.courier-h-px {
+  height: 1px;
+}
+.courier-max-h-60 {
+  max-height: 15rem;
+}
+.courier-max-h-\[88px\] {
+  max-height: 88px;
+}
+.courier-min-h-\[1\.5rem\] {
+  min-height: 1.5rem;
+}
+.courier-min-h-\[200px\] {
+  min-height: 200px;
+}
+.courier-min-h-\[44px\] {
+  min-height: 44px;
+}
+.\!courier-w-10 {
+  width: 2.5rem !important;
+}
+.\!courier-w-fit {
+  width: fit-content !important;
+}
+.courier-w-0 {
+  width: 0px;
+}
+.courier-w-1 {
+  width: 0.25rem;
+}
+.courier-w-1\/2 {
+  width: 50%;
+}
+.courier-w-2 {
+  width: 0.5rem;
+}
+.courier-w-3 {
+  width: 0.75rem;
+}
+.courier-w-3\.5 {
+  width: 0.875rem;
+}
+.courier-w-4 {
+  width: 1rem;
+}
+.courier-w-5 {
+  width: 1.25rem;
+}
+.courier-w-6 {
+  width: 1.5rem;
+}
+.courier-w-64 {
+  width: 16rem;
+}
+.courier-w-7 {
+  width: 1.75rem;
+}
+.courier-w-72 {
+  width: 18rem;
+}
+.courier-w-8 {
+  width: 2rem;
+}
+.courier-w-9 {
+  width: 2.25rem;
+}
+.courier-w-\[1px\] {
+  width: 1px;
+}
+.courier-w-\[230px\] {
+  width: 230px;
+}
+.courier-w-auto {
+  width: auto;
+}
+.courier-w-fit {
+  width: fit-content;
+}
+.courier-w-full {
+  width: 100%;
+}
+.courier-w-px {
+  width: 1px;
+}
+.courier-min-w-10 {
+  min-width: 2.5rem;
+}
+.courier-min-w-8 {
+  min-width: 2rem;
+}
+.courier-min-w-9 {
+  min-width: 2.25rem;
+}
+.courier-min-w-\[1\.5rem\] {
+  min-width: 1.5rem;
+}
+.courier-min-w-\[16rem\] {
+  min-width: 16rem;
+}
+.courier-min-w-\[2rem\] {
+  min-width: 2rem;
+}
+.courier-min-w-\[300px\] {
+  min-width: 300px;
+}
+.courier-min-w-\[812px\] {
+  min-width: 812px;
+}
+.courier-min-w-\[8rem\] {
+  min-width: 8rem;
+}
+.courier-max-w-2xl {
+  max-width: 42rem;
+}
+.courier-max-w-36 {
+  max-width: 9rem;
+}
+.courier-max-w-4xl {
+  max-width: 56rem;
+}
+.courier-flex-1 {
+  flex: 1 1 0%;
+}
+.courier-flex-shrink-0 {
+  flex-shrink: 0;
+}
+.courier-shrink-0 {
+  flex-shrink: 0;
+}
+.courier-flex-grow {
+  flex-grow: 1;
+}
+.courier-grow {
+  flex-grow: 1;
+}
+.courier-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));
+}
+.courier-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));
+}
+.courier-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));
+}
+.courier-translate-x-\[-50\%\] {
+  --tw-translate-x: -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));
+}
+.courier-translate-x-full {
+  --tw-translate-x: 100%;
+  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));
+}
+.courier-translate-y-\[-50\%\] {
+  --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));
+}
+.courier-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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 courier-pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+.courier-animate-pulse {
+  animation: courier-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes courier-spin {
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+.courier-animate-spin {
+  animation: courier-spin 1s linear infinite;
+}
+.courier-cursor-crosshair {
+  cursor: crosshair;
+}
+.courier-cursor-default {
+  cursor: default;
+}
+.courier-cursor-grab {
+  cursor: grab;
+}
+.courier-cursor-not-allowed {
+  cursor: not-allowed;
+}
+.courier-cursor-pointer {
+  cursor: pointer;
+}
+.courier-touch-none {
+  touch-action: none;
+}
+.courier-select-none {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.courier-resize-none {
+  resize: none;
+}
+.courier-appearance-none {
+  -webkit-appearance: none;
+          appearance: none;
+}
+.courier-flex-row {
+  flex-direction: row;
+}
+.courier-flex-col {
+  flex-direction: column;
+}
+.courier-flex-wrap {
+  flex-wrap: wrap;
+}
+.courier-items-start {
+  align-items: flex-start;
+}
+.courier-items-center {
+  align-items: center;
+}
+.courier-justify-end {
+  justify-content: flex-end;
+}
+.courier-justify-center {
+  justify-content: center;
+}
+.courier-justify-between {
+  justify-content: space-between;
+}
+.courier-justify-stretch {
+  justify-content: stretch;
+}
+.\!courier-gap-0 {
+  gap: 0px !important;
+}
+.courier-gap-0\.5 {
+  gap: 0.125rem;
+}
+.courier-gap-1 {
+  gap: 0.25rem;
+}
+.courier-gap-2 {
+  gap: 0.5rem;
+}
+.courier-gap-3 {
+  gap: 0.75rem;
+}
+.courier-gap-4 {
+  gap: 1rem;
+}
+.courier-gap-6 {
+  gap: 1.5rem;
+}
+.courier-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+.courier-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+.courier-self-center {
+  align-self: center;
+}
+.courier-overflow-hidden {
+  overflow: hidden;
+}
+.courier-overflow-y-auto {
+  overflow-y: auto;
+}
+.courier-whitespace-nowrap {
+  white-space: nowrap;
+}
+.courier-rounded {
+  border-radius: 0.25rem;
+}
+.courier-rounded-full {
+  border-radius: 9999px;
+}
+.courier-rounded-lg {
+  border-radius: var(--radius);
+}
+.courier-rounded-md {
+  border-radius: calc(var(--radius) - 2px);
+}
+.courier-rounded-none {
+  border-radius: 0px;
+}
+.courier-rounded-sm {
+  border-radius: calc(var(--radius) - 4px);
+}
+.courier-rounded-xl {
+  border-radius: 0.75rem;
+}
+.courier-rounded-br-sm {
+  border-bottom-right-radius: calc(var(--radius) - 4px);
+}
+.\!courier-border-2 {
+  border-width: 2px !important;
+}
+.courier-border {
+  border-width: 1px;
+}
+.courier-border-0 {
+  border-width: 0px;
+}
+.courier-border-2 {
+  border-width: 2px;
+}
+.courier-border-b {
+  border-bottom-width: 1px;
+}
+.courier-border-b-2 {
+  border-bottom-width: 2px;
+}
+.courier-border-l {
+  border-left-width: 1px;
+}
+.courier-border-l-0 {
+  border-left-width: 0px;
+}
+.courier-border-r-0 {
+  border-right-width: 0px;
+}
+.courier-border-t {
+  border-top-width: 1px;
+}
+.courier-border-t-0 {
+  border-top-width: 0px;
+}
+.courier-border-dashed {
+  border-style: dashed;
+}
+.courier-border-dotted {
+  border-style: dotted;
+}
+.\!courier-border-none {
+  border-style: none !important;
+}
+.courier-border-none {
+  border-style: none;
+}
+.\!courier-border-\[\#3B82F6\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)) !important;
+}
+.\!courier-border-border {
+  border-color: var(--border) !important;
+}
+.courier-border-\[\#0085FF\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
+}
+.courier-border-\[\#3B82F6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+.courier-border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
+.courier-border-black\/10 {
+  border-color: rgb(0 0 0 / 0.1);
+}
+.courier-border-black\/20 {
+  border-color: rgb(0 0 0 / 0.2);
+}
+.courier-border-border {
+  border-color: var(--border);
+}
+.courier-border-current {
+  border-color: currentColor;
+}
+.courier-border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+}
+.courier-border-input {
+  border-color: var(--input);
+}
+.courier-border-neutral-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
+}
+.courier-border-neutral-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
+}
+.courier-border-neutral-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
+}
+.courier-border-neutral-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
+}
+.courier-border-primary {
+  border-color: var(--primary);
+}
+.courier-border-transparent {
+  border-color: transparent;
+}
+.courier-border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+.courier-border-b-black\/10 {
+  border-bottom-color: rgb(0 0 0 / 0.1);
+}
+.courier-border-t-black\/30 {
+  border-top-color: rgb(0 0 0 / 0.3);
+}
+.courier-border-t-black\/40 {
+  border-top-color: rgb(0 0 0 / 0.4);
+}
+.courier-border-t-transparent {
+  border-top-color: transparent;
+}
+.courier-border-opacity-10 {
+  --tw-border-opacity: 0.1;
+}
+.\!courier-bg-background {
+  background-color: var(--background) !important;
+}
+.courier-bg-\[\#000000\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-\[\#3B82F6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-\[\#F5F5F5\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-accent {
+  background-color: var(--accent);
+}
+.courier-bg-accent-foreground {
+  background-color: var(--accent-foreground);
+}
+.courier-bg-background {
+  background-color: var(--background);
+}
+.courier-bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
+.courier-bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
+.courier-bg-black\/80 {
+  background-color: rgb(0 0 0 / 0.8);
+}
+.courier-bg-border {
+  background-color: var(--border);
+}
+.courier-bg-card {
+  background-color: var(--card);
+}
+.courier-bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-muted {
+  background-color: var(--muted);
+}
+.courier-bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-neutral-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-neutral-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-popover {
+  background-color: var(--popover);
+}
+.courier-bg-primary {
+  background-color: var(--primary);
+}
+.courier-bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-secondary {
+  background-color: var(--secondary);
+}
+.courier-bg-transparent {
+  background-color: transparent;
+}
+.courier-bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.courier-bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+.courier-decoration-clone {
+  -webkit-box-decoration-break: clone;
+          box-decoration-break: clone;
+}
+.courier-fill-accent-foreground {
+  fill: var(--accent-foreground);
+}
+.courier-fill-current {
+  fill: currentColor;
+}
+.courier-fill-neutral-300 {
+  fill: #d4d4d4;
+}
+.courier-fill-ring {
+  fill: var(--ring);
+}
+.courier-stroke-accent-foreground {
+  stroke: var(--accent-foreground);
+}
+.courier-stroke-ring {
+  stroke: var(--ring);
+}
+.courier-object-contain {
+  object-fit: contain;
+}
+.\!courier-p-0 {
+  padding: 0px !important;
+}
+.\!courier-p-0\.5 {
+  padding: 0.125rem !important;
+}
+.courier-p-0\.5 {
+  padding: 0.125rem;
+}
+.courier-p-1 {
+  padding: 0.25rem;
+}
+.courier-p-1\.5 {
+  padding: 0.375rem;
+}
+.courier-p-2 {
+  padding: 0.5rem;
+}
+.courier-p-4 {
+  padding: 1rem;
+}
+.courier-p-6 {
+  padding: 1.5rem;
+}
+.courier-p-\[0\.2rem\] {
+  padding: 0.2rem;
+}
+.courier-p-\[3px\] {
+  padding: 3px;
+}
+.courier-px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.courier-px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.courier-px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+.courier-px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.courier-px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+.courier-px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.courier-px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.courier-px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.courier-px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.courier-px-9 {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+}
+.courier-py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.courier-py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.courier-py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+.courier-py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.courier-py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.courier-py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+.courier-py-\[18px\] {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+.courier-py-\[1px\] {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.courier-pb-0 {
+  padding-bottom: 0px;
+}
+.courier-pb-2 {
+  padding-bottom: 0.5rem;
+}
+.courier-pb-5 {
+  padding-bottom: 1.25rem;
+}
+.courier-pb-6 {
+  padding-bottom: 1.5rem;
+}
+.courier-pl-2 {
+  padding-left: 0.5rem;
+}
+.courier-pl-4 {
+  padding-left: 1rem;
+}
+.courier-pl-6 {
+  padding-left: 1.5rem;
+}
+.courier-pl-8 {
+  padding-left: 2rem;
+}
+.courier-pr-10 {
+  padding-right: 2.5rem;
+}
+.courier-pr-2 {
+  padding-right: 0.5rem;
+}
+.courier-pr-3 {
+  padding-right: 0.75rem;
+}
+.courier-pr-8 {
+  padding-right: 2rem;
+}
+.courier-pt-0 {
+  padding-top: 0px;
+}
+.courier-pt-2 {
+  padding-top: 0.5rem;
+}
+.courier-pt-3 {
+  padding-top: 0.75rem;
+}
+.courier-pt-4 {
+  padding-top: 1rem;
+}
+.courier-pt-6 {
+  padding-top: 1.5rem;
+}
+.courier-text-left {
+  text-align: left;
+}
+.courier-text-center {
+  text-align: center;
+}
+.courier-font-sans {
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.courier-text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.courier-text-\[\.65rem\] {
+  font-size: .65rem;
+}
+.courier-text-\[0\.625rem\] {
+  font-size: 0.625rem;
+}
+.courier-text-\[0\.8rem\] {
+  font-size: 0.8rem;
+}
+.courier-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.courier-text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.courier-text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.courier-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+.courier-text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.\!courier-font-normal {
+  font-weight: 400 !important;
+}
+.courier-font-bold {
+  font-weight: 700;
+}
+.courier-font-medium {
+  font-weight: 500;
+}
+.courier-font-normal {
+  font-weight: 400;
+}
+.courier-font-semibold {
+  font-weight: 600;
+}
+.courier-uppercase {
+  text-transform: uppercase;
+}
+.courier-leading-none {
+  line-height: 1;
+}
+.courier-tracking-widest {
+  letter-spacing: 0.1em;
+}
+.courier-text-accent-foreground {
+  color: var(--accent-foreground);
+}
+.courier-text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+.courier-text-destructive {
+  color: var(--destructive);
+}
+.courier-text-foreground {
+  color: var(--foreground);
+}
+.courier-text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.courier-text-inherit {
+  color: inherit;
+}
+.courier-text-muted-foreground {
+  color: var(--muted-foreground);
+}
+.courier-text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.courier-text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.courier-text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.courier-text-popover-foreground {
+  color: var(--popover-foreground);
+}
+.courier-text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.courier-text-ring {
+  color: var(--ring);
+}
+.courier-text-secondary-foreground {
+  color: var(--secondary-foreground);
+}
+.courier-text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.courier-underline {
+  text-decoration-line: underline;
+}
+.courier-antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.courier-caret-black {
+  caret-color: #000;
+}
+.courier-opacity-0 {
+  opacity: 0;
+}
+.courier-opacity-100 {
+  opacity: 1;
+}
+.courier-opacity-50 {
+  opacity: 0.5;
+}
+.courier-opacity-60 {
+  opacity: 0.6;
+}
+.courier-opacity-90 {
+  opacity: 0.9;
+}
+.courier-opacity-\[0\.999\] {
+  opacity: 0.999;
+}
+.courier-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.courier-shadow-\[0_0_0_2px\] {
+  --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);
+}
+.courier-shadow-lg {
+  --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);
+}
+.courier-shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
+}
+.courier-shadow-none {
+  --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);
+}
+.courier-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);
+}
+.courier-shadow-black\/30 {
+  --tw-shadow-color: rgb(0 0 0 / 0.3);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.courier-outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.courier-outline-0 {
+  outline-width: 0px;
+}
+.courier-outline-neutral-700 {
+  outline-color: #404040;
+}
+.courier-ring-0 {
+  --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);
+}
+.courier-ring-offset-background {
+  --tw-ring-offset-color: var(--background);
+}
+.courier-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.courier-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;
+}
+.courier-transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.courier-duration-100 {
+  transition-duration: 100ms;
+}
+.courier-duration-300 {
+  transition-duration: 300ms;
+}
+.courier-ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.courier-content-\[\'\'\] {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+@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));
+  }
+}
+@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));
+  }
+}
+.courier-duration-100 {
+  animation-duration: 100ms;
+}
+.courier-duration-300 {
+  animation-duration: 300ms;
+}
+.courier-ease-in-out {
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.animate-pop {
+    animation: pop 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
+  }
+.animate-fadeIn {
+    animation: fadeIn 500ms ease;
+  }
+.touch-transparent {
+    -webkit-tap-highlight-color: transparent;
+  }
+.courier-editor-preview-mode>div:first-child {
+      flex-grow: 1;
+      width: 100%;
+    }
+.courier-editor-preview-mode>div:last-child {
+      width: 0;
+    }
+@keyframes pop {
+  0% {
+    transform: scale(1);
+    box-shadow: var(--box-shadow);
+  }
+
+  100% {
+    transform: scale(var(--scale));
+    box-shadow: var(--box-shadow-picked-up);
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+.lightTheme {
+  height: 100%;
+}
+.courier-editor-container {
+  position: relative;
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column;
+  overflow-y: auto;
+  padding: 1.5rem;
+  transition-property: all;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  animation-duration: 300ms;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  background: radial-gradient(#0A0A0A32 1px, transparent 1px);
+  background-size: 15px 15px;
+}
+.courier-editor-sidebar {
+  height: 100%;
+  overflow-y: auto;
+  border-bottom-right-radius: calc(var(--radius) - 4px);
+  border-left-width: 1px;
+  border-color: var(--border);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  transition-property: all;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  animation-duration: 300ms;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.courier-editor-loading {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 2.5rem;
+}
+.courier-brand-editor-readonly {
+  pointer-events: none;
+}
+.courier-brand-editor-readonly .ProseMirror {
+  cursor: default;
+}
+.courier-brand-editor-readonly .ProseMirror {
+  padding: 0px;
+}
+.courier-brand-editor-readonly .ProseMirror .react-renderer {
+  cursor: default;
+}
+.courier-brand-editor-readonly .ProseMirror .react-renderer.node-paragraph p {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.courier-brand-editor-readonly .ProseMirror .react-renderer.node-paragraph .is-empty p::after {
+              content: '';
+            }
+.courier-brand-editor-readonly .ProseMirror .react-renderer .draggable-item {
+  padding: 0px;
+}
+.courier-theme-editor-main {
+  width: 100%;
+  max-width: 42rem;
+  -webkit-user-select: none;
+          user-select: none;
+  align-self: center;
+  border-radius: var(--radius);
+  border-width: 1px;
+  border-color: var(--border);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --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);
+}
+.courier-theme-editor-main >div {
+  width: 100%;
+}
+.courier-theme-editor-main >div .ProseMirror {
+  padding: 0px;
+}
+.courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph p {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .is-empty p::after {
+                content: 'Write footer text...';
+              }
+.courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph:hover .draggable-item >button {
+  display: none;
+}
+.courier-theme-editor-main >div .ProseMirror .react-renderer.node-paragraph .draggable-item {
+  padding: 0px;
+}
+.courier-editor-main {
+  width: 100%;
+  max-width: 42rem;
+  -webkit-user-select: none;
+          user-select: none;
+  align-self: center;
+  border-radius: var(--radius);
+  border-width: 1px;
+  border-color: var(--border);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --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);
+}
+.courier-editor-main >div {
+  width: 100%;
+}
+.courier-editor-preview-mode.courier-editor-preview-mode-mobile .courier-editor-main {
+  max-width: 24rem;
+}
+.courier-editor-preview-mode.courier-editor-preview-mode-mobile .courier-editor-main:hover >button {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote * {
+  pointer-events: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote * {
+  cursor: default;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"] {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"] {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .courier-empty-image {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  display: none;
+}
+.courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .is-empty h1::after, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  display: none;
+}
+.ProseMirror {
+  z-index: 0;
+  height: 100%;
+  max-width: 42rem;
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+  padding-right: 2.5rem;
+  padding-left: 1rem;
+  caret-color: #000;
+  outline-width: 0px;
+}
+.ProseMirror:is(.courier-dark *) {
+  caret-color: #fff;
+}
+@media (min-width: 1024px) {
+
+  .ProseMirror {
+    padding-left: 0.5rem;
+    padding-right: 2.5rem;
+  }
+}
+.ProseMirror .selection {
+  display: inline;
+}
+.ProseMirror .selection,
+  .ProseMirror *::selection {
+  display: inline;
+}
+.ProseMirror .selection,
+  .ProseMirror *::selection {
+  background-color: rgb(0 0 0 / 0.1);
+}
+.ProseMirror .selection:is(.courier-dark *),
+  .ProseMirror *:is(.courier-dark *)::selection {
+  background-color: rgb(255 255 255 / 0.2);
+}
+.ProseMirror>.react-renderer {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+.ProseMirror>.react-renderer:first-child {
+  margin-top: 0px;
+}
+.ProseMirror>.react-renderer:last-child {
+  margin-bottom: 0px;
+}
+.ProseMirror>.react-renderer.node-divider {
+  display: flex;
+}
+.ProseMirror>.react-renderer.node-divider {
+  flex-direction: column;
+}
+.ProseMirror>.react-renderer.node-divider {
+  justify-content: center;
+}
+.ProseMirror>.react-renderer.node-variable {
+  margin: 0px;
+}
+.ProseMirror>.react-renderer.node-variable {
+  display: inline-block;
+}
+.ProseMirror>.react-renderer.node-dragPlaceholder {
+  margin: 0px;
+}
+.ProseMirror>.react-renderer.node-paragraph {
+  margin: 0px;
+}
+.ProseMirror>.react-renderer.node-paragraph:focus,
+      .ProseMirror>.react-renderer.node-paragraph:focus-visible {
+        outline: none;
+      }
+.ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
+  position: relative;
+}
+.ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
+  display: block;
+}
+.ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
+  cursor: text;
+}
+.ProseMirror>.react-renderer.node-paragraph p >div[contenteditable="true"], .ProseMirror>.react-renderer.node-blockquote p >div[contenteditable="true"] {
+            outline: none;
+            caret-color: currentColor;
+          }
+.ProseMirror>.react-renderer.node-paragraph .is-empty p,
+        .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote,
+        .ProseMirror>.react-renderer.node-blockquote .is-empty p,
+        .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote {
+          position: relative;
+        }
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+            content: 'Write body text...';
+          }
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  position: absolute;
+}
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  top: 0px;
+}
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  left: 0px;
+}
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  z-index: -10;
+}
+.ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-paragraph .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote:is(.courier-dark *)::after {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-heading h1 >div, .ProseMirror>.react-renderer.node-heading h2 >div, .ProseMirror>.react-renderer.node-heading h3 >div {
+  position: relative;
+}
+.ProseMirror>.react-renderer.node-heading h1 >div, .ProseMirror>.react-renderer.node-heading h2 >div, .ProseMirror>.react-renderer.node-heading h3 >div {
+  display: block;
+}
+.ProseMirror>.react-renderer.node-heading h1 >div, .ProseMirror>.react-renderer.node-heading h2 >div, .ProseMirror>.react-renderer.node-heading h3 >div {
+  cursor: text;
+}
+.ProseMirror>.react-renderer.node-heading h1 >div[contenteditable="true"], .ProseMirror>.react-renderer.node-heading h2 >div[contenteditable="true"], .ProseMirror>.react-renderer.node-heading h3 >div[contenteditable="true"] {
+            outline: none;
+            caret-color: currentColor;
+          }
+.ProseMirror>.react-renderer.node-heading .is-empty h1,
+        .ProseMirror>.react-renderer.node-heading .is-empty h2,
+        .ProseMirror>.react-renderer.node-heading .is-empty h3 {
+          position: relative;
+        }
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+            content: 'Write heading...';
+          }
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  position: absolute;
+}
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  top: 0px;
+}
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  left: 0px;
+}
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  z-index: -10;
+}
+.ProseMirror>.react-renderer.node-heading .is-empty h1::after, .ProseMirror>.react-renderer.node-heading .is-empty h2::after, .ProseMirror>.react-renderer.node-heading .is-empty h3::after {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-heading .is-empty h1:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-heading .is-empty h2:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-heading .is-empty h3:is(.courier-dark *)::after {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-imageBlock,
+    .ProseMirror>.react-renderer.node-button,
+    .ProseMirror>.react-renderer.node-divider,
+    .ProseMirror>.react-renderer.node-paragraph,
+    .ProseMirror>.react-renderer.node-heading,
+    .ProseMirror>.react-renderer.node-blockquote {
+  position: relative;
+}
+.ProseMirror>.react-renderer.node-imageBlock,
+    .ProseMirror>.react-renderer.node-button,
+    .ProseMirror>.react-renderer.node-divider,
+    .ProseMirror>.react-renderer.node-paragraph,
+    .ProseMirror>.react-renderer.node-heading,
+    .ProseMirror>.react-renderer.node-blockquote {
+  margin: 0px;
+}
+.ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"] {
+  visibility: hidden;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"] {
+  visibility: visible;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  position: absolute;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  left: -12px;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  right: -12px;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  top: 0px;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  bottom: 0px;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  border-radius: calc(var(--radius) - 2px);
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  border-width: 2px;
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  border-color: var(--border);
+}
+.ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.ProseMirror>.react-renderer.node-imageBlock .node-element, .ProseMirror>.react-renderer.node-button .node-element, .ProseMirror>.react-renderer.node-divider .node-element, .ProseMirror>.react-renderer.node-paragraph .node-element, .ProseMirror>.react-renderer.node-heading .node-element, .ProseMirror>.react-renderer.node-blockquote .node-element {
+  position: relative;
+}
+.ProseMirror>.react-renderer.node-imageBlock .node-element:focus,
+        .ProseMirror>.react-renderer.node-imageBlock .node-element:focus-visible,
+        .ProseMirror>.react-renderer.node-button .node-element:focus,
+        .ProseMirror>.react-renderer.node-button .node-element:focus-visible,
+        .ProseMirror>.react-renderer.node-divider .node-element:focus,
+        .ProseMirror>.react-renderer.node-divider .node-element:focus-visible,
+        .ProseMirror>.react-renderer.node-paragraph .node-element:focus,
+        .ProseMirror>.react-renderer.node-paragraph .node-element:focus-visible,
+        .ProseMirror>.react-renderer.node-heading .node-element:focus,
+        .ProseMirror>.react-renderer.node-heading .node-element:focus-visible,
+        .ProseMirror>.react-renderer.node-blockquote .node-element:focus,
+        .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible {
+          outline: none;
+        }
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element {
+  position: relative;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element {
+  z-index: 20;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  position: absolute;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  left: -12px;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  right: -12px;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  top: 0px;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  bottom: 0px;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  z-index: -10;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  border-radius: calc(var(--radius) - 2px);
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  border-width: 1px;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element .node-element::before {
+  display: none;
+}
+.ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel {
+  display: block;
+}
+.ProseMirror>.react-renderer.node-blockquote {
+  margin: 0px;
+}
+.ProseMirror>.react-renderer.node-blockquote {
+  color: var(--foreground);
+}
+.ProseMirror>.react-renderer.node-blockquote:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"] {
+  visibility: visible;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  position: absolute;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  left: -12px;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  right: -12px;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  top: 0px;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  bottom: 0px;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  z-index: -20;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  border-radius: calc(var(--radius) - 2px);
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  border-width: 2px !important;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  border-color: var(--border) !important;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before {
+  display: none;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element .node-element::before {
+  display: none;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .selected-element .node-element .node-element::before {
+  z-index: -20;
+}
+.ProseMirror>.react-renderer.node-blockquote:hover .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote:active .selected-element .node-element .node-element::before {
+  display: none;
+}
+.ProseMirror.resize-cursor {
+  cursor: col-resize;
+}
+.ProseMirror .ProseMirror-gapcursor {
+  position: relative;
+}
+.ProseMirror .ProseMirror-gapcursor {
+  margin-left: auto;
+  margin-right: auto;
+}
+.ProseMirror .ProseMirror-gapcursor {
+  width: 100%;
+}
+.ProseMirror .ProseMirror-gapcursor {
+  max-width: 42rem;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  top: -1.5em;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  left: 0px;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  right: 0px;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  margin-left: auto;
+  margin-right: auto;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  width: 100%;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  max-width: 42rem;
+}
+.ProseMirror .ProseMirror-gapcursor:after {
+  border-top-color: rgb(0 0 0 / 0.4);
+}
+.ProseMirror .ProseMirror-gapcursor:is(.courier-dark *):after {
+  border-top-color: rgb(255 255 255 / 0.4);
+}
+[data-theme="slash-command"] {
+  width: 100%;
+}
+/* Basic editor styles */
+.tiptap {
+  outline: none;
+
+  /* hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  } */
+}
+.tiptap :first-child {
+    margin-top: 0;
+  }
+/* List styles */
+.tiptap ul,
+  .tiptap ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+  }
+.tiptap ul li p, .tiptap ol li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+/* Heading styles */
+.tiptap h1,
+  .tiptap h2,
+  .tiptap h3,
+  .tiptap h4,
+  .tiptap h5,
+  .tiptap h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+.tiptap h1,
+  .tiptap h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+.tiptap h1 {
+    font-size: 1.4rem;
+  }
+.tiptap h2 {
+    font-size: 1.2rem;
+  }
+.tiptap h3 {
+    font-size: 1.1rem;
+  }
+.tiptap h4,
+  .tiptap h5,
+  .tiptap h6 {
+    font-size: 1rem;
+  }
+/* Code and preformatted text styles */
+.tiptap code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+.tiptap pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: "JetBrainsMono", monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+  }
+.tiptap pre code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+.file\:courier-border-0::file-selector-button {
+  border-width: 0px;
+}
+.file\:courier-bg-transparent::file-selector-button {
+  background-color: transparent;
+}
+.file\:courier-text-sm::file-selector-button {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.file\:courier-font-medium::file-selector-button {
+  font-weight: 500;
+}
+.file\:courier-text-foreground::file-selector-button {
+  color: var(--foreground);
+}
+.placeholder\:courier-text-muted-foreground::placeholder {
+  color: var(--muted-foreground);
+}
+.first\:courier-ml-0:first-child {
+  margin-left: 0px;
+}
+.first\:courier-mt-0:first-child {
+  margin-top: 0px;
+}
+.first\:courier-mt-1:first-child {
+  margin-top: 0.25rem;
+}
+.last\:courier-mr-0:last-child {
+  margin-right: 0px;
+}
+.last\:courier-mt-0:last-child {
+  margin-top: 0px;
+}
+.read-only\:courier-cursor-default:read-only {
+  cursor: default;
+}
+.read-only\:courier-border-transparent:read-only {
+  border-color: transparent;
+}
+.hover\:courier-border-accent-foreground:hover {
+  border-color: var(--accent-foreground);
+}
+.hover\:courier-bg-accent:hover {
+  background-color: var(--accent);
+}
+.hover\:courier-bg-accent-foreground:hover {
+  background-color: var(--accent-foreground);
+}
+.hover\:courier-bg-black\/5:hover {
+  background-color: rgb(0 0 0 / 0.05);
+}
+.hover\:courier-bg-card:hover {
+  background-color: var(--card);
+}
+.hover\:courier-bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.hover\:courier-bg-neutral-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
+.hover\:courier-bg-neutral-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.hover\:courier-bg-neutral-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.hover\:courier-bg-red-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.hover\:courier-bg-secondary:hover {
+  background-color: var(--secondary);
+}
+.hover\:courier-bg-transparent:hover {
+  background-color: transparent;
+}
+.hover\:courier-bg-opacity-20:hover {
+  --tw-bg-opacity: 0.2;
+}
+.hover\:courier-text-accent-foreground:hover {
+  color: var(--accent-foreground);
+}
+.hover\:courier-text-foreground:hover {
+  color: var(--foreground);
+}
+.hover\:courier-text-neutral-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
+}
+.hover\:courier-text-neutral-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.hover\:courier-text-secondary-foreground:hover {
+  color: var(--secondary-foreground);
+}
+.hover\:courier-outline-neutral-600:hover {
+  outline-color: #525252;
+}
+.focus\:courier-bg-accent:focus {
+  background-color: var(--accent);
+}
+.focus\:courier-bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.focus\:courier-text-accent-foreground:focus {
+  color: var(--accent-foreground);
+}
+.focus\:courier-text-foreground:focus {
+  color: var(--foreground);
+}
+.focus\:courier-outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus-visible\:courier-outline-none:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus-visible\:courier-ring-1:focus-visible {
+  --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);
+}
+.focus-visible\:courier-ring-2:focus-visible {
+  --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(2px + 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);
+}
+.focus-visible\:courier-ring-ring:focus-visible {
+  --tw-ring-color: var(--ring);
+}
+.focus-visible\:courier-ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+}
+.focus-visible\:courier-ring-offset-background:focus-visible {
+  --tw-ring-offset-color: var(--background);
+}
+.active\:courier-bg-black\/10:active {
+  background-color: rgb(0 0 0 / 0.1);
+}
+.active\:courier-bg-neutral-200:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.active\:courier-bg-neutral-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+}
+.active\:courier-text-neutral-800:active {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.disabled\:courier-pointer-events-none:disabled {
+  pointer-events: none;
+}
+.disabled\:courier-cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:courier-opacity-50:disabled {
+  opacity: 0.5;
+}
+.courier-group:hover .group-hover\:courier-stroke-primary {
+  stroke: var(--primary);
+}
+.courier-group.toaster .group-\[\.toaster\]\:courier-border-border {
+  border-color: var(--border);
+}
+.courier-group.toaster .group-\[\.toaster\]\:courier-bg-background {
+  background-color: var(--background);
+}
+.courier-group.toaster .group-\[\.toaster\]\:courier-text-foreground {
+  color: var(--foreground);
+}
+.courier-group.toaster .group-\[\.toaster\]\:courier-shadow-lg {
+  --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);
+}
+.courier-peer:disabled ~ .peer-disabled\:courier-cursor-not-allowed {
+  cursor: not-allowed;
+}
+.courier-peer:disabled ~ .peer-disabled\:courier-opacity-70 {
+  opacity: 0.7;
+}
+.data-\[disabled\]\:courier-pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+.data-\[state\=checked\]\:courier-translate-x-4[data-state="checked"] {
+  --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));
+}
+.data-\[state\=unchecked\]\:courier-translate-x-0[data-state="unchecked"] {
+  --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));
+}
+.data-\[state\=active\]\:courier-bg-accent[data-state="active"] {
+  background-color: var(--accent);
+}
+.data-\[state\=checked\]\:courier-bg-accent-foreground[data-state="checked"] {
+  background-color: var(--accent-foreground);
+}
+.data-\[state\=on\]\:courier-bg-accent[data-state="on"] {
+  background-color: var(--accent);
+}
+.data-\[state\=on\]\:courier-bg-background[data-state="on"] {
+  background-color: var(--background);
+}
+.data-\[state\=open\]\:courier-bg-accent[data-state="open"] {
+  background-color: var(--accent);
+}
+.data-\[state\=unchecked\]\:courier-bg-input[data-state="unchecked"] {
+  background-color: var(--input);
+}
+.data-\[state\=active\]\:courier-text-accent-foreground[data-state="active"] {
+  color: var(--accent-foreground);
+}
+.data-\[state\=on\]\:courier-text-accent-foreground[data-state="on"] {
+  color: var(--accent-foreground);
+}
+.data-\[disabled\]\:courier-opacity-50[data-disabled] {
+  opacity: 0.5;
+}
+.data-\[state\=open\]\:courier-animate-in[data-state="open"] {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+.data-\[state\=closed\]\:courier-animate-out[data-state="closed"] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+.data-\[state\=closed\]\:courier-fade-out-0[data-state="closed"] {
+  --tw-exit-opacity: 0;
+}
+.data-\[state\=open\]\:courier-fade-in-0[data-state="open"] {
+  --tw-enter-opacity: 0;
+}
+.data-\[state\=closed\]\:courier-zoom-out-95[data-state="closed"] {
+  --tw-exit-scale: .95;
+}
+.data-\[state\=open\]\:courier-zoom-in-95[data-state="open"] {
+  --tw-enter-scale: .95;
+}
+.data-\[side\=bottom\]\:courier-slide-in-from-top-2[data-side="bottom"] {
+  --tw-enter-translate-y: -0.5rem;
+}
+.data-\[side\=left\]\:courier-slide-in-from-right-2[data-side="left"] {
+  --tw-enter-translate-x: 0.5rem;
+}
+.data-\[side\=right\]\:courier-slide-in-from-left-2[data-side="right"] {
+  --tw-enter-translate-x: -0.5rem;
+}
+.data-\[side\=top\]\:courier-slide-in-from-bottom-2[data-side="top"] {
+  --tw-enter-translate-y: 0.5rem;
+}
+.dark\:courier-border-foreground:is(.courier-dark *) {
+  border-color: var(--foreground);
+}
+.dark\:courier-border-neutral-800:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
+}
+.dark\:courier-border-white:is(.courier-dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+.dark\:courier-border-white\/20:is(.courier-dark *) {
+  border-color: rgb(255 255 255 / 0.2);
+}
+.dark\:courier-border-t-white\/40:is(.courier-dark *) {
+  border-top-color: rgb(255 255 255 / 0.4);
+}
+.dark\:courier-bg-black:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-foreground:is(.courier-dark *) {
+  background-color: var(--foreground);
+}
+.dark\:courier-bg-neutral-300:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-neutral-800:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-neutral-900:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-white:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-white\/20:is(.courier-dark *) {
+  background-color: rgb(255 255 255 / 0.2);
+}
+.dark\:courier-text-foreground:is(.courier-dark *) {
+  color: var(--foreground);
+}
+.dark\:courier-text-neutral-200:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.dark\:courier-text-neutral-400:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.dark\:courier-text-neutral-600:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
+}
+.dark\:courier-text-red-500:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.dark\:courier-text-white:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.dark\:courier-text-white\/80:is(.courier-dark *) {
+  color: rgb(255 255 255 / 0.8);
+}
+.dark\:courier-caret-white:is(.courier-dark *) {
+  caret-color: #fff;
+}
+.dark\:courier-shadow-white\/30:is(.courier-dark *) {
+  --tw-shadow-color: rgb(255 255 255 / 0.3);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.dark\:courier-outline-neutral-300:is(.courier-dark *) {
+  outline-color: #d4d4d4;
+}
+.dark\:hover\:courier-bg-neutral-200:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:courier-bg-neutral-700:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:courier-bg-neutral-800:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:courier-bg-neutral-900:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:courier-bg-red-500:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:courier-bg-white\/10:hover:is(.courier-dark *) {
+  background-color: rgb(255 255 255 / 0.1);
+}
+.dark\:hover\:courier-bg-opacity-20:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 0.2;
+}
+.dark\:hover\:courier-text-neutral-200:hover:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:courier-text-neutral-300:hover:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:courier-text-red-500:hover:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.dark\:active\:courier-bg-neutral-300:active:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.dark\:active\:courier-bg-neutral-700:active:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
+}
+.dark\:active\:courier-bg-neutral-800:active:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:active\:courier-text-neutral-200:active:is(.courier-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+@media (min-width: 768px) {
+
+  .md\:courier-text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+}
+@media (min-width: 1024px) {
+
+  .lg\:courier-pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .lg\:courier-pr-10 {
+    padding-right: 2.5rem;
+  }
+}
+.\[\&\>svg\]\:courier-size-4>svg {
+  width: 1rem;
+  height: 1rem;
+}
+.\[\&\>svg\]\:courier-shrink-0>svg {
+  flex-shrink: 0;
+}
+.\[\&_svg\]\:courier-pointer-events-none svg {
+  pointer-events: none;
+}
+.\[\&_svg\]\:\!courier-size-5 svg {
+  width: 1.25rem !important;
+  height: 1.25rem !important;
+}
+.\[\&_svg\]\:courier-size-4 svg {
+  width: 1rem;
+  height: 1rem;
+}
+.\[\&_svg\]\:courier-size-\[30px\] svg {
+  width: 30px;
+  height: 30px;
+}
+.\[\&_svg\]\:courier-shrink-0 svg {
+  flex-shrink: 0;
+}
+.\[\&_svg\]\:courier-fill-accent svg {
+  fill: var(--accent);
+}
+.\[\&_svg\]\:courier-text-accent-foreground svg {
+  color: var(--accent-foreground);
+}
+.\[\&_svg\]\:data-\[state\=on\]\:courier-fill-foreground[data-state="on"] svg {
+  fill: var(--foreground);
+}