@crystallize/design-system 1.24.45 → 2.0.1

package/dist/{rich-text-editor-EVN3N57G.css → rich-text-editor-4ZROYBHM.css}

@@ -173,7 +173,7 @@
   font-size: 0.75rem;
   line-height: 1rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity, 1));
 }
 .c-rte-code-highlight-language {
   margin-right: 4px;
@@ -196,7 +196,7 @@
 .c-rte-code-button:active {
   border-color: rgb(var(--c-color-gray-900-50) / 0.5);
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1));
 }
 .c-rte-code-button__icon {
   height: 16px;
@@ -216,10 +216,10 @@
   margin-top: 0.5rem;
   border-radius: 0.25rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity, 1));
   padding: 0.75rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity, 1));
 }
 .c-rte-draggable-block-menu {
   border-radius: 4px;
@@ -302,7 +302,7 @@
 }
 .c-rte-toolbar__block-format__icon.selected {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   opacity: 1;
 }
 .c-rte-toolbar__block-format__text {
@@ -366,7 +366,7 @@
 }
 .c-rte-toolbar__icon-btn.selected {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1)) !important;
   opacity: 1;
 }
 .c-rte-toolbar__icon-btn__icon {
@@ -389,7 +389,7 @@
 }
 .c-rte-toolbar__dd-item__icon.selected {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1)) !important;
   opacity: 1;
 }
 .c-rte-toolbar__dd-item__text {
@@ -399,13 +399,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -421,7 +414,7 @@
 .c-rte-toolbar__dd-item__text--clear {
   margin-left: 0.75rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity, 1));
 }
 .c-rte-toolbar__dd-item--table {
   display: flex;
@@ -430,13 +423,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -462,7 +448,7 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-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:
@@ -474,7 +460,7 @@
 .c-rte-insert-table__dimensions__separator {
   height: 100%;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-rte-insert-table__actions {
   margin-top: 0.75rem;
@@ -499,13 +485,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -513,7 +492,7 @@
     "Noto Color Emoji" !important;
   font-weight: 400;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity, 1));
 }
 .c-rich-text-editor .c-rte-editor-scroller {
   min-height: var(--c-rte-min-height, 150px);
@@ -548,7 +527,7 @@
   overflow: auto;
   max-height: 180px;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -573,7 +552,7 @@
   background-color: #ccc;
   line-height: 1px;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-rich-text-editor [contenteditable] hr.selected {
   outline: 2px solid rgb(60, 132, 244);
@@ -582,7 +561,7 @@
 .c-rich-text-editor [role=separator] {
   height: 1px;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity, 1));
 }
 .c-rich-text-editor .ltr {
   text-align: left;
@@ -641,7 +620,7 @@
   font-size: 14px;
   font-weight: 400;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity, 1));
   font-style: italic;
   left: var(--c-rte-content-pl, 1.5rem);
 }
@@ -692,7 +671,7 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
   box-shadow:
@@ -717,7 +696,7 @@
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity, 1));
 }
 .c-rte-link-editor-link-input a {
   display: block;
@@ -725,7 +704,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity, 1));
   text-decoration-line: none;
 }
 .c-rte-link-editor-link-input a:hover {
@@ -741,7 +720,7 @@
   border-bottom-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
@@ -761,14 +740,14 @@
 .c-rte-link-editor-preview-attr {
   border-radius: 0.375rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   padding-left: 0.25rem;
   padding-right: 0.25rem;
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
   font-size: 10px;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity, 1));
 }
 @keyframes c-rte-glimmer-animation {
   0% {
@@ -785,7 +764,7 @@
 }
 .c-rte-link-preview-image-wrapper {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   text-align: center;
 }
 .c-rte-link-preview-image {
@@ -801,7 +780,7 @@
   font-weight: 600;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity, 1));
 }
 .c-rte-link-preview-description {
   margin-left: 1.5rem;
@@ -843,13 +822,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -869,7 +841,7 @@
 .c-btn:disabled {
   cursor: default;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity, 1));
 }
 .c-btn__prepend,
 .c-btn__append {
@@ -891,7 +863,7 @@
 }
 .c-btn {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
 }
 .c-btn:not(:disabled):hover {
   outline-style: solid;
@@ -900,7 +872,7 @@
 }
 .c-btn:not(:disabled):active {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-btn-loading {
   position: relative;
@@ -913,7 +885,7 @@
 }
 .c-btn-elevate {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -926,11 +898,11 @@
 }
 .c-btn-elevate:not(:disabled):active {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
 }
 .c-btn-action {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-btn-action:not(:disabled):hover {
   outline-style: solid;
@@ -939,11 +911,11 @@
 }
 .c-btn-action:not(:disabled):active {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-cyan-200-700) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-cyan-200-700) / var(--tw-bg-opacity, 1));
 }
 .c-btn-danger {
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity, 1));
 }
 .c-btn-danger:not(:disabled):hover {
   outline-color: rgb(var(--c-color-pink-300-600) / 1);
@@ -1044,7 +1016,7 @@
 .c-icon-button:enabled:focus,
 .c-icon-button:enabled:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -1065,7 +1037,7 @@
 }
 .c-icon-button-elevate {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -1126,7 +1098,7 @@
 }
 .c-input-with-label-elevated {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -1136,11 +1108,11 @@
 }
 .c-input-with-label.c-input-with-label--error {
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity, 1));
 }
 .c-input-with-label.c-input-with-label--warning {
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-orange-200-700) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-orange-200-700) / var(--tw-text-opacity, 1));
 }
 .c-input-with-label-error {
   margin-top: 0.25rem !important;
@@ -1169,7 +1141,7 @@
   font-weight: 400;
   font-style: italic;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity, 1));
 }
 .c-input:focus {
   outline: 2px solid transparent;
@@ -1178,7 +1150,7 @@
 .c-input:disabled {
   cursor: not-allowed;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-400-500) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-400-500) / var(--tw-text-opacity, 1));
 }
 
 /* src/label/label.css */
@@ -1187,7 +1159,7 @@
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity, 1));
 }
 
 /* src/tooltip/tooltip.css */
@@ -1229,41 +1201,41 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-cyan-300-600) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-cyan-300-600) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity, 1));
 }
 .c-tooltip-error {
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-pink-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-pink-200-700) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-pink-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-pink-100-800) / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity, 1));
 }
 .c-tooltip-warning {
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-orange-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-orange-200-700) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-orange-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-orange-100-800) / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity, 1));
 }
 .c-tooltip-info {
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity, 1));
 }
 
 /* src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.css */
@@ -1282,7 +1254,7 @@
   gap: 0.125rem;
   border-radius: 0.375rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   padding: 0.25rem;
   opacity: 0;
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -1302,7 +1274,7 @@
 }
 .c-rte-floating-text-format-tb-plugin__format-icon.selected {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   opacity: 1;
 }
 .c-floating-text-format-popup button.popup-item {
@@ -1420,9 +1392,9 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -1448,11 +1420,11 @@
 .c-dropdown-menu-content [role=separator] {
   height: 1px;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-dropdown-menu-label {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   padding-left: 1rem;
   padding-right: 1rem;
   padding-bottom: 0.25rem;
@@ -1461,13 +1433,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -1476,7 +1441,7 @@
   font-size: 11px;
   font-weight: 700;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity, 1));
 }
 .c-dropdown-menu-label:first-child {
   border-top-left-radius: 0.25rem;
@@ -1487,20 +1452,13 @@
   height: 2.5rem;
   align-items: center;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   padding-left: 1rem;
   padding-right: 1rem;
   font-family:
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -1521,7 +1479,7 @@
 .c-dropdown-menu-item:not([data-disabled]) {
   cursor: pointer;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity, 1));
 }
 .c-dropdown-menu-item:not([data-disabled]):hover,
 .c-dropdown-menu-item:not([data-disabled]):focus,
@@ -1530,7 +1488,7 @@
 .c-dropdown-menu-item:not([data-disabled]):focus.selected,
 .c-dropdown-menu-item:not([data-disabled]):focus-visible.selected {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1));
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
@@ -1540,14 +1498,14 @@
 }
 .c-dropdown-menu-item.selected {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1));
   font-weight: 700;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-green-500-400) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-green-500-400) / var(--tw-text-opacity, 1));
 }
 .c-dropdown-menu-item.danger {
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity, 1));
 }
 .c-dropdown-menu-item.danger[data-disabled] {
   color: rgb(var(--c-color-pink-600-300) / 0.5);
@@ -1590,11 +1548,11 @@
   max-width: 800px;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity, 1));
   padding: 3.5rem;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity, 1));
   --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
   --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
   box-shadow:
@@ -1618,7 +1576,7 @@
   justify-content: center;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1));
   padding: 5px;
 }
 .c-dialog-icon {
@@ -1667,11 +1625,11 @@
 }
 .c-dialog-close-button:hover {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1)) !important;
 }
 .c-dialog-close-button:focus {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity, 1)) !important;
 }
 .c-dialog-with-icon {
   display: flex;
@@ -1736,7 +1694,7 @@
 .c-action-menu:not(:disabled):hover {
   gap: 3px;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity, 1));
   outline-style: solid;
   outline-width: 1px;
   outline-color: rgb(var(--c-color-purple-200-700) / 1);
@@ -1746,7 +1704,7 @@
   --tw-scale-y: .95;
   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));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity, 1));
 }
 .c-action-menu__trigger-text {
   position: absolute;
@@ -1791,13 +1749,6 @@
     Roboto,
     ui-sans-serif,
     system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -1818,7 +1769,7 @@
   height: 1px;
   width: 100%;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-700-200) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-gray-700-200) / var(--tw-bg-opacity, 1));
   padding: 0px;
 }
 
@@ -1836,7 +1787,7 @@
   margin-top: 0.5rem;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__paragraph + .CrystallizeRTEditorTheme__paragraph {
   position: relative;
@@ -1853,10 +1804,10 @@
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   --tw-border-opacity: 1;
-  border-left-color: rgb(var(--c-color-purple-700-200) / var(--tw-border-opacity));
+  border-left-color: rgb(var(--c-color-purple-700-200) / var(--tw-border-opacity, 1));
   font-weight: 400;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h1 {
   font-size: 20px;
@@ -1866,7 +1817,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h2 {
   font-size: 19px;
@@ -1877,7 +1828,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h3 {
   font-size: 18px;
@@ -1887,7 +1838,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h4 {
   font-size: 17px;
@@ -1897,7 +1848,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h5 {
   font-size: 16px;
@@ -1907,7 +1858,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__h6 {
   font-size: 16px;
@@ -1917,7 +1868,7 @@
   font-weight: 500;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__indent {
   --lexical-indent-base-value: 20px;
@@ -1957,15 +1908,15 @@
   border-style: solid;
   border-radius: 0.375rem;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
 }
 .CrystallizeRTEditorTheme__link {
   text-decoration: none;
   box-shadow: #5d96fd 0 -2px inset;
   --tw-text-opacity: 1 !important;
-  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity)) !important;
+  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity, 1)) !important;
 }
 .CrystallizeRTEditorTheme__link:hover {
   cursor: pointer;
@@ -1982,9 +1933,9 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   padding: 0.5rem;
   padding-left: 3.5rem;
   font-size: 0.875rem;
@@ -2005,13 +1956,13 @@
   border-right-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity, 1));
   padding: 0.5rem;
   text-align: right;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-400-500) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-400-500) / var(--tw-text-opacity, 1));
   content: attr(data-gutter);
   white-space: pre-wrap;
   min-width: 25px;
@@ -2028,7 +1979,7 @@
   border-style: solid;
   border-radius: 0.375rem;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
 }
 .CrystallizeRTEditorTheme__tableSelected {
   outline-width: 2px;
@@ -2040,7 +1991,7 @@
   border-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity, 1));
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0px;
@@ -2079,7 +2030,7 @@
 }
 .CrystallizeRTEditorTheme__tableCellHeader {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
   text-align: start;
 }
 .CrystallizeRTEditorTheme__tableCellSelected {
@@ -2089,7 +2040,7 @@
   border-width: 2px;
   border-style: solid;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity, 1));
   display: block;
   height: calc(100% - 2px);
   position: absolute;
@@ -2118,7 +2069,7 @@
   cursor: pointer;
   border: 1px solid transparent;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
 }
 .CrystallizeRTEditorTheme__tableAddColumns:after {
   background-image: url(./plus-CQISIKEC.svg);
@@ -2137,7 +2088,7 @@
 .CrystallizeRTEditorTheme__tableAddColumns:hover {
   border-radius: 0.125rem;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity, 1));
 }
 .CrystallizeRTEditorTheme__tableAddRows {
   position: absolute;
@@ -2150,7 +2101,7 @@
   cursor: pointer;
   border: 1px solid transparent;
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity, 1));
 }
 .CrystallizeRTEditorTheme__tableAddRows:after {
   background-image: url(./plus-CQISIKEC.svg);
@@ -2169,7 +2120,7 @@
 .CrystallizeRTEditorTheme__tableAddRows:hover {
   border-radius: 0.125rem;
   --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
+  border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity, 1));
 }
 @keyframes table-controls {
   0% {
@@ -2245,7 +2196,7 @@
   margin-bottom: 0px;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
+  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity, 1));
 }
 .CrystallizeRTEditorTheme__listItemChecked,
 .CrystallizeRTEditorTheme__listItemUnchecked {