@lindle/linoardo 1.0.48 → 1.0.50

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -61,6 +61,7 @@
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-600: oklch(44.6% 0.043 257.281);
     --color-slate-700: oklch(37.2% 0.044 257.287);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
@@ -334,6 +335,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
@@ -347,11 +354,14 @@
     top: calc(var(--spacing) * 0.5);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -401,7 +411,7 @@
     left: calc(var(--spacing) * 1);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-3 {
     left: calc(var(--spacing) * 3);
@@ -622,9 +632,6 @@
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
-  .min-h-45 {
-    min-height: calc(var(--spacing) * 45);
-  }
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
@@ -658,6 +665,9 @@
   .min-h-\[4\.5rem\] {
     min-height: 4.5rem;
   }
+  .min-h-\[7rem\] {
+    min-height: 7rem;
+  }
   .min-h-\[18rem\] {
     min-height: 18rem;
   }
@@ -751,18 +761,24 @@
   .min-w-6 {
     min-width: calc(var(--spacing) * 6);
   }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
   .min-w-12\.5 {
     min-width: calc(var(--spacing) * 12.5);
   }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+  .min-w-50 {
+    min-width: calc(var(--spacing) * 50);
+  }
   .min-w-\[10rem\] {
     min-width: 10rem;
   }
   .min-w-\[16rem\] {
     min-width: 16rem;
   }
-  .min-w-\[200px\] {
-    min-width: 200px;
-  }
   .min-w-full {
     min-width: 100%;
   }
@@ -797,7 +813,7 @@
     transform-origin: 100% 0;
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-2 {
@@ -813,7 +829,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-1\/2 {
-    --tw-translate-x: calc(1/2 * 100%);
+    --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-2 {
@@ -837,23 +853,23 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-2 {
     --tw-translate-y: calc(var(--spacing) * -2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .-translate-y-2\/3 {
-    --tw-translate-y: calc(calc(2/3 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .-translate-y-full {
     --tw-translate-y: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-1\/2 {
-    --tw-translate-y: calc(1/2 * 100%);
+    --tw-translate-y: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-y-2 {
@@ -896,6 +912,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize-y {
+    resize: vertical;
+  }
   .list-disc {
     list-style-type: disc;
   }
@@ -1814,6 +1833,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
+  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -1826,9 +1848,6 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
-  .pt-6 {
-    padding-top: calc(var(--spacing) * 6);
-  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2677,49 +2696,9 @@
       color: var(--color-primary);
     }
   }
-  .peer-checked\/advanced\:flex {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      display: flex;
-    }
-  }
-  .peer-checked\/advanced\:hidden {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      display: none;
-    }
-  }
-  .peer-checked\/advanced\:bg-white {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      background-color: var(--color-white);
-    }
-  }
-  .peer-checked\/advanced\:text-gray-900 {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      color: var(--color-gray-900);
-    }
-  }
-  .peer-checked\/simple\:flex {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      display: flex;
-    }
-  }
-  .peer-checked\/simple\:hidden {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      display: none;
-    }
-  }
-  .peer-checked\/simple\:bg-white {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      background-color: var(--color-white);
-    }
-  }
-  .peer-checked\/simple\:text-gray-900 {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      color: var(--color-gray-900);
-    }
-  }
   .peer-placeholder-shown\:top-1\/2 {
     &:is(:where(.peer):placeholder-shown ~ *) {
-      top: calc(1/2 * 100%);
+      top: calc(1 / 2 * 100%);
     }
   }
   .peer-placeholder-shown\:top-3 {
@@ -2729,7 +2708,13 @@
   }
   .peer-placeholder-shown\:-translate-y-1\/2 {
     &:is(:where(.peer):placeholder-shown ~ *) {
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .peer-placeholder-shown\:translate-y-0 {
+    &:is(:where(.peer):placeholder-shown ~ *) {
+      --tw-translate-y: calc(var(--spacing) * 0);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2738,6 +2723,11 @@
       background-color: transparent;
     }
   }
+  .peer-placeholder-shown\:px-0 {
+    &:is(:where(.peer):placeholder-shown ~ *) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
   .peer-placeholder-shown\:text-sm {
     &:is(:where(.peer):placeholder-shown ~ *) {
       font-size: var(--text-sm);
@@ -2754,51 +2744,17 @@
       top: calc(var(--spacing) * -5);
     }
   }
-  .peer-focus\:top-0 {
-    &:is(:where(.peer):focus ~ *) {
-      top: calc(var(--spacing) * 0);
-    }
-  }
   .peer-focus\:left-0 {
     &:is(:where(.peer):focus ~ *) {
       left: calc(var(--spacing) * 0);
     }
   }
-  .peer-focus\:-translate-y-1\/2 {
-    &:is(:where(.peer):focus ~ *) {
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .peer-focus\:-translate-y-full {
     &:is(:where(.peer):focus ~ *) {
       --tw-translate-y: -100%;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .peer-focus\:bg-gray-100 {
-    &:is(:where(.peer):focus ~ *) {
-      background-color: var(--color-gray-100);
-    }
-  }
-  .peer-focus\:bg-transparent {
-    &:is(:where(.peer):focus ~ *) {
-      background-color: transparent;
-    }
-  }
-  .peer-focus\:bg-white\/90 {
-    &:is(:where(.peer):focus ~ *) {
-      background-color: color-mix(in srgb, #fff 90%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
-      }
-    }
-  }
-  .peer-focus\:px-1 {
-    &:is(:where(.peer):focus ~ *) {
-      padding-inline: calc(var(--spacing) * 1);
-    }
-  }
   .peer-focus\:text-xs {
     &:is(:where(.peer):focus ~ *) {
       font-size: var(--text-xs);
@@ -2892,6 +2848,16 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:bg-white {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      background-color: var(--color-white);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:px-1 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      padding-inline: calc(var(--spacing) * 1);
+    }
+  }
   .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-xs {
     &:is(:where(.peer):not(:placeholder-shown) ~ *) {
       font-size: var(--text-xs);
@@ -3013,6 +2979,13 @@
       }
     }
   }
+  .hover\:border-gray-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-gray-400);
+      }
+    }
+  }
   .hover\:border-primary\/60 {
     &:hover {
       @media (hover: hover) {
@@ -3464,6 +3437,11 @@
       border-color: var(--color-emerald-500);
     }
   }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
   .focus\:border-red-500 {
     &:focus {
       border-color: var(--color-red-500);
@@ -3487,6 +3465,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus\:ring-amber-400 {
     &:focus {
       --tw-ring-color: var(--color-amber-400);
@@ -3497,6 +3481,14 @@
       --tw-ring-color: var(--color-emerald-400);
     }
   }
+  .focus\:ring-primary\/30 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+      }
+    }
+  }
   .focus\:ring-red-400 {
     &:focus {
       --tw-ring-color: var(--color-red-400);
@@ -3805,6 +3797,16 @@
       opacity: 50%;
     }
   }
+  .has-\[textarea\:disabled\]\:cursor-not-allowed {
+    &:has(*:is(textarea:disabled)) {
+      cursor: not-allowed;
+    }
+  }
+  .has-\[textarea\:disabled\]\:opacity-50 {
+    &:has(*:is(textarea:disabled)) {
+      opacity: 50%;
+    }
+  }
   .data-\[state\=closed\]\:pointer-events-none {
     &[data-state="closed"] {
       pointer-events: none;
@@ -4079,6 +4081,11 @@
       }
     }
   }
+  .dark\:border-slate-600 {
+    &:is(.dark &) {
+      border-color: var(--color-slate-600);
+    }
+  }
   .dark\:border-slate-700 {
     &:is(.dark &) {
       border-color: var(--color-slate-700);
@@ -4149,11 +4156,6 @@
       border-bottom-color: var(--color-gray-600);
     }
   }
-  .dark\:border-b-gray-700 {
-    &:is(.dark &) {
-      border-bottom-color: var(--color-gray-700);
-    }
-  }
   .dark\:border-b-slate-700 {
     &:is(.dark &) {
       border-bottom-color: var(--color-slate-700);
@@ -4864,34 +4866,6 @@
       --tw-ring-offset-color: var(--color-gray-900);
     }
   }
-  .peer-checked\/advanced\:dark\:bg-slate-900 {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      &:is(.dark &) {
-        background-color: var(--color-slate-900);
-      }
-    }
-  }
-  .peer-checked\/advanced\:dark\:text-gray-100 {
-    &:is(:where(.peer\/advanced):checked ~ *) {
-      &:is(.dark &) {
-        color: var(--color-gray-100);
-      }
-    }
-  }
-  .peer-checked\/simple\:dark\:bg-slate-900 {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      &:is(.dark &) {
-        background-color: var(--color-slate-900);
-      }
-    }
-  }
-  .peer-checked\/simple\:dark\:text-gray-100 {
-    &:is(:where(.peer\/simple):checked ~ *) {
-      &:is(.dark &) {
-        color: var(--color-gray-100);
-      }
-    }
-  }
   .dark\:peer-placeholder-shown\:text-gray-400 {
     &:is(.dark &) {
       &:is(:where(.peer):placeholder-shown ~ *) {
@@ -4899,20 +4873,6 @@
       }
     }
   }
-  .dark\:peer-focus\:bg-slate-800 {
-    &:is(.dark &) {
-      &:is(:where(.peer):focus ~ *) {
-        background-color: var(--color-slate-800);
-      }
-    }
-  }
-  .dark\:peer-focus\:bg-slate-900 {
-    &:is(.dark &) {
-      &:is(:where(.peer):focus ~ *) {
-        background-color: var(--color-slate-900);
-      }
-    }
-  }
   .dark\:peer-focus\:text-gray-300 {
     &:is(.dark &) {
       &:is(:where(.peer):focus ~ *) {
@@ -4927,6 +4887,13 @@
       }
     }
   }
+  .dark\:peer-\[\&\:not\(\:placeholder-shown\)\]\:bg-slate-900 {
+    &:is(.dark &) {
+      &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+        background-color: var(--color-slate-900);
+      }
+    }
+  }
   .dark\:peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-200 {
     &:is(.dark &) {
       &:is(:where(.peer):not(:placeholder-shown) ~ *) {
@@ -5294,6 +5261,15 @@
       }
     }
   }
+  .dark\:hover\:bg-slate-800 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-slate-800);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-white {
     &:is(.dark &) {
       &:hover {
@@ -5503,10 +5479,49 @@
       }
     }
   }
-  .\[\&_blockquote\]\:border-l-2 {
+  .\[\&_\:not\(pre\)\>code\]\:rounded {
+    & :not(pre)>code {
+      border-radius: 0.25rem;
+    }
+  }
+  .\[\&_\:not\(pre\)\>code\]\:bg-black {
+    & :not(pre)>code {
+      background-color: var(--color-black);
+    }
+  }
+  .\[\&_\:not\(pre\)\>code\]\:px-1 {
+    & :not(pre)>code {
+      padding-inline: calc(var(--spacing) * 1);
+    }
+  }
+  .\[\&_\:not\(pre\)\>code\]\:py-0\.5 {
+    & :not(pre)>code {
+      padding-block: calc(var(--spacing) * 0.5);
+    }
+  }
+  .\[\&_\:not\(pre\)\>code\]\:text-white {
+    & :not(pre)>code {
+      color: var(--color-white);
+    }
+  }
+  .dark\:\[\&_\:not\(pre\)\>code\]\:bg-black {
+    &:is(.dark &) {
+      & :not(pre)>code {
+        background-color: var(--color-black);
+      }
+    }
+  }
+  .dark\:\[\&_\:not\(pre\)\>code\]\:text-white {
+    &:is(.dark &) {
+      & :not(pre)>code {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\&_blockquote\]\:border-l-4 {
     & blockquote {
       border-left-style: var(--tw-border-style);
-      border-left-width: 2px;
+      border-left-width: 4px;
     }
   }
   .\[\&_blockquote\]\:border-gray-300 {
@@ -5519,38 +5534,40 @@
       padding-left: calc(var(--spacing) * 3);
     }
   }
-  .\[\&_blockquote\]\:text-gray-600 {
+  .\[\&_blockquote\]\:italic {
     & blockquote {
-      color: var(--color-gray-600);
+      font-style: italic;
     }
   }
-  .dark\:\[\&_blockquote\]\:border-gray-600 {
+  .dark\:\[\&_blockquote\]\:border-slate-600 {
     &:is(.dark &) {
       & blockquote {
-        border-color: var(--color-gray-600);
+        border-color: var(--color-slate-600);
       }
     }
   }
-  .dark\:\[\&_blockquote\]\:text-gray-300 {
-    &:is(.dark &) {
-      & blockquote {
-        color: var(--color-gray-300);
-      }
+  .\[\&_h1\]\:text-2xl {
+    & h1 {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
   }
-  .\[\&_code\]\:font-mono {
-    & code {
-      font-family: var(--font-mono);
+  .\[\&_h1\]\:font-semibold {
+    & h1 {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
     }
   }
-  .\[\&_li\]\:my-0 {
-    & li {
-      margin-block: calc(var(--spacing) * 0);
+  .\[\&_h2\]\:text-xl {
+    & h2 {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
     }
   }
-  .\[\&_ol\]\:my-0 {
-    & ol {
-      margin-block: calc(var(--spacing) * 0);
+  .\[\&_h2\]\:font-semibold {
+    & h2 {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
     }
   }
   .\[\&_ol\]\:list-decimal {
@@ -5563,17 +5580,6 @@
       padding-left: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_p\]\:m-0 {
-    & p {
-      margin: calc(var(--spacing) * 0);
-    }
-  }
-  .\[\&_p\]\:leading-6 {
-    & p {
-      --tw-leading: calc(var(--spacing) * 6);
-      line-height: calc(var(--spacing) * 6);
-    }
-  }
   .\[\&_pre\]\:overflow-x-auto {
     & pre {
       overflow-x: auto;
@@ -5584,9 +5590,9 @@
       border-radius: 0.25rem;
     }
   }
-  .\[\&_pre\]\:bg-gray-100 {
+  .\[\&_pre\]\:bg-black {
     & pre {
-      background-color: var(--color-gray-100);
+      background-color: var(--color-black);
     }
   }
   .\[\&_pre\]\:p-3 {
@@ -5594,22 +5600,24 @@
       padding: calc(var(--spacing) * 3);
     }
   }
-  .\[\&_pre\]\:text-sm {
+  .\[\&_pre\]\:text-white {
     & pre {
-      font-size: var(--text-sm);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
+      color: var(--color-white);
     }
   }
-  .dark\:\[\&_pre\]\:bg-slate-800 {
-    &:is(.dark &) {
-      & pre {
-        background-color: var(--color-slate-800);
-      }
+  .\[\&_pre_code\]\:bg-transparent {
+    & pre code {
+      background-color: transparent;
     }
   }
-  .\[\&_ul\]\:my-0 {
-    & ul {
-      margin-block: calc(var(--spacing) * 0);
+  .\[\&_pre_code\]\:p-0 {
+    & pre code {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .\[\&_pre_code\]\:text-white {
+    & pre code {
+      color: var(--color-white);
     }
   }
   .\[\&_ul\]\:list-disc {
@@ -28227,6 +28235,65 @@
   .slider-control:active::-moz-range-thumb {
     transform: scale(1.02);
   }
+  .ProseMirror pre.hljs,
+  .ProseMirror pre.hljs code {
+    background: #000;
+    color: #fff;
+  }
+  .ProseMirror pre.hljs {
+    white-space: pre-wrap;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+  .ProseMirror pre.hljs code {
+    display: block;
+    white-space: inherit;
+  }
+  .ProseMirror .hljs-comment,
+  .ProseMirror .hljs-quote {
+    color: #94a3b8;
+    font-style: italic;
+  }
+  .ProseMirror .hljs-keyword,
+  .ProseMirror .hljs-selector-tag,
+  .ProseMirror .hljs-literal,
+  .ProseMirror .hljs-section,
+  .ProseMirror .hljs-link {
+    color: #f472b6;
+  }
+  .ProseMirror .hljs-string,
+  .ProseMirror .hljs-attr,
+  .ProseMirror .hljs-selector-attr,
+  .ProseMirror .hljs-selector-class,
+  .ProseMirror .hljs-selector-id,
+  .ProseMirror .hljs-regexp,
+  .ProseMirror .hljs-addition {
+    color: #86efac;
+  }
+  .ProseMirror .hljs-number,
+  .ProseMirror .hljs-symbol,
+  .ProseMirror .hljs-bullet,
+  .ProseMirror .hljs-variable,
+  .ProseMirror .hljs-template-variable,
+  .ProseMirror .hljs-type {
+    color: #fbbf24;
+  }
+  .ProseMirror .hljs-title,
+  .ProseMirror .hljs-title.class_,
+  .ProseMirror .hljs-title.function_,
+  .ProseMirror .hljs-function .hljs-title,
+  .ProseMirror .hljs-property,
+  .ProseMirror .hljs-built_in {
+    color: #60a5fa;
+  }
+  .ProseMirror .hljs-meta,
+  .ProseMirror .hljs-meta .hljs-keyword {
+    color: #c084fc;
+  }
+  .ProseMirror .hljs-subst,
+  .ProseMirror .hljs-punctuation {
+    color: #e5e7eb;
+  }
 }
 @property --tw-translate-x {
   syntax: "*";