npm - @8btc/whiteboard - Versions diffs - 0.0.20-alpha.2 → 0.0.20-alpha.20 - Mend

@8btc/whiteboard 0.0.20-alpha.2 → 0.0.20-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/adapter/maze.d.ts +11 -0
package/dist/adapter/maze.js +128 -90
package/dist/{const-Bnd9AXJw.js → const-CNw7pZuI.js} +2 -1
package/dist/index.css +1 -1
package/dist/index.d.ts +105 -3
package/dist/index.js +3415 -17762
package/dist/maze.d.ts +81 -3
package/package.json +18 -6

package/dist/adapter/maze.d.ts CHANGED Viewed

@@ -1,2 +1,13 @@
 export * from '../app/adapter/maze'
 export {}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        nodeBackground: {
+            setNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+            unsetNodeBackgroundColor: () => ReturnType;
+            toggleNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+        };
+    }
+}

package/dist/adapter/maze.js CHANGED Viewed

@@ -1,27 +1,27 @@
 import { v4 as _ } from "uuid";
-import { N as M } from "../const-Bnd9AXJw.js";
-async function S(t) {
-  return new Promise((i, n) => {
+import { N as M } from "../const-CNw7pZuI.js";
+async function N(t) {
+  return new Promise((o, n) => {
     const e = new Image();
     e.onload = () => {
-      i({ width: e.naturalWidth, height: e.naturalHeight });
+      o({ width: e.naturalWidth, height: e.naturalHeight });
     }, e.onerror = () => {
       n(new Error(`Failed to load image: ${t}`));
     }, e.src = t;
   });
 }
-function A(t) {
+function v(t) {
   if (!t) return { x: 0, y: 0 };
   if ((t.getState().nodes || []).length > 0) {
     const e = t.getMainLayer();
-    let o = 1 / 0, r = -1 / 0;
+    let r = 1 / 0, i = -1 / 0;
     if (e.children.forEach((s) => {
       if (s.visible() && s.getClassName() !== "Transformer" && s.hasName(M.selectable)) {
-        const a = s.getAttrs(), c = a.x || 0, d = a.y || 0, f = a.height || 0;
-        o = Math.min(o, c), r = Math.max(r, d + f);
+        const a = s.getAttrs(), c = a.x || 0, d = a.y || 0, l = a.height || 0;
+        r = Math.min(r, c), i = Math.max(i, d + l);
       }
-    }), o !== 1 / 0 && r !== -1 / 0)
-      return { x: o, y: r };
+    }), r !== 1 / 0 && i !== -1 / 0)
+      return { x: r, y: i };
   }
   const n = t.getState().viewport;
   return {
@@ -29,133 +29,169 @@ function A(t) {
     y: n.y
   };
 }
-async function p(t, i, n, e) {
+async function E(t, o, n, e) {
   if (!t) return;
-  const o = Array.isArray(i) ? i : [i];
-  if (o.length === 0) return;
-  const r = e?.spacing ?? 20, s = e?.scrollToView ?? !0, a = e?.direction ?? "horizontal", c = e?.reuseExisting ?? !0, d = /* @__PURE__ */ new Map();
-  c && (t.getState().nodes || []).forEach((y) => {
-    y.$_type === "image" && y.$_imageUrl && d.set(y.$_imageUrl, y.id);
+  const r = Array.isArray(o) ? o : [o];
+  if (r.length === 0) return;
+  const i = e?.spacing ?? 20, s = e?.scrollToView ?? !0, a = e?.direction ?? "horizontal", c = e?.reuseExisting ?? !0, d = /* @__PURE__ */ new Map();
+  c && (t.getState().nodes || []).forEach((m) => {
+    m.$_type === "image" && m.$_imageUrl && d.set(m.$_imageUrl, m.id);
   });
-  const f = await Promise.all(o.map((l) => S(l))), u = [], m = [];
-  let h = n.x, g = n.y;
-  return o.forEach((l, y) => {
-    if (c && d.has(l)) {
-      const x = d.get(l);
-      m.push(x);
+  const l = await Promise.all(r.map((f) => N(f))), h = [], u = [];
+  let g = n.x, y = n.y;
+  return r.forEach((f, m) => {
+    if (c && d.has(f)) {
+      const w = d.get(f);
+      u.push(w);
       return;
     }
-    const { width: w, height: $ } = f[y], I = _();
-    u.push({
+    const { width: $, height: x } = l[m], I = _();
+    h.push({
       id: I,
       $_type: "image",
-      x: h,
-      y: g,
-      width: w,
-      height: $,
-      $_imageUrl: l
-    }), m.push(I), a === "horizontal" ? h += w + r : g += $ + r;
-  }), u.length > 0 && t.createNodes(u, !0), s && t.scrollToContent({ scale: !1, nodeIds: m }), m;
+      x: g,
+      y,
+      width: $,
+      height: x,
+      $_imageUrl: f
+    }), u.push(I), a === "horizontal" ? g += $ + i : y += x + i;
+  }), h.length > 0 && t.createNodes(h, !0), s && t.scrollToContent({ scale: !1, nodeIds: u }), u;
 }
-async function L(t, i) {
+async function B(t, o) {
   if (!t) return;
-  const n = A(t);
-  return p(t, i, {
+  const n = v(t);
+  return E(t, o, {
     x: n.x,
     y: n.y + 20
   });
 }
-function X(t, i) {
+function L(t, o) {
   if (!t) return;
   const n = t.getState().selectedNodeIds || [];
   if (n.length === 0) return;
-  let e = 1 / 0, o = 1 / 0, r = -1 / 0, s = -1 / 0;
-  if (t.getMainLayer().children.forEach((f) => {
-    if (f.visible() && f.getClassName() !== "Transformer" && n.includes(f.id())) {
-      const u = f.getAttrs(), m = u.x || 0, h = u.y || 0, g = u.width || 0, l = u.height || 0;
-      e = Math.min(e, m), o = Math.min(o, h), r = Math.max(r, m + g), s = Math.max(s, h + l);
+  let e = 1 / 0, r = 1 / 0, i = -1 / 0, s = -1 / 0;
+  if (t.getMainLayer().children.forEach((l) => {
+    if (l.visible() && l.getClassName() !== "Transformer" && n.includes(l.id())) {
+      const h = l.getAttrs(), u = h.x || 0, g = h.y || 0, y = h.width || 0, f = h.height || 0;
+      e = Math.min(e, u), r = Math.min(r, g), i = Math.max(i, u + y), s = Math.max(s, g + f);
     }
-  }), e === 1 / 0 || o === 1 / 0 || r === -1 / 0 || s === -1 / 0)
+  }), e === 1 / 0 || r === 1 / 0 || i === -1 / 0 || s === -1 / 0)
     return;
   const c = {
-    x: r + 20,
-    y: o,
-    width: r - e,
-    height: s - o
+    x: i + 20,
+    y: r,
+    width: i - e,
+    height: s - r
   }, d = {
     id: _(),
     $_type: "html",
+    $_actualType: "loading",
     x: c.x,
     y: c.y,
     width: c.width,
     height: c.height,
-    $_imageUrl: i,
+    $_imageUrl: o,
     // 示例 loading 图片 URL
     $_htmlContent: `
-      <img alt="loading" src="${i}" style="width: 100%; height: 100%; object-fit: contain;" />
+      <img alt="loading" src="${o}" style="width: 100%; height: 100%; object-fit: contain;" />
     `
   };
   return t.createNodes([d], !0), d.id;
 }
-function Y(t, i, n) {
+function X(t, o, n) {
   if (!t) return;
-  const e = t.getCanvasNodeById(i);
+  const e = t.getCanvasNodeById(o);
   if (!e) return;
-  const o = e.getConfig();
-  if (o.$_type !== "html") return;
-  const r = Array.isArray(n) ? n : [n];
-  if (r.length === 0) return;
-  const s = o.x, a = o.y;
-  p(t, r, { x: s, y: a }, { scrollToView: !1 }), t.deleteNodes([i]);
+  const r = e.getConfig();
+  if (r.$_type !== "html") return;
+  const i = Array.isArray(n) ? n : [n];
+  if (i.length === 0) return;
+  const s = r.x, a = r.y;
+  E(t, i, { x: s, y: a }, { scrollToView: !1 }), t.deleteNodes([o]);
+}
+async function p(t, o, n, e, r) {
+  if (!t) return;
+  const i = r?.scrollToView ?? !0;
+  if (r?.reuseExisting ?? !0) {
+    const d = t.getState().nodes || [];
+    for (const l of d)
+      if (l.$_type === "video" && l.$_videoUrl === o)
+        return i && t.scrollToContent({ scale: !1, nodeIds: [l.id] }), l.id;
+  }
+  let a = { width: 320, height: 180 };
+  try {
+    a = await N(n);
+  } catch (d) {
+    console.warn("Failed to load cover image, using default size:", d);
+  }
+  const c = {
+    id: _(),
+    $_type: "video",
+    x: e.x,
+    y: e.y,
+    width: a.width,
+    // 使用封面图片的宽度
+    height: a.height,
+    // 使用封面图片的高度
+    $_videoUrl: o,
+    $_coverUrl: n
+  };
+  return t.createNodes([c], !0), i && t.scrollToContent({ scale: !1, nodeIds: [c.id] }), c.id;
+}
+async function Y(t, o, n) {
+  if (!t) return;
+  const e = v(t);
+  return p(t, o, n, {
+    x: e.x,
+    y: e.y + 20
+  });
 }
-async function R(t, i) {
+async function V(t, o) {
   if (!t) return null;
-  const n = t.getCanvasNodeById(i);
+  const n = t.getCanvasNodeById(o);
   if (!n) return null;
   const e = n.getConfig();
   if (e.$_type !== "image-marker" || !e.$_relativeBox)
     return null;
-  const o = e.$_parentId;
-  if (!o) return null;
-  const r = t.getCanvasNodeById(o);
+  const r = e.$_parentId;
   if (!r) return null;
-  const s = r.getConfig();
-  if (s.$_type !== "image" || !s.$_imageUrl) return null;
-  const { start: a, end: c } = e.$_relativeBox, d = a.ratioX, f = a.ratioY, u = c.ratioX - a.ratioX, m = c.ratioY - a.ratioY;
-  return new Promise((h) => {
+  const i = t.getNodeConfigById(r);
+  if (!i || i.$_type !== "image" || !i.$_imageUrl) return null;
+  const { start: s, end: a } = e.$_relativeBox, c = s.ratioX, d = s.ratioY, l = a.ratioX - s.ratioX, h = a.ratioY - s.ratioY;
+  return new Promise((u) => {
     const g = new Image();
     g.crossOrigin = "anonymous", g.onload = () => {
-      const l = g.naturalWidth, y = g.naturalHeight, w = d * l, $ = f * y, I = u * l, x = m * y, C = document.createElement("canvas");
-      C.width = I, C.height = x;
-      const N = C.getContext("2d");
-      if (!N) {
-        h(null);
+      const y = g.naturalWidth, f = g.naturalHeight, m = c * y, $ = d * f, x = l * y, I = h * f, w = document.createElement("canvas");
+      w.width = x, w.height = I;
+      const C = w.getContext("2d");
+      if (!C) {
+        u(null);
         return;
       }
-      N.drawImage(
+      C.drawImage(
         g,
-        w,
+        m,
         $,
-        I,
         x,
+        I,
         0,
         0,
-        I,
-        x
+        x,
+        I
       );
-      const v = C.toDataURL("image/png");
-      h(v);
+      const S = w.toDataURL("image/png");
+      u(S);
     }, g.onerror = () => {
-      console.error("Failed to load image:", s.$_imageUrl), h(null);
-    }, g.src = s.$_imageUrl;
+      console.error("Failed to load image:", i.$_imageUrl), u(null);
+    }, g.src = i.$_imageUrl;
   });
 }
-function T(t) {
+function z(t) {
   if (!t) return null;
-  const i = t.getState().selectedNodeIds || [];
-  if (i.length === 0) return null;
-  if (i.length === 1) {
-    const n = t.getCanvasNodeById(i[0]);
+  const o = t.getState().selectedNodeIds || [];
+  if (o.length === 0) return null;
+  if (o.length === 1) {
+    const n = t.getCanvasNodeById(o[0]);
     if (!n) return null;
     if (n.getConfig().$_type === "image")
       return n.getConfig().$_imageUrl || null;
@@ -163,11 +199,13 @@ function T(t) {
   return t.exportSelectionAsImage();
 }
 export {
-  A as calculateBottomLeftOfCanvasContent,
-  R as exportMarkedRegion,
-  T as exportSelectionAsImage,
-  L as insertImageBesideContent,
-  p as insertImagesAtPosition,
-  X as insertLoadingImageBesideSelection,
-  Y as replaceLoadingImageNode
+  v as calculateBottomLeftOfCanvasContent,
+  V as exportMarkedRegion,
+  z as exportSelectionAsImage,
+  B as insertImageBesideContent,
+  E as insertImagesAtPosition,
+  L as insertLoadingImageBesideSelection,
+  p as insertVideoAtPosition,
+  Y as insertVideoBesideContent,
+  X as replaceLoadingImageNode
 };

package/dist/{const-Bnd9AXJw.js → const-CNw7pZuI.js} RENAMED Viewed

@@ -6,7 +6,8 @@ const i = {
   imageMarker: "image_marker_intrinsic",
   html: "html_intrinsic",
   text: "text_intrinsic",
-  richText: "rich_text_intrinsic"
+  richText: "rich_text_intrinsic",
+  video: "video_intrinsic"
 }, t = {
   CORNER_RADIUS: 6,
   MIN_SIZE: 10

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.bottom-4{bottom:calc(var(--spacing)4)}.left-0{left:calc(var(--spacing)0)}.left-4{left:calc(var(--spacing)4)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-6{margin-bottom:calc(var(--spacing)6)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-8{width:calc(var(--spacing)8);height:calc(var(--spacing)8)}.size-9{width:calc(var(--spacing)9);height:calc(var(--spacing)9)}.size-10{width:calc(var(--spacing)10);height:calc(var(--spacing)10)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-9{height:calc(var(--spacing)9)}.h-10{height:calc(var(--spacing)10)}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing)40)}.w-6{width:calc(var(--spacing)6)}.w-\[700px\]{width:700px}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)16)}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)1)}.gap-1\.5{gap:calc(var(--spacing)1.5)}.gap-2{gap:calc(var(--spacing)2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)2)var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)2)calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-destructive{background-color:var(--destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-primary{background-color:var(--primary)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)2)}.p-4{padding:calc(var(--spacing)4)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-2{padding-block:calc(var(--spacing)2)}.pt-1{padding-top:calc(var(--spacing)1)}.pt-4{padding-top:calc(var(--spacing)4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-cyan-600:hover{background-color:var(--color-cyan-600)}.hover\:bg-cyan-700:hover{background-color:var(--color-cyan-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.dark\:border-input:is(.dark ){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark ){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark ){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark ){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark ){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark ):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark ):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark ):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark ):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark ):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark ):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark )[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark )[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\\=\'size-\'\]\)\]\:size-4 svg:not([class=size-]){width:calc(var(--spacing)4);height:calc(var(--spacing)4)}}@property --tw-animation-delay{syntax:"";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"";inherits:false}@property --tw-animation-fill-mode{syntax:"";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"";inherits:false;initial-value:solid}@property --tw-blur{syntax:"";inherits:false}@property --tw-brightness{syntax:"";inherits:false}@property --tw-contrast{syntax:"";inherits:false}@property --tw-grayscale{syntax:"";inherits:false}@property --tw-hue-rotate{syntax:"";inherits:false}@property --tw-invert{syntax:"";inherits:false}@property --tw-opacity{syntax:"";inherits:false}@property --tw-saturate{syntax:"";inherits:false}@property --tw-sepia{syntax:"";inherits:false}@property --tw-drop-shadow{syntax:"";inherits:false}@property --tw-drop-shadow-color{syntax:"";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"";inherits:false}@property --tw-scale-x{syntax:"";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.whiteboard{background-color:#f9fafb;.grid-dot{fill:#6e6e6e}}.whiteboard[data-theme=dark]{background-color:#151515;.grid-dot{fill:#666}}.ProseMirror{border:2px solid #3b82f6}.ProseMirror-focused{outline:none}
1	+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root{overflow-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50:#3838380a;--tt-gray-light-a-100:#0f16240d;--tt-gray-light-a-200:#25272d1a;--tt-gray-light-a-300:#2f323733;--tt-gray-light-a-400:#282c336b;--tt-gray-light-a-500:#34373ca3;--tt-gray-light-a-600:#24272ec7;--tt-gray-light-a-700:#23252ade;--tt-gray-light-a-800:#1e2024f2;--tt-gray-light-a-900:#1d1e20fa;--tt-gray-light-50:#fafafa;--tt-gray-light-100:#f4f4f5;--tt-gray-light-200:#eaeaeb;--tt-gray-light-300:#d5d6d7;--tt-gray-light-400:#a6a7ab;--tt-gray-light-500:#7d7f82;--tt-gray-light-600:#53565a;--tt-gray-light-700:#404145;--tt-gray-light-800:#2c2d30;--tt-gray-light-900:#222325;--tt-gray-dark-a-50:#e8e8fd0d;--tt-gray-dark-a-100:#e7e7f312;--tt-gray-dark-a-200:#eeeef61c;--tt-gray-dark-a-300:#efeff538;--tt-gray-dark-a-400:#f4f4ff5e;--tt-gray-dark-a-500:#eceefd80;--tt-gray-dark-a-600:#f7f7fda3;--tt-gray-dark-a-700:#fbfbfebf;--tt-gray-dark-a-800:#fdfdfde0;--tt-gray-dark-a-900:#fffffff5;--tt-gray-dark-50:#19191a;--tt-gray-dark-100:#202022;--tt-gray-dark-200:#2d2d2f;--tt-gray-dark-300:#464649;--tt-gray-dark-400:#636369;--tt-gray-dark-500:#7c7c83;--tt-gray-dark-600:#a3a3a8;--tt-gray-dark-700:#c0c0c3;--tt-gray-dark-800:#e0e0e1;--tt-gray-dark-900:#f5f5f5;--tt-brand-color-50:#efeeff;--tt-brand-color-100:#dedbff;--tt-brand-color-200:#c3bdff;--tt-brand-color-300:#9d8aff;--tt-brand-color-400:#7a52ff;--tt-brand-color-500:#6229ff;--tt-brand-color-600:#5400e5;--tt-brand-color-700:#4b00cc;--tt-brand-color-800:#380099;--tt-brand-color-900:#2b1966;--tt-brand-color-950:#0d002e;--tt-color-green-inc-5:#f0fff2;--tt-color-green-inc-4:#d6ffdc;--tt-color-green-inc-3:#b8ffc5;--tt-color-green-inc-2:#90fea8;--tt-color-green-inc-1:#67fe92;--tt-color-green-base:#01fe73;--tt-color-green-dec-1:#03ce5e;--tt-color-green-dec-2:#02a247;--tt-color-green-dec-3:#007a35;--tt-color-green-dec-4:#005221;--tt-color-green-dec-5:#002e0f;--tt-color-yellow-inc-5:#fffcf0;--tt-color-yellow-inc-4:#fff7d1;--tt-color-yellow-inc-3:#fff1ad;--tt-color-yellow-inc-2:#ffeb8a;--tt-color-yellow-inc-1:#ffe45c;--tt-color-yellow-base:#fd0;--tt-color-yellow-dec-1:#d1b500;--tt-color-yellow-dec-2:#a38d00;--tt-color-yellow-dec-3:#7a6a00;--tt-color-yellow-dec-4:#524500;--tt-color-yellow-dec-5:#2e2600;--tt-color-red-inc-5:#ffeeeb;--tt-color-red-inc-4:#ffcdc2;--tt-color-red-inc-3:#fa9;--tt-color-red-inc-2:#ff8a75;--tt-color-red-inc-1:#ff5d47;--tt-color-red-base:#ff3014;--tt-color-red-dec-1:#d11800;--tt-color-red-dec-2:#a30e00;--tt-color-red-dec-3:#7a0800;--tt-color-red-dec-4:#520400;--tt-color-red-dec-5:#2e0100;--white:#fff;--black:#0e0e11;--transparent:#fff0;--tt-shadow-elevated-md:0px 16px 48px 0px #1118270a,0px 12px 24px 0px #1118270a,0px 6px 8px 0px #11182705,0px 2px 3px 0px #11182705;--tt-radius-xxs:.125rem;--tt-radius-xs:.25rem;--tt-radius-sm:.375rem;--tt-radius-md:.5rem;--tt-radius-lg:.75rem;--tt-radius-xl:1rem;--tt-transition-duration-short:.1s;--tt-transition-duration-default:.2s;--tt-transition-duration-long:.64s;--tt-transition-easing-default:cubic-bezier(.46,.03,.52,.96);--tt-transition-easing-cubic:cubic-bezier(.65,.05,.36,1);--tt-transition-easing-quart:cubic-bezier(.77,0,.18,1);--tt-transition-easing-circ:cubic-bezier(.79,.14,.15,.86);--tt-transition-easing-back:cubic-bezier(.68,-.55,.27,1.55);--tt-accent-contrast:8%;--tt-destructive-contrast:8%;--tt-foreground-contrast:8%}:root,:root ,:root :before,:root :after{box-sizing:border-box;transition:none var(--tt-transition-duration-default)var(--tt-transition-easing-default)}:root{--tt-bg-color:var(--white);--tt-border-color:var(--tt-gray-light-a-200);--tt-border-color-tint:var(--tt-gray-light-a-100);--tt-sidebar-bg-color:var(--tt-gray-light-100);--tt-scrollbar-color:var(--tt-gray-light-a-200);--tt-cursor-color:var(--tt-brand-color-500);--tt-selection-color:#9d8aff33;--tt-card-bg-color:var(--white);--tt-card-border-color:var(--tt-gray-light-a-100)}.dark{--tt-bg-color:var(--black);--tt-border-color:var(--tt-gray-dark-a-200);--tt-border-color-tint:var(--tt-gray-dark-a-100);--tt-sidebar-bg-color:var(--tt-gray-dark-100);--tt-scrollbar-color:var(--tt-gray-dark-a-200);--tt-cursor-color:var(--tt-brand-color-400);--tt-selection-color:#7a52ff33;--tt-card-bg-color:var(--tt-gray-dark-50);--tt-card-border-color:var(--tt-gray-dark-a-50);--tt-shadow-elevated-md:0px 16px 48px 0px #00000080,0px 12px 24px 0px #0000003d,0px 6px 8px 0px #00000038,0px 2px 3px 0px #0000001f}:root{--tt-color-text-gray:#787673;--tt-color-text-brown:#9d6a53;--tt-color-text-orange:#d9730d;--tt-color-text-yellow:#ca922f;--tt-color-text-green:#448361;--tt-color-text-blue:#327da9;--tt-color-text-purple:#8f64af;--tt-color-text-pink:#c24c8b;--tt-color-text-red:#d34a45;--tt-color-text-gray-contrast:#54473126;--tt-color-text-brown-contrast:#d2a28e59;--tt-color-text-orange-contrast:#e07b3845;--tt-color-text-yellow-contrast:#ecbe4163;--tt-color-text-green-contrast:#7bb78145;--tt-color-text-blue-contrast:#5ea6cf45;--tt-color-text-purple-contrast:#a881c545;--tt-color-text-pink-contrast:#e189b445;--tt-color-text-red-contrast:#f4aa9f66}.dark{--tt-color-text-gray:#9c9c9c;--tt-color-text-brown:#b9856e;--tt-color-text-orange:#c77d48;--tt-color-text-yellow:#ca994e;--tt-color-text-green:#519e71;--tt-color-text-blue:#3699d3;--tt-color-text-purple:#9e69d3;--tt-color-text-pink:#d15796;--tt-color-text-red:#df5553;--tt-color-text-gray-contrast:#ffffff17;--tt-color-text-brown-contrast:#b9674640;--tt-color-text-orange-contrast:#e97d2533;--tt-color-text-yellow-contrast:#b3823d33;--tt-color-text-green-contrast:#2d9a6533;--tt-color-text-blue-contrast:#327da933;--tt-color-text-purple-contrast:#9b60d22e;--tt-color-text-pink-contrast:#dc4c9238;--tt-color-text-red-contrast:#dd555540}:root{--tt-color-highlight-yellow:#fef9c3;--tt-color-highlight-green:#dcfce7;--tt-color-highlight-blue:#e0f2fe;--tt-color-highlight-purple:#f3e8ff;--tt-color-highlight-red:#ffe4e6;--tt-color-highlight-gray:#f8f8f7;--tt-color-highlight-brown:#f4eeee;--tt-color-highlight-orange:#fbecdd;--tt-color-highlight-pink:#fcf1f6;--tt-color-highlight-yellow-contrast:#fbe604;--tt-color-highlight-green-contrast:#c7fad8;--tt-color-highlight-blue-contrast:#ceeafd;--tt-color-highlight-purple-contrast:#e4ccff;--tt-color-highlight-red-contrast:#ffccd0;--tt-color-highlight-gray-contrast:#54483126;--tt-color-highlight-brown-contrast:#d2a28d59;--tt-color-highlight-orange-contrast:#e07c3945;--tt-color-highlight-pink-contrast:#e188b345}.dark{--tt-color-highlight-yellow:#6b6524;--tt-color-highlight-green:#509568;--tt-color-highlight-blue:#6e92aa;--tt-color-highlight-purple:#583e74;--tt-color-highlight-red:#743e42;--tt-color-highlight-gray:#2f2f2f;--tt-color-highlight-brown:#4a3228;--tt-color-highlight-orange:#5c3b23;--tt-color-highlight-pink:#4e2c3c;--tt-color-highlight-yellow-contrast:#58531e;--tt-color-highlight-green-contrast:#47855d;--tt-color-highlight-blue-contrast:#5e86a1;--tt-color-highlight-purple-contrast:#4c3564;--tt-color-highlight-red-contrast:#643539;--tt-color-highlight-gray-contrast:#ffffff18;--tt-color-highlight-brown-contrast:#b8654540;--tt-color-highlight-orange-contrast:#e97e2533;--tt-color-highlight-pink-contrast:#dc4c9138}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)0)}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.bottom-4{bottom:calc(var(--spacing)4)}.left-0{left:calc(var(--spacing)0)}.left-4{left:calc(var(--spacing)4)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-6{margin-bottom:calc(var(--spacing)6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing)8);height:calc(var(--spacing)8)}.size-9{width:calc(var(--spacing)9);height:calc(var(--spacing)9)}.size-10{width:calc(var(--spacing)10);height:calc(var(--spacing)10)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-9{height:calc(var(--spacing)9)}.h-10{height:calc(var(--spacing)10)}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing)40)}.w-6{width:calc(var(--spacing)6)}.w-\[700px\]{width:700px}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)16)}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)1)}.gap-1\.5{gap:calc(var(--spacing)1.5)}.gap-2{gap:calc(var(--spacing)2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)2)var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)2)calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-destructive{background-color:var(--destructive)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-primary{background-color:var(--primary)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)2)}.p-4{padding:calc(var(--spacing)4)}.p-10{padding:calc(var(--spacing)10)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-1{padding-block:calc(var(--spacing)1)}.py-2{padding-block:calc(var(--spacing)2)}.pt-1{padding-top:calc(var(--spacing)1)}.pt-4{padding-top:calc(var(--spacing)4)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-cyan-600:hover{background-color:var(--color-cyan-600)}.hover\:bg-cyan-700:hover{background-color:var(--color-cyan-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sky-600:hover{background-color:var(--color-sky-600)}.hover\:bg-sky-700:hover{background-color:var(--color-sky-700)}.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}.hover\:bg-violet-600:hover{background-color:var(--color-violet-600)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.dark\:border-input:is(.dark ){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark ){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark ){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark ){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark ){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark ):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark ):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark ):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark ):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark ):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark ):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark )[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark )[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\\=\'size-\'\]\)\]\:size-4 svg:not([class=size-]){width:calc(var(--spacing)4);height:calc(var(--spacing)4)}}@property --tw-animation-delay{syntax:"";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"";inherits:false}@property --tw-animation-fill-mode{syntax:"";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"";inherits:false;initial-value:1}.whiteboard{background-color:#f9fafb;.grid-dot{fill:#6e6e6e}}.whiteboard[data-theme=dark]{background-color:#151515;.grid-dot{fill:#666}}.ProseMirror{outline:2px solid #3b82f6}.tiptap{:first-child{margin-top:0}ul,ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem;li p{margin-top:.25em;margin-bottom:.25em}}h1,h2,h3,h4,h5,h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}h1,h2{margin-top:3.5rem;margin-bottom:1.5rem}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4,h5,h6{font-size:1rem}code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem;code{background:none;color:inherit;font-size:.8rem;padding:0}}blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}}.bubble-menu{background-color:var(--white);border:1px solid var(--gray-1);border-radius:.7rem;box-shadow:var(--shadow);display:flex;padding:.2rem;button{background-color:unset;&:hover{background-color:var(--gray-3)}&.is-active{background-color:var(--purple);&:hover{background-color:var(--purple-contrast)}}}}.tiptap-tooltip{--tt-tooltip-bg: var(--tt-gray-light-900);--tt-tooltip-text: var(--white);--tt-kbd: var(--tt-gray-dark-a-400)}.dark .tiptap-tooltip{--tt-tooltip-bg: var(--white);--tt-tooltip-text: var(--tt-gray-light-600);--tt-kbd: var(--tt-gray-light-a-400)}.tiptap-tooltip{z-index:200;overflow:hidden;border-radius:var(--tt-radius-md, .375rem);background-color:var(--tt-tooltip-bg);padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--tt-tooltip-text);box-shadow:0 4px 6px -1px #0000001a;text-align:center}.tiptap-tooltip kbd{display:inline-block;text-align:center;vertical-align:baseline;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;text-transform:capitalize;color:var(--tt-kbd)}.tiptap-button{--tt-button-default-bg-color: var(--tt-gray-light-a-100);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-light-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-50)}.dark .tiptap-button{--tt-button-default-bg-color: var(--tt-gray-dark-a-100);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-50)}.tiptap-button{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );--tt-button-active-hover-bg-color: var(--tt-brand-color-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-900);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );--tt-button-active-hover-bg-color: var(--tt-brand-color-800);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-600);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-brand-color-600);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-brand-color-400);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button-group{position:relative;display:flex;vertical-align:middle}.tiptap-button-group[data-orientation=vertical]{flex-direction:column;align-items:flex-start;justify-content:center;min-width:max-content}.tiptap-button-group[data-orientation=vertical]>.tiptap-button{width:100%}.tiptap-button-group[data-orientation=horizontal]{gap:.125rem;flex-direction:row;align-items:center}.tiptap-button{font-size:.875rem;font-weight:500;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:2rem;min-width:2rem;border:none;padding:.5rem;gap:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--tt-radius-lg, .75rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}.tiptap-button:focus-visible{outline:none}.tiptap-button[data-highlighted=true],.tiptap-button[data-focus-visible=true]{background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button[data-weight=small]{width:1.5rem;min-width:1.5rem;padding-right:0;padding-left:0}.tiptap-button[data-size=large]{font-size:.9375rem;height:2.375rem;min-width:2.375rem;padding:.625rem}.tiptap-button[data-size=small]{font-size:.75rem;line-height:1.2;height:1.5rem;min-width:1.5rem;padding:.3125rem;border-radius:var(--tt-radius-md, .5rem)}.tiptap-button .tiptap-button-text{padding:0 .125rem;flex-grow:1;text-align:left;line-height:1.5rem}.tiptap-button[data-text-trim=on] .tiptap-button-text{text-overflow:ellipsis;overflow:hidden}.tiptap-button .tiptap-button-icon,.tiptap-button .tiptap-button-icon-sub,.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{flex-shrink:0}.tiptap-button .tiptap-button-icon{width:1rem;height:1rem}.tiptap-button[data-size=large] .tiptap-button-icon{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-icon-sub{width:1rem;height:1rem}.tiptap-button[data-size=large] .tiptap-button-icon-sub{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon-sub{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-dropdown-arrows{width:.75rem;height:.75rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-arrows{width:.875rem;height:.875rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{width:.625rem;height:.625rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-small{width:.75rem;height:.75rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-small{width:.5rem;height:.5rem}.tiptap-button:has(>svg):not(:has(>:not(svg))){gap:.125rem}.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=large],.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=small]{gap:.125rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text)){gap:0;padding-right:.25rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=large]{padding-right:.375rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=small]{padding-right:.25rem}.tiptap-button .tiptap-button-emoji{width:1rem;display:flex;justify-content:center}.tiptap-button[data-size=large] .tiptap-button-emoji{width:1.125rem}.tiptap-button[data-size=small] .tiptap-button-emoji{width:.875rem}.tiptap-button{background-color:var(--tt-button-default-bg-color);color:var(--tt-button-default-text-color)}.tiptap-button .tiptap-button-icon{color:var(--tt-button-default-icon-color)}.tiptap-button .tiptap-button-icon-sub{color:var(--tt-button-default-icon-sub-color)}.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{color:var(--tt-button-default-dropdown-arrows-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]),.tiptap-button[data-active-item=true]:not([disabled]),.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]){background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon{color:var(--tt-button-hover-icon-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub{color:var(--tt-button-hover-icon-sub-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small{color:var(--tt-button-hover-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]),.tiptap-button[data-state=open]:not([disabled]){background-color:var(--tt-button-active-bg-color);color:var(--tt-button-active-text-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon{color:var(--tt-button-active-icon-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]):hover,.tiptap-button[data-state=open]:not([disabled]):hover{background-color:var(--tt-button-active-hover-bg-color)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized],.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]{background-color:var(--tt-button-active-bg-color-emphasized);color:var(--tt-button-active-text-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon{color:var(--tt-button-active-icon-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]:hover{background-color:var(--tt-button-active-hover-bg-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued],.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]{background-color:var(--tt-button-active-bg-color-subdued);color:var(--tt-button-active-text-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover{background-color:var(--tt-button-active-hover-bg-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button:disabled{background-color:var(--tt-button-disabled-bg-color);color:var(--tt-button-disabled-text-color)}.tiptap-button:disabled .tiptap-button-icon{color:var(--tt-button-disabled-icon-color)}.tiptap-badge{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--white);--tt-badge-bg-color-subdued: var(--white);--tt-badge-bg-color-emphasized: var(--white);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--black);--tt-badge-bg-color-subdued: var(--black);--tt-badge-bg-color-emphasized: var(--black);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var(--white);--tt-badge-bg-color: var(--tt-gray-light-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-light-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-light-a-700 );--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var(--white)}.dark .tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var(--black);--tt-badge-bg-color: var(--tt-gray-dark-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-dark-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-dark-a-800 );--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var(--black)}.tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-inc-2);--tt-badge-border-color-subdued: var(--tt-color-green-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);--tt-badge-text-color: var(--tt-color-green-dec-3);--tt-badge-text-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-inc-5 );--tt-badge-bg-color: var(--tt-color-green-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-green-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-dec-1 );--tt-badge-icon-color: var(--tt-color-green-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-inc-5 )}.dark .tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-dec-2);--tt-badge-border-color-subdued: var(--tt-color-green-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-green-base);--tt-badge-text-color: var(--tt-color-green-inc-3);--tt-badge-text-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-dec-5 );--tt-badge-bg-color: var(--tt-color-green-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-green-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-inc-1 );--tt-badge-icon-color: var(--tt-color-green-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-dec-5 )}.tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-inc-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);--tt-badge-text-color: var(--tt-color-yellow-dec-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.dark .tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-dec-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);--tt-badge-text-color: var(--tt-color-yellow-inc-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-inc-2);--tt-badge-border-color-subdued: var(--tt-color-red-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);--tt-badge-text-color: var(--tt-color-red-dec-3);--tt-badge-text-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-inc-5 );--tt-badge-bg-color: var(--tt-color-red-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-red-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-dec-1 );--tt-badge-icon-color: var(--tt-color-red-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-inc-5 )}.dark .tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-dec-2);--tt-badge-border-color-subdued: var(--tt-color-red-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-red-base);--tt-badge-text-color: var(--tt-color-red-inc-3);--tt-badge-text-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-dec-5 );--tt-badge-bg-color: var(--tt-color-red-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-red-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-inc-1 );--tt-badge-icon-color: var(--tt-color-red-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-dec-5 )}.tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-300);--tt-badge-border-color-subdued: var(--tt-brand-color-200);--tt-badge-border-color-emphasized: var(--tt-brand-color-600);--tt-badge-text-color: var(--tt-brand-color-800);--tt-badge-text-color-subdued: var( --tt-brand-color-700 );--tt-badge-text-color-emphasized: var( --tt-brand-color-50 );--tt-badge-bg-color: var(--tt-brand-color-100);--tt-badge-bg-color-subdued: var( --tt-brand-color-50 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-600 );--tt-badge-icon-color: var(--tt-brand-color-800);--tt-badge-icon-color-subdued: var( --tt-brand-color-700 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-100 )}.dark .tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-700);--tt-badge-border-color-subdued: var(--tt-brand-color-800);--tt-badge-border-color-emphasized: var(--tt-brand-color-400);--tt-badge-text-color: var(--tt-brand-color-200);--tt-badge-text-color-subdued: var( --tt-brand-color-300 );--tt-badge-text-color-emphasized: var( --tt-brand-color-950 );--tt-badge-bg-color: var(--tt-brand-color-900);--tt-badge-bg-color-subdued: var( --tt-brand-color-950 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-400 );--tt-badge-icon-color: var(--tt-brand-color-200);--tt-badge-icon-color-subdued: var( --tt-brand-color-300 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-900 )}.tiptap-badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.tiptap-badge-group [data-orientation=vertical]{flex-direction:column}.tiptap-badge-group [data-orientation=horizontal]{flex-direction:row}.tiptap-badge{font-size:.625rem;font-weight:700;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:1.25rem;min-width:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border:solid 1px;border-radius:var(--tt-radius-sm, .375rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}.tiptap-badge[data-size=large]{font-size:.75rem;height:1.5rem;min-width:1.5rem;padding:.375rem;border-radius:var(--tt-radius-md, .375rem)}.tiptap-badge[data-size=small]{height:1rem;min-width:1rem;padding:.125rem;border-radius:var(--tt-radius-xs, .25rem)}.tiptap-badge .tiptap-badge-text{padding:0 .125rem;flex-grow:1;text-align:left}.tiptap-badge[data-text-trim=on] .tiptap-badge-text{text-overflow:ellipsis;overflow:hidden}.tiptap-badge .tiptap-badge-icon{pointer-events:none;flex-shrink:0;width:.625rem;height:.625rem}.tiptap-badge[data-size=large] .tiptap-badge-icon{width:.75rem;height:.75rem}.tiptap-badge{background-color:var(--tt-badge-bg-color);border-color:var(--tt-badge-border-color);color:var(--tt-badge-text-color)}.tiptap-badge .tiptap-badge-icon{color:var(--tt-badge-icon-color)}.tiptap-badge[data-appearance=emphasized]{background-color:var(--tt-badge-bg-color-emphasized);border-color:var(--tt-badge-border-color-emphasized);color:var(--tt-badge-text-color-emphasized)}.tiptap-badge[data-appearance=emphasized] .tiptap-badge-icon{color:var(--tt-badge-icon-color-emphasized)}.tiptap-badge[data-appearance=subdued]{background-color:var(--tt-badge-bg-color-subdued);border-color:var(--tt-badge-border-color-subdued);color:var(--tt-badge-text-color-subdued)}.tiptap-badge[data-appearance=subdued] .tiptap-badge-icon{color:var(--tt-badge-icon-color-subdued)}.tiptap-popover{--tt-popover-bg-color: var(--white);--tt-popover-border-color: var(--tt-gray-light-a-100);--tt-popover-text-color: var(--tt-gray-light-a-600)}.dark .tiptap-popover{--tt-popover-border-color: var(--tt-gray-dark-a-50);--tt-popover-bg-color: var(--tt-gray-dark-50);--tt-popover-text-color: var(--tt-gray-dark-a-600)}.tiptap-popover{z-index:50;outline:none;transform-origin:var(--radix-popover-content-transform-origin);max-height:var(--radix-popover-content-available-height)}.tiptap-popover>{max-height:var(--radix-popover-content-available-height)}.tiptap-popover[data-state=open]{animation:fadeIn .15s cubic-bezier(.16,1,.3,1),zoomIn .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-state=closed]{animation:fadeOut .15s cubic-bezier(.16,1,.3,1),zoomOut .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=top],.tiptap-popover[data-side=top-start],.tiptap-popover[data-side=top-end]{animation:slideFromBottom .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=right],.tiptap-popover[data-side=right-start],.tiptap-popover[data-side=right-end]{animation:slideFromLeft .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=bottom],.tiptap-popover[data-side=bottom-start],.tiptap-popover[data-side=bottom-end]{animation:slideFromTop .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=left],.tiptap-popover[data-side=left-start],.tiptap-popover[data-side=left-end]{animation:slideFromRight .15s cubic-bezier(.16,1,.3,1)}.tiptap-separator{--tt-link-border-color: var(--tt-gray-light-a-200)}.dark .tiptap-separator{--tt-link-border-color: var(--tt-gray-dark-a-200)}.tiptap-separator{flex-shrink:0;background-color:var(--tt-link-border-color)}.tiptap-separator[data-orientation=horizontal]{height:1px;width:100%;margin:.5rem 0}.tiptap-separator[data-orientation=vertical]{height:1.5rem;width:1px}:root{--tiptap-card-bg-color: var(--white);--tiptap-card-border-color: var(--tt-gray-light-a-100);--tiptap-card-group-label-color: var(--tt-gray-light-a-800)}.dark{--tiptap-card-bg-color: var(--tt-gray-dark-50);--tiptap-card-border-color: var(--tt-gray-dark-a-100);--tiptap-card-group-label-color: var(--tt-gray-dark-a-800)}.tiptap-card{--padding: .375rem;--border-width: 1px;border-radius:calc(var(--padding) + var(--tt-radius-lg));box-shadow:var(--tt-shadow-elevated-md);background-color:var(--tiptap-card-bg-color);border:1px solid var(--tiptap-card-border-color);display:flex;flex-direction:column;outline:none;align-items:center;position:relative;min-width:0;word-wrap:break-word;background-clip:border-box}.tiptap-card-header{padding:.375rem;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:var(--border-width) solid var(--tiptap-card-border-color)}.tiptap-card-body{padding:.375rem;flex:1 1 auto;overflow-y:auto}.tiptap-card-item-group{position:relative;display:flex;vertical-align:middle;min-width:max-content}.tiptap-card-item-group[data-orientation=vertical]{flex-direction:column;justify-content:center}.tiptap-card-item-group[data-orientation=horizontal]{gap:.25rem;flex-direction:row;align-items:center}.tiptap-card-group-label{padding:.75rem .5rem .25rem;font-size:.75rem;font-weight:600;line-height:normal;text-transform:capitalize;color:var(--tiptap-card-group-label-color)}.tiptap-button-highlight{position:relative;width:1.25rem;height:1.25rem;margin:0 -.175rem;border-radius:var(--tt-radius-xl);background-color:var(--highlight-color);transition:transform .2s ease}.tiptap-button-highlight:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;box-sizing:border-box;border:1px solid var(--highlight-color);filter:brightness(95%);mix-blend-mode:multiply}.dark .tiptap-button-highlight:after{filter:brightness(140%);mix-blend-mode:lighten}.tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(80%)}.dark .tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(180%)}.tiptap-button-text-color{position:relative;width:1.25rem;height:1.25rem;margin:0 -.175rem;border-radius:var(--tt-radius-xl);background-color:var(--highlight-color);transition:transform .2s ease}.tiptap-button-text-color:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;box-sizing:border-box;border:1px solid var(--highlight-color);filter:brightness(95%);mix-blend-mode:multiply}.dark .tiptap-button-text-color:after{filter:brightness(140%);mix-blend-mode:lighten}.tiptap-button[data-active-state=on] .tiptap-button-text-color:after{filter:brightness(80%)}.dark .tiptap-button[data-active-state=on] .tiptap-button-text-color:after{filter:brightness(180%)}.font-family-select{height:32px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;min-width:140px}.font-family-select:hover{border-color:#cbd5e1}.font-family-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.font-family-select option{padding:4px}