@xplor-education/core-stencil-components 3.1.2 → 3.1.4

package/dist/collection/utils/slate-legacy-converter.js

@@ -0,0 +1,223 @@
+/**
+ * slate-legacy-converter.ts
+ *
+ * Converts old Slate 0.42.x document JSON format into an HTML string.
+ * This is the backwards-compatibility layer for the xplor-rich-text-editor component.
+ *
+ * Old Slate 0.42.x document shape:
+ * {
+ *   document: {
+ *     nodes: [
+ *       {
+ *         object: 'block',
+ *         type: 'paragraph',
+ *         nodes: [
+ *           {
+ *             object: 'text',
+ *             text: 'Hello world',
+ *             marks: [{ type: 'bold' }]
+ *           }
+ *         ]
+ *       }
+ *     ]
+ *   }
+ * }
+ *
+ * No Slate runtime dependency required — this is a pure transformation function.
+ */
+// ---------------------------------------------------------------------------
+// Block type → HTML tag mapping
+// ---------------------------------------------------------------------------
+const BLOCK_TAG_MAP = {
+    paragraph: 'p',
+    'heading-one': 'h1',
+    'heading-two': 'h2',
+    'heading-three': 'h3',
+    'heading-four': 'h4',
+    'heading-five': 'h5',
+    'heading-six': 'h6',
+    'bulleted-list': 'ul',
+    'numbered-list': 'ol',
+    'list-item': 'li',
+    'block-quote': 'blockquote',
+    'code-block': 'pre',
+    // Aliases sometimes found in the wild
+    quote: 'blockquote',
+    code: 'pre',
+    'unordered-list': 'ul',
+    'ordered-list': 'ol',
+    'list_item': 'li',
+};
+const MARK_WRAPPERS = {
+    bold: inner => `<strong>${inner}</strong>`,
+    italic: inner => `<em>${inner}</em>`,
+    underline: inner => `<u>${inner}</u>`,
+    strikethrough: inner => `<s>${inner}</s>`,
+    'strike-through': inner => `<s>${inner}</s>`,
+    strike: inner => `<s>${inner}</s>`,
+    code: inner => `<code>${inner}</code>`,
+    superscript: inner => `<sup>${inner}</sup>`,
+    subscript: inner => `<sub>${inner}</sub>`,
+};
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+/**
+ * Escapes HTML special characters in plain text content to prevent XSS.
+ */
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+/**
+ * Wraps text content with mark tags in the order they are applied.
+ * Marks are applied innermost-first so nested marks render correctly.
+ */
+function applyMarks(text, marks) {
+    if (!marks || marks.length === 0)
+        return text;
+    return marks.reduce((wrapped, mark) => {
+        const wrapper = MARK_WRAPPERS[mark.type];
+        return wrapper ? wrapper(wrapped) : wrapped;
+    }, text);
+}
+// ---------------------------------------------------------------------------
+// Node converters
+// ---------------------------------------------------------------------------
+/**
+ * Converts a text node (and its optional leaves) to an HTML string.
+ */
+function convertTextNode(node) {
+    // Slate 0.35–0.40 used "leaves" inside text nodes
+    if (node.leaves && node.leaves.length > 0) {
+        return node.leaves.map(leaf => {
+            const escaped = escapeHtml(leaf.text || '');
+            return applyMarks(escaped, leaf.marks || []);
+        }).join('');
+    }
+    // Slate 0.40–0.47 uses text + marks directly on the text node
+    const escaped = escapeHtml(node.text || '');
+    return applyMarks(escaped, node.marks || []);
+}
+/**
+ * Converts an inline node (e.g. link) to an HTML string.
+ */
+function convertInlineNode(node) {
+    var _a, _b, _c;
+    const innerHtml = convertChildren(node.nodes || []);
+    switch (node.type) {
+        case 'link': {
+            const href = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.href) || ((_b = node.data) === null || _b === void 0 ? void 0 : _b.url) || '#';
+            const target = ((_c = node.data) === null || _c === void 0 ? void 0 : _c.target) || '';
+            const targetAttr = target ? ` target="${escapeHtml(target)}"` : '';
+            return `<a href="${escapeHtml(href)}"${targetAttr}>${innerHtml}</a>`;
+        }
+        case 'mention':
+            return `<span class="mention">${innerHtml}</span>`;
+        default:
+            // Unknown inline — render children through
+            return innerHtml;
+    }
+}
+/**
+ * Converts a block node to an HTML string.
+ */
+function convertBlockNode(node) {
+    const innerHtml = convertChildren(node.nodes || []);
+    const tag = BLOCK_TAG_MAP[node.type];
+    // Code block: wrap inner content in a <code> tag
+    if (node.type === 'code-block' || node.type === 'code') {
+        return `<pre><code>${innerHtml}</code></pre>`;
+    }
+    if (tag) {
+        return `<${tag}>${innerHtml}</${tag}>`;
+    }
+    // Unknown block type — fall back to a <div> so content is not lost
+    return `<div>${innerHtml}</div>`;
+}
+/**
+ * Converts an array of child nodes to an HTML string.
+ */
+function convertChildren(nodes) {
+    if (!nodes || nodes.length === 0)
+        return '';
+    return nodes
+        .map(node => {
+        switch (node.object) {
+            case 'text':
+                return convertTextNode(node);
+            case 'inline':
+                return convertInlineNode(node);
+            case 'block':
+                return convertBlockNode(node);
+            default:
+                // Some documents omit the `object` field — infer from presence of `type`
+                if (node.type) {
+                    if (node.text !== undefined) {
+                        return convertTextNode(node);
+                    }
+                    // Try inline types first, fall back to block
+                    const inlineTypes = ['link', 'mention'];
+                    if (inlineTypes.includes(node.type)) {
+                        return convertInlineNode(node);
+                    }
+                    return convertBlockNode(node);
+                }
+                if (node.text !== undefined) {
+                    return convertTextNode(node);
+                }
+                return '';
+        }
+    })
+        .join('');
+}
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+/**
+ * Converts a Slate 0.42.x document value to an HTML string.
+ *
+ * @param value - The full Slate value object `{ document: { nodes: [...] } }`
+ *                or just the document object `{ nodes: [...] }` — both are accepted.
+ * @returns An HTML string, or an empty string if the input is null / invalid.
+ *
+ * @example
+ * const html = convertLegacySlateToHtml(JSON.parse(savedSlateJson));
+ * // '<p>Hello <strong>world</strong></p>'
+ */
+export function convertLegacySlateToHtml(value) {
+    if (!value)
+        return '';
+    // Accept either the full value `{ document: {...} }` or just the document
+    const document = value.document !== undefined
+        ? value.document
+        : value;
+    if (!document || !document.nodes || document.nodes.length === 0) {
+        return '';
+    }
+    return convertChildren(document.nodes);
+}
+/**
+ * Safely parses a JSON string and converts it to HTML.
+ * Catches any parse errors and returns an empty string rather than throwing.
+ *
+ * @param json - A JSON string representing a Slate 0.42.x document
+ * @returns An HTML string, or an empty string if parsing fails.
+ */
+export function convertLegacySlateJsonToHtml(json) {
+    if (!json || typeof json !== 'string')
+        return '';
+    try {
+        const parsed = JSON.parse(json);
+        return convertLegacySlateToHtml(parsed);
+    }
+    catch (_a) {
+        console.warn('[xplor-rich-text-editor] Failed to parse legacy Slate document JSON:', json);
+        return '';
+    }
+}
+//# sourceMappingURL=slate-legacy-converter.js.map

package/dist/collection/utils/slate-legacy-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slate-legacy-converter.js","sourceRoot":"","sources":["../../src/utils/slate-legacy-converter.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * slate-legacy-converter.ts\n *\n * Converts old Slate 0.42.x document JSON format into an HTML string.\n * This is the backwards-compatibility layer for the xplor-rich-text-editor component.\n *\n * Old Slate 0.42.x document shape:\n * {\n *   document: {\n *     nodes: [\n *       {\n *         object: 'block',\n *         type: 'paragraph',\n *         nodes: [\n *           {\n *             object: 'text',\n *             text: 'Hello world',\n *             marks: [{ type: 'bold' }]\n *           }\n *         ]\n *       }\n *     ]\n *   }\n * }\n *\n * No Slate runtime dependency required — this is a pure transformation function.\n */\n\n// ---------------------------------------------------------------------------\n// Type Definitions\n// ---------------------------------------------------------------------------\n\nexport interface LegacySlateMark {\n  type: string;\n  data?: Record<string, unknown>;\n}\n\nexport interface LegacySlateTextNode {\n  object: 'text';\n  text: string;\n  marks?: LegacySlateMark[];\n  leaves?: LegacySlateLeaf[];\n}\n\n/** Older Slate versions used \"leaves\" inside text nodes */\nexport interface LegacySlateLeaf {\n  object?: 'leaf';\n  text: string;\n  marks?: LegacySlateMark[];\n}\n\nexport interface LegacySlateInlineNode {\n  object: 'inline';\n  type: string;\n  data?: Record<string, unknown>;\n  nodes?: LegacySlateChildNode[];\n}\n\nexport interface LegacySlateBlockNode {\n  object: 'block';\n  type: string;\n  data?: Record<string, unknown>;\n  nodes?: LegacySlateChildNode[];\n}\n\nexport type LegacySlateChildNode =\n  | LegacySlateBlockNode\n  | LegacySlateInlineNode\n  | LegacySlateTextNode;\n\nexport interface LegacySlateDocument {\n  object?: 'document';\n  nodes?: LegacySlateChildNode[];\n}\n\nexport interface LegacySlateValue {\n  document: LegacySlateDocument;\n}\n\n// ---------------------------------------------------------------------------\n// Block type → HTML tag mapping\n// ---------------------------------------------------------------------------\n\nconst BLOCK_TAG_MAP: Record<string, string> = {\n  paragraph: 'p',\n  'heading-one': 'h1',\n  'heading-two': 'h2',\n  'heading-three': 'h3',\n  'heading-four': 'h4',\n  'heading-five': 'h5',\n  'heading-six': 'h6',\n  'bulleted-list': 'ul',\n  'numbered-list': 'ol',\n  'list-item': 'li',\n  'block-quote': 'blockquote',\n  'code-block': 'pre',\n  // Aliases sometimes found in the wild\n  quote: 'blockquote',\n  code: 'pre',\n  'unordered-list': 'ul',\n  'ordered-list': 'ol',\n  'list_item': 'li',\n};\n\n// ---------------------------------------------------------------------------\n// Mark type → wrap function mapping\n// ---------------------------------------------------------------------------\n\ntype MarkWrapper = (inner: string) => string;\n\nconst MARK_WRAPPERS: Record<string, MarkWrapper> = {\n  bold: inner => `<strong>${inner}</strong>`,\n  italic: inner => `<em>${inner}</em>`,\n  underline: inner => `<u>${inner}</u>`,\n  strikethrough: inner => `<s>${inner}</s>`,\n  'strike-through': inner => `<s>${inner}</s>`,\n  strike: inner => `<s>${inner}</s>`,\n  code: inner => `<code>${inner}</code>`,\n  superscript: inner => `<sup>${inner}</sup>`,\n  subscript: inner => `<sub>${inner}</sub>`,\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n/**\n * Escapes HTML special characters in plain text content to prevent XSS.\n */\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\n/**\n * Wraps text content with mark tags in the order they are applied.\n * Marks are applied innermost-first so nested marks render correctly.\n */\nfunction applyMarks(text: string, marks: LegacySlateMark[]): string {\n  if (!marks || marks.length === 0) return text;\n\n  return marks.reduce((wrapped, mark) => {\n    const wrapper = MARK_WRAPPERS[mark.type];\n    return wrapper ? wrapper(wrapped) : wrapped;\n  }, text);\n}\n\n// ---------------------------------------------------------------------------\n// Node converters\n// ---------------------------------------------------------------------------\n\n/**\n * Converts a text node (and its optional leaves) to an HTML string.\n */\nfunction convertTextNode(node: LegacySlateTextNode): string {\n  // Slate 0.35–0.40 used \"leaves\" inside text nodes\n  if (node.leaves && node.leaves.length > 0) {\n    return node.leaves.map(leaf => {\n      const escaped = escapeHtml(leaf.text || '');\n      return applyMarks(escaped, leaf.marks || []);\n    }).join('');\n  }\n\n  // Slate 0.40–0.47 uses text + marks directly on the text node\n  const escaped = escapeHtml(node.text || '');\n  return applyMarks(escaped, node.marks || []);\n}\n\n/**\n * Converts an inline node (e.g. link) to an HTML string.\n */\nfunction convertInlineNode(node: LegacySlateInlineNode): string {\n  const innerHtml = convertChildren(node.nodes || []);\n\n  switch (node.type) {\n    case 'link': {\n      const href = (node.data?.href as string) || (node.data?.url as string) || '#';\n      const target = (node.data?.target as string) || '';\n      const targetAttr = target ? ` target=\"${escapeHtml(target)}\"` : '';\n      return `<a href=\"${escapeHtml(href)}\"${targetAttr}>${innerHtml}</a>`;\n    }\n    case 'mention':\n      return `<span class=\"mention\">${innerHtml}</span>`;\n    default:\n      // Unknown inline — render children through\n      return innerHtml;\n  }\n}\n\n/**\n * Converts a block node to an HTML string.\n */\nfunction convertBlockNode(node: LegacySlateBlockNode): string {\n  const innerHtml = convertChildren(node.nodes || []);\n  const tag = BLOCK_TAG_MAP[node.type];\n\n  // Code block: wrap inner content in a <code> tag\n  if (node.type === 'code-block' || node.type === 'code') {\n    return `<pre><code>${innerHtml}</code></pre>`;\n  }\n\n  if (tag) {\n    return `<${tag}>${innerHtml}</${tag}>`;\n  }\n\n  // Unknown block type — fall back to a <div> so content is not lost\n  return `<div>${innerHtml}</div>`;\n}\n\n/**\n * Converts an array of child nodes to an HTML string.\n */\nfunction convertChildren(nodes: LegacySlateChildNode[]): string {\n  if (!nodes || nodes.length === 0) return '';\n\n  return nodes\n    .map(node => {\n      switch (node.object) {\n        case 'text':\n          return convertTextNode(node as LegacySlateTextNode);\n        case 'inline':\n          return convertInlineNode(node as LegacySlateInlineNode);\n        case 'block':\n          return convertBlockNode(node as LegacySlateBlockNode);\n        default:\n          // Some documents omit the `object` field — infer from presence of `type`\n          if ((node as LegacySlateBlockNode).type) {\n            if ((node as LegacySlateTextNode).text !== undefined) {\n              return convertTextNode(node as LegacySlateTextNode);\n            }\n            // Try inline types first, fall back to block\n            const inlineTypes = ['link', 'mention'];\n            if (inlineTypes.includes((node as LegacySlateInlineNode).type)) {\n              return convertInlineNode(node as LegacySlateInlineNode);\n            }\n            return convertBlockNode(node as LegacySlateBlockNode);\n          }\n          if ((node as LegacySlateTextNode).text !== undefined) {\n            return convertTextNode(node as LegacySlateTextNode);\n          }\n          return '';\n      }\n    })\n    .join('');\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\n/**\n * Converts a Slate 0.42.x document value to an HTML string.\n *\n * @param value - The full Slate value object `{ document: { nodes: [...] } }`\n *                or just the document object `{ nodes: [...] }` — both are accepted.\n * @returns An HTML string, or an empty string if the input is null / invalid.\n *\n * @example\n * const html = convertLegacySlateToHtml(JSON.parse(savedSlateJson));\n * // '<p>Hello <strong>world</strong></p>'\n */\nexport function convertLegacySlateToHtml(\n  value: LegacySlateValue | LegacySlateDocument | null | undefined,\n): string {\n  if (!value) return '';\n\n  // Accept either the full value `{ document: {...} }` or just the document\n  const document =\n    (value as LegacySlateValue).document !== undefined\n      ? (value as LegacySlateValue).document\n      : (value as LegacySlateDocument);\n\n  if (!document || !document.nodes || document.nodes.length === 0) {\n    return '';\n  }\n\n  return convertChildren(document.nodes);\n}\n\n/**\n * Safely parses a JSON string and converts it to HTML.\n * Catches any parse errors and returns an empty string rather than throwing.\n *\n * @param json - A JSON string representing a Slate 0.42.x document\n * @returns An HTML string, or an empty string if parsing fails.\n */\nexport function convertLegacySlateJsonToHtml(json: string): string {\n  if (!json || typeof json !== 'string') return '';\n\n  try {\n    const parsed = JSON.parse(json);\n    return convertLegacySlateToHtml(parsed);\n  } catch {\n    console.warn('[xplor-rich-text-editor] Failed to parse legacy Slate document JSON:', json);\n    return '';\n  }\n}\n"]}

package/dist/components/index.js

@@ -77,6 +77,7 @@ var HYDRATE_ID = "s-id";
 var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATE_CHILD_ID = "c-id";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -1250,15 +1251,26 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       } catch (e) {
       }
     }
+    let xlink = false;
+    {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
+      }
+    }
     if (newValue == null || newValue === false) {
       if (newValue !== false || elm.getAttribute(memberName) === "") {
-        {
+        if (xlink) {
+          elm.removeAttributeNS(XLINK_NS, memberName);
+        } else {
           elm.removeAttribute(memberName);
         }
       }
     } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
       newValue = newValue === true ? "" : newValue;
-      {
+      if (xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
         elm.setAttribute(memberName, newValue);
       }
     }
@@ -1708,6 +1720,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const isHostElement = isHost(renderFnResults);
   const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
       if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -2076,8 +2094,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
             return attrName;
           })
         ])
@@ -2222,6 +2244,9 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   {
     cmpMeta.$watchers$ = Cstr.$watchers$;
   }
+  {
+    cmpMeta.$attrsToReflect$ = [];
+  }
   {
     hydrateScopedToShadow();
   }
@@ -2316,7 +2341,7 @@ function render(vnode, container) {
   renderVdom(ref, vnode);
 }
 
-const globalStyles = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=\"until-found\"])){display:none}html[data-theme='office']{--color-primary:rgb(219, 59, 3);--color-secondary:rgb(0, 119, 107);--color-buttons:#89da59;--color-typography:#ff320e}html{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-buttons:#fbbc05;--color-typography:#ea4335}:root{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-tertiary:rgb(128, 104, 186);--color-white:white;--color-emphasis:rgb(8, 8, 9);--color-supergiant:rgb(213, 66, 99);--color-orange:rgb(250, 200, 127);--color-buttons:#fbbc05;--color-typography:#ea4335;--background:20 66% 99%;--foreground:20 51% 4%;--muted:20 25% 86%;--muted-foreground:20 7% 25%;--popover:20 66% 98%;--popover-foreground:20 51% 3%;--card:20 66% 98%;--card-foreground:20 51% 3%;--border:20 15% 94%;--input:20 15% 94%;--primary:20 48% 72%;--primary-foreground:20 48% 12%;--secondary:20 12% 92%;--secondary-foreground:20 12% 32%;--accent:20 12% 92%;--accent-foreground:20 12% 32%;--destructive:11 80% 22%;--destructive-foreground:11 80% 82%;--ring:20 48% 72%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:253 43% 3%;--foreground:253 31% 98%;--muted:253 7% 13%;--muted-foreground:253 13% 63%;--popover:253 43% 3%;--popover-foreground:253 31% 98%;--card:253 43% 4%;--card-foreground:253 31% 99%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:253 91% 58%;--primary-foreground:253 91% 98%;--secondary:253 7% 9%;--secondary-foreground:253 7% 69%;--accent:253 13% 14%;--accent-foreground:253 13% 74%;--destructive:339.2 90.36% 51.18%;--destructive-foreground:0 0% 100%;--ring:253 91% 58%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{box-sizing:border-box;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:0.25rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-16{width:1rem;height:1rem}.h-3{height:0.75rem}.h-4{height:0.25rem}.w-3{width:0.75rem}.w-4{width:0.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-y-12{row-gap:0.75rem}.overflow-x-auto{overflow-x:auto}.text-pretty{text-wrap:pretty}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base\\/7{font-size:1rem;line-height:1.75rem}.text-lg\\/8{font-size:1.125rem;line-height:2rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\\/6{font-size:0.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-0.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.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)}.filter{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{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.theme-office{--color-black:#000000;--color-white:#ffffff;--color-primary:#db3b03;--color-secondary:#ec7702;--color-buttons:#89da59;--color-typography:#ff320e}.theme-pg{--color-primary:#00776b;--color-secondary:#01a39d;--color-buttons:#89da59;--color-typography:#ff320e}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.focus\\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))}.disabled\\:opacity-50:disabled{opacity:0.5}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:gap-y-16{row-gap:1rem}.sm\\:py-32{padding-top:2rem;padding-bottom:2rem}.sm\\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\\:px-8{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 1280px){.xl\\:col-span-2{grid-column:span 2 / span 2}.xl\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}";
+const globalStyles = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=\"until-found\"])){display:none}html[data-theme='office']{--color-primary:rgb(219, 59, 3);--color-secondary:rgb(0, 119, 107);--color-buttons:#89da59;--color-typography:#ff320e}html{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-buttons:#fbbc05;--color-typography:#ea4335}:root{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-tertiary:rgb(128, 104, 186);--color-white:white;--color-emphasis:rgb(8, 8, 9);--color-supergiant:rgb(213, 66, 99);--color-orange:rgb(250, 200, 127);--color-buttons:#fbbc05;--color-typography:#ea4335;--background:20 66% 99%;--foreground:20 51% 4%;--muted:20 25% 86%;--muted-foreground:20 7% 25%;--popover:20 66% 98%;--popover-foreground:20 51% 3%;--card:20 66% 98%;--card-foreground:20 51% 3%;--border:20 15% 94%;--input:20 15% 94%;--primary:20 48% 72%;--primary-foreground:20 48% 12%;--secondary:20 12% 92%;--secondary-foreground:20 12% 32%;--accent:20 12% 92%;--accent-foreground:20 12% 32%;--destructive:11 80% 22%;--destructive-foreground:11 80% 82%;--ring:20 48% 72%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:253 43% 3%;--foreground:253 31% 98%;--muted:253 7% 13%;--muted-foreground:253 13% 63%;--popover:253 43% 3%;--popover-foreground:253 31% 98%;--card:253 43% 4%;--card-foreground:253 31% 99%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:253 91% 58%;--primary-foreground:253 91% 98%;--secondary:253 7% 9%;--secondary-foreground:253 7% 69%;--accent:253 13% 14%;--accent-foreground:253 13% 74%;--destructive:339.2 90.36% 51.18%;--destructive-foreground:0 0% 100%;--ring:253 91% 58%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{box-sizing:border-box;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:0.25rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-16{width:1rem;height:1rem}.h-3{height:0.75rem}.h-4{height:0.25rem}.w-3{width:0.75rem}.w-4{width:0.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-y-12{row-gap:0.75rem}.overflow-x-auto{overflow-x:auto}.text-pretty{text-wrap:pretty}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base\\/7{font-size:1rem;line-height:1.75rem}.text-lg\\/8{font-size:1.125rem;line-height:2rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\\/6{font-size:0.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-tight{letter-spacing:-0.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.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)}.filter{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{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.theme-office{--color-black:#000000;--color-white:#ffffff;--color-primary:#db3b03;--color-secondary:#ec7702;--color-buttons:#89da59;--color-typography:#ff320e}.theme-pg{--color-primary:#00776b;--color-secondary:#01a39d;--color-buttons:#89da59;--color-typography:#ff320e}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.focus\\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))}.disabled\\:opacity-50:disabled{opacity:0.5}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:gap-y-16{row-gap:1rem}.sm\\:py-32{padding-top:2rem;padding-bottom:2rem}.sm\\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\\:px-8{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 1280px){.xl\\:col-span-2{grid-column:span 2 / span 2}.xl\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}";
 
 export { H, Host as a, createEvent as c, getAssetPath, h, proxyCustomElement as p, render, setAssetPath, setNonce, setPlatformOptions };
 //# sourceMappingURL=index.js.map