@blinkk/root-cms 2.5.16 → 2.5.17

package/dist/app.js

@@ -1,6 +1,6 @@
 import {
   getServerVersion
-} from "./chunk-JGLMVZE4.js";
+} from "./chunk-MVSVVVHN.js";
 import {
   getCollectionSchema,
   getProjectSchemas

package/dist/{chunk-JGLMVZE4.js → chunk-MVSVVVHN.js}

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@blinkk/root-cms",
-  version: "2.5.16",
+  version: "2.5.17",
   author: "s@blinkk.com",
   license: "MIT",
   engines: {
@@ -169,7 +169,7 @@ var package_default = {
     yjs: "13.6.27"
   },
   peerDependencies: {
-    "@blinkk/root": "2.5.16",
+    "@blinkk/root": "2.5.17",
     "firebase-admin": ">=11",
     "firebase-functions": ">=4",
     preact: ">=10",

package/dist/{chunk-KDXHFMIH.js → chunk-XLX37FRL.js}

@@ -222,6 +222,9 @@ function fieldType(field, options) {
   if (field.type === "multiselect") {
     return dom.type.array(dom.type.string);
   }
+  if (field.type === "number") {
+    return dom.type.number;
+  }
   if (field.type === "oneof") {
     const oneOf = dom.create.namedTypeReference("RootCMSOneOf");
     if (field.types && Array.isArray(field.types)) {

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   generateTypes
-} from "./chunk-KDXHFMIH.js";
+} from "./chunk-XLX37FRL.js";
 import {
   RootCMSClient,
   getCmsPlugin,

package/dist/{client-B_oDIGeJ.d.ts → client-lQZoGxLC.d.ts}

@@ -1,7 +1,7 @@
 import { RootConfig, Plugin, Request } from '@blinkk/root';
 import { App } from 'firebase-admin/app';
 import { Firestore, WriteBatch, Timestamp, Query } from 'firebase-admin/firestore';
-import { C as Collection } from './schema-D7MOj-YC.js';
+import { C as Collection } from './schema-D4-RG0L4.js';
 
 /**
  * Supported Root AI models. Defaults to 'gemini-3-flash-preview'.

package/dist/client.d.ts

@@ -1,5 +1,5 @@
 import '@blinkk/root';
 import 'firebase-admin/app';
 import 'firebase-admin/firestore';
-export { A as Action, r as ArrayObject, F as BatchRequest, B as BatchRequestOptions, y as BatchRequestQuery, z as BatchRequestQueryOptions, I as BatchResponse, C as CronUnit, d as DataSource, c as DataSourceCron, e as DataSourceData, f as DataSourceMode, b as Doc, D as DocMode, j as GetCountOptions, G as GetDocOptions, H as HttpMethod, m as ListActionsOptions, i as ListDocsOptions, L as LoadTranslationsOptions, a as LocaleTranslations, l as Release, R as RootCMSClient, g as SaveDraftOptions, S as SetDocOptions, k as Translation, E as TranslationsDoc, T as TranslationsMap, h as UpdateDraftOptions, U as UserRole, o as getCmsPlugin, n as isRichTextData, s as marshalArray, p as marshalData, q as normalizeData, x as parseDocId, t as toArrayObject, w as translationsForLocale, v as unmarshalArray, u as unmarshalData } from './client-B_oDIGeJ.js';
-import './schema-D7MOj-YC.js';
+export { A as Action, r as ArrayObject, F as BatchRequest, B as BatchRequestOptions, y as BatchRequestQuery, z as BatchRequestQueryOptions, I as BatchResponse, C as CronUnit, d as DataSource, c as DataSourceCron, e as DataSourceData, f as DataSourceMode, b as Doc, D as DocMode, j as GetCountOptions, G as GetDocOptions, H as HttpMethod, m as ListActionsOptions, i as ListDocsOptions, L as LoadTranslationsOptions, a as LocaleTranslations, l as Release, R as RootCMSClient, g as SaveDraftOptions, S as SetDocOptions, k as Translation, E as TranslationsDoc, T as TranslationsMap, h as UpdateDraftOptions, U as UserRole, o as getCmsPlugin, n as isRichTextData, s as marshalArray, p as marshalData, q as normalizeData, x as parseDocId, t as toArrayObject, w as translationsForLocale, v as unmarshalArray, u as unmarshalData } from './client-lQZoGxLC.js';
+import './schema-D4-RG0L4.js';

package/dist/core.d.ts

@@ -1,8 +1,8 @@
-import { R as RootCMSClient, D as DocMode, L as LoadTranslationsOptions, T as TranslationsMap, a as LocaleTranslations } from './client-B_oDIGeJ.js';
-export { A as Action, r as ArrayObject, F as BatchRequest, B as BatchRequestOptions, y as BatchRequestQuery, z as BatchRequestQueryOptions, I as BatchResponse, C as CronUnit, d as DataSource, c as DataSourceCron, e as DataSourceData, f as DataSourceMode, b as Doc, j as GetCountOptions, G as GetDocOptions, H as HttpMethod, m as ListActionsOptions, i as ListDocsOptions, J as Locale, Q as MultiLocaleTranslationsMap, l as Release, g as SaveDraftOptions, S as SetDocOptions, V as SingleLocaleTranslationsMap, K as SourceString, M as TranslatedString, k as Translation, E as TranslationsDoc, N as TranslationsDocMode, P as TranslationsLocaleDocEntry, O as TranslationsLocaleDocHashMap, W as TranslationsManager, h as UpdateDraftOptions, U as UserRole, X as buildTranslationsDbPath, Y as buildTranslationsLocaleDocDbPath, o as getCmsPlugin, n as isRichTextData, s as marshalArray, p as marshalData, q as normalizeData, x as parseDocId, t as toArrayObject, w as translationsForLocale, v as unmarshalArray, u as unmarshalData } from './client-B_oDIGeJ.js';
+import { R as RootCMSClient, D as DocMode, L as LoadTranslationsOptions, T as TranslationsMap, a as LocaleTranslations } from './client-lQZoGxLC.js';
+export { A as Action, r as ArrayObject, F as BatchRequest, B as BatchRequestOptions, y as BatchRequestQuery, z as BatchRequestQueryOptions, I as BatchResponse, C as CronUnit, d as DataSource, c as DataSourceCron, e as DataSourceData, f as DataSourceMode, b as Doc, j as GetCountOptions, G as GetDocOptions, H as HttpMethod, m as ListActionsOptions, i as ListDocsOptions, J as Locale, Q as MultiLocaleTranslationsMap, l as Release, g as SaveDraftOptions, S as SetDocOptions, V as SingleLocaleTranslationsMap, K as SourceString, M as TranslatedString, k as Translation, E as TranslationsDoc, N as TranslationsDocMode, P as TranslationsLocaleDocEntry, O as TranslationsLocaleDocHashMap, W as TranslationsManager, h as UpdateDraftOptions, U as UserRole, X as buildTranslationsDbPath, Y as buildTranslationsLocaleDocDbPath, o as getCmsPlugin, n as isRichTextData, s as marshalArray, p as marshalData, q as normalizeData, x as parseDocId, t as toArrayObject, w as translationsForLocale, v as unmarshalArray, u as unmarshalData } from './client-lQZoGxLC.js';
 import { Request, RootConfig, Response, RouteParams, GetStaticProps, GetStaticPaths } from '@blinkk/root';
 import { Query } from 'firebase-admin/firestore';
-export { s as schema } from './schema-D7MOj-YC.js';
+export { s as schema } from './schema-D4-RG0L4.js';
 import 'firebase-admin/app';
 
 /**

package/dist/{generate-types-MHWSSOWV.js → generate-types-SPV7I3A5.js}

@@ -1,7 +1,7 @@
 import {
   generateSchemaDts,
   generateTypes
-} from "./chunk-KDXHFMIH.js";
+} from "./chunk-XLX37FRL.js";
 import "./chunk-MLKGABMK.js";
 export {
   generateSchemaDts,

package/dist/plugin.d.ts

@@ -1,5 +1,5 @@
 import '@blinkk/root';
 import 'firebase-admin/app';
 import 'firebase-admin/firestore';
-export { $ as CMSAIConfig, Z as CMSBuiltInSidebarTool, a4 as CMSCheck, a2 as CMSPlugin, a1 as CMSPluginOptions, a0 as CMSSidebarTool, aa as CMSTranslationService, _ as CMSUser, a6 as CheckContext, a5 as CheckResult, a7 as CheckStatus, ab as TranslationExportResult, ac as TranslationImportResult, ad as TranslationRow, ae as TranslationServiceContext, a9 as TranslationsCheckOptions, a3 as cmsPlugin, a8 as translationsCheck } from './client-B_oDIGeJ.js';
-import './schema-D7MOj-YC.js';
+export { $ as CMSAIConfig, Z as CMSBuiltInSidebarTool, a4 as CMSCheck, a2 as CMSPlugin, a1 as CMSPluginOptions, a0 as CMSSidebarTool, aa as CMSTranslationService, _ as CMSUser, a6 as CheckContext, a5 as CheckResult, a7 as CheckStatus, ab as TranslationExportResult, ac as TranslationImportResult, ad as TranslationRow, ae as TranslationServiceContext, a9 as TranslationsCheckOptions, a3 as cmsPlugin, a8 as translationsCheck } from './client-lQZoGxLC.js';
+import './schema-D4-RG0L4.js';

package/dist/plugin.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-T5UK2H24.js";
 import {
   getServerVersion
-} from "./chunk-JGLMVZE4.js";
+} from "./chunk-MVSVVVHN.js";
 import {
   runCronJobs
 } from "./chunk-DKM5LHW3.js";
@@ -1294,7 +1294,7 @@ function cmsPlugin(options) {
   if (process.env.NODE_ENV === "development" && options.watch !== false) {
     plugin.onFileChange = (eventName, filepath) => {
       if (filepath.endsWith(".schema.ts")) {
-        import("./generate-types-MHWSSOWV.js").then((generateTypesModule) => {
+        import("./generate-types-SPV7I3A5.js").then((generateTypesModule) => {
           const generateTypes = generateTypesModule.generateTypes;
           generateTypes();
         });

package/dist/project.d.ts

@@ -1,4 +1,4 @@
-import { S as Schema, C as Collection } from './schema-D7MOj-YC.js';
+import { S as Schema, C as Collection } from './schema-D4-RG0L4.js';
 
 /**
  * Loads various files or configurations from the project.

package/dist/richtext.d.ts

@@ -7,25 +7,36 @@ interface RichTextBlock {
 }
 interface RichTextData {
     [key: string]: any;
-    blocks: any[];
+    blocks: RichTextBlock[];
 }
-type RichTextBlockComponent = FunctionalComponent<any>;
+type RichTextComponent = FunctionalComponent<any>;
+type RichTextBlockComponent = RichTextComponent;
+type RichTextInlineComponent = RichTextComponent;
+type RichTextComponentMap = Record<string, RichTextComponent>;
 interface RichTextContextProps {
-    components?: Record<string, RichTextBlockComponent>;
+    /**
+     * Rich text components override for both inline and block level components.
+     */
+    components?: RichTextComponentMap;
+    /**
+     * Translator function override.
+     */
+    t?: (msg: string, params?: Record<string, string | number>) => string;
 }
 declare const RichTextContext: preact.Context<RichTextContextProps>;
 declare function useRichTextContext(): RichTextContextProps;
 interface RichTextProps {
-    data: RichTextData;
+    data: RichTextData | undefined;
     components?: Record<string, RichTextBlockComponent>;
+    /** @deprecated */
+    translate?: boolean;
 }
 /** Renders data from the "richtext" field. */
-declare function RichText(props: RichTextProps): preact.JSX.Element;
+declare function RichText(props: RichTextProps): preact.JSX.Element | null;
 declare namespace RichText {
+    var Block: (props: RichTextBlock) => preact.JSX.Element | null;
     var ParagraphBlock: (props: RichTextParagraphBlockProps) => preact.JSX.Element | null;
-    var DelimiterBlock: () => preact.JSX.Element;
     var HeadingBlock: (props: RichTextHeadingBlockProps) => preact.JSX.Element | null;
-    var QuoteBlock: (props: RichTextQuoteBlockProps) => preact.JSX.Element | null;
     var ListBlock: (props: RichTextListBlockProps) => preact.JSX.Element | null;
     var ImageBlock: (props: RichTextImageBlockProps) => preact.JSX.Element | null;
     var HtmlBlock: (props: RichTextHtmlBlockProps) => preact.JSX.Element | null;
@@ -35,12 +46,9 @@ interface RichTextParagraphBlockProps {
     type: 'paragraph';
     data?: {
         text?: string;
+        components?: Record<string, any>;
     };
 }
-interface RichTextDelimiterBlockProps {
-    type: 'delimiter';
-    data?: {};
-}
 interface RichTextHeadingBlockProps {
     type: 'heading';
     data?: {
@@ -48,15 +56,10 @@ interface RichTextHeadingBlockProps {
         text?: string;
     };
 }
-interface RichTextQuoteBlockProps {
-    type: 'quote';
-    data?: {
-        text?: string;
-    };
-}
 interface ListItem {
     content?: string;
     items?: ListItem[];
+    components?: Record<string, any>;
 }
 interface RichTextListBlockProps {
     type: 'orderedList' | 'unorderedList';
@@ -68,6 +71,8 @@ interface RichTextListBlockProps {
 interface RichTextImageBlockProps {
     type: 'image';
     data?: {
+        /** The caption entered into the CMS Image field. */
+        caption?: string;
         file?: {
             url: string;
             width: string | number;
@@ -93,5 +98,7 @@ interface RichTextTableBlockProps {
         }>;
     };
 }
+/** Returns whether the rich text value is truthy. */
+declare function testContent(data: RichTextData): boolean;
 
-export { RichText, type RichTextBlock, type RichTextBlockComponent, RichTextContext, type RichTextContextProps, type RichTextData, type RichTextDelimiterBlockProps, type RichTextHeadingBlockProps, type RichTextHtmlBlockProps, type RichTextImageBlockProps, type RichTextListBlockProps, type RichTextParagraphBlockProps, type RichTextProps, type RichTextQuoteBlockProps, type RichTextTableBlockProps, useRichTextContext };
+export { RichText, type RichTextBlock, type RichTextBlockComponent, type RichTextComponent, type RichTextComponentMap, RichTextContext, type RichTextContextProps, type RichTextData, type RichTextHeadingBlockProps, type RichTextHtmlBlockProps, type RichTextImageBlockProps, type RichTextInlineComponent, type RichTextListBlockProps, type RichTextParagraphBlockProps, type RichTextProps, type RichTextTableBlockProps, testContent, useRichTextContext };

package/dist/richtext.js

@@ -1,70 +1,99 @@
 import "./chunk-MLKGABMK.js";
 
 // core/richtext.tsx
-import { useTranslations } from "@blinkk/root";
-import { createContext } from "preact";
+import { StringParamsProvider, useTranslations } from "@blinkk/root";
+import { Component, createContext } from "preact";
 import { useContext } from "preact/hooks";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+import { renderToString } from "preact-render-to-string";
+import { jsx, jsxs } from "preact/jsx-runtime";
 var RichTextContext = createContext({});
 function useRichTextContext() {
   return useContext(RichTextContext);
 }
+var RichTextComponentMapContext = createContext({});
+function useRichTextContextComponentMap() {
+  return useContext(RichTextComponentMapContext);
+}
+function useRichTextTranslations() {
+  const ctx = useRichTextContext();
+  if (ctx.t) {
+    return ctx.t;
+  }
+  return useTranslations();
+}
 function RichText(props) {
+  const blocks = props.data?.blocks || [];
+  if (blocks.length === 0) {
+    return null;
+  }
   const richTextContext = useRichTextContext();
-  const components = {
-    delimiter: RichText.DelimiterBlock,
+  const componentMap = {
     heading: RichText.HeadingBlock,
     html: RichText.HtmlBlock,
     image: RichText.ImageBlock,
     orderedList: RichText.ListBlock,
     paragraph: RichText.ParagraphBlock,
-    quote: RichText.QuoteBlock,
     table: RichText.TableBlock,
     unorderedList: RichText.ListBlock,
     ...richTextContext.components,
     ...props.components
   };
-  const blocks = (props.data?.blocks || []).filter((block) => {
-    const blockType = block?.type;
-    if (!blockType) {
-      return false;
-    }
-    if (!(blockType in components)) {
-      console.warn(`ignoring unknown richtext type: "${blockType}"`);
-      return false;
-    }
-    return true;
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: blocks.map((block) => {
-    const Block = components[block.type];
-    return /* @__PURE__ */ jsx(Block, { ...block });
-  }) });
+  return /* @__PURE__ */ jsx(RichTextComponentMapContext.Provider, { value: componentMap, children: blocks.map((block) => {
+    return /* @__PURE__ */ jsx(RichText.Block, { ...block });
+  }).filter((value) => !!value) });
 }
-RichText.ParagraphBlock = (props) => {
-  if (!props.data?.text) {
+RichText.Block = (props) => {
+  const block = props;
+  const blockType = block?.type;
+  if (!blockType) {
     return null;
   }
-  const t = useTranslations();
-  return /* @__PURE__ */ jsx("p", { dangerouslySetInnerHTML: { __html: t(props.data.text) } });
+  const componentMap = useRichTextContextComponentMap();
+  const BlockComponent = componentMap[blockType];
+  if (!BlockComponent) {
+    console.warn(`[RichText] ignoring unknown richtext type: "${blockType}"`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    InlineComponentRenderer,
+    {
+      block,
+      componentMap,
+      BlockComponent
+    }
+  );
 };
-RichText.DelimiterBlock = () => {
-  return /* @__PURE__ */ jsx("hr", {});
+var InlineComponentRenderer = class extends Component {
+  render() {
+    const { block, componentMap, BlockComponent } = this.props;
+    const stringParams = collectInlineComponentParams(
+      block,
+      componentMap,
+      this.context
+    );
+    if (stringParams) {
+      return /* @__PURE__ */ jsx(StringParamsProvider, { value: stringParams, children: /* @__PURE__ */ jsx(BlockComponent, { ...block }) });
+    }
+    return /* @__PURE__ */ jsx(BlockComponent, { ...block });
+  }
 };
-RichText.HeadingBlock = (props) => {
+RichText.ParagraphBlock = (props) => {
   if (!props.data?.text) {
     return null;
   }
-  const t = useTranslations();
-  const level = props.data.level || 2;
-  const Component = `h${level}`;
-  return /* @__PURE__ */ jsx(Component, { dangerouslySetInnerHTML: { __html: t(props.data.text) } });
+  const t = useRichTextTranslations();
+  const html = t(props.data.text);
+  return /* @__PURE__ */ jsx("p", { dangerouslySetInnerHTML: { __html: html } });
 };
-RichText.QuoteBlock = (props) => {
+RichText.HeadingBlock = (props) => {
   if (!props.data?.text) {
     return null;
   }
-  const t = useTranslations();
-  return /* @__PURE__ */ jsx("blockquote", { dangerouslySetInnerHTML: { __html: t(props.data.text) } });
+  const t = useRichTextTranslations();
+  const level = props.data.level || 2;
+  const Component2 = `h${level}`;
+  const html = t(props.data.text);
+  return /* @__PURE__ */ jsx(Component2, { dangerouslySetInnerHTML: { __html: html } });
 };
 RichText.ListBlock = (props) => {
   if (!props.data?.items?.length) {
@@ -74,20 +103,20 @@ RichText.ListBlock = (props) => {
   if (!style) {
     style = props.type === "orderedList" ? "ordered" : "unordered";
   }
-  const Component = style === "ordered" ? "ol" : "ul";
+  const Component2 = style === "ordered" ? "ol" : "ul";
   const items = props.data.items;
-  return /* @__PURE__ */ jsx(Component, { children: items.map((item) => {
+  return /* @__PURE__ */ jsx(Component2, { children: items.map((item) => {
     if (item.content || item.items?.length) {
       return /* @__PURE__ */ jsxs("li", { children: [
         item.content && /* @__PURE__ */ jsx(
-          RichText.ParagraphBlock,
+          RichText.Block,
           {
             type: "paragraph",
-            data: { text: item.content }
+            data: { text: item.content, components: item.components }
           }
         ),
         item.items && item.items.length > 0 && /* @__PURE__ */ jsx(
-          RichText.ListBlock,
+          RichText.Block,
           {
             type: props.type,
             data: { style, items: item.items }
@@ -109,7 +138,8 @@ RichText.ImageBlock = (props) => {
   return /* @__PURE__ */ jsx("img", { src: imageUrl, width, height, alt });
 };
 RichText.HtmlBlock = (props) => {
-  const html = props.data?.html || "";
+  const t = useRichTextTranslations();
+  const html = t(props.data?.html || "");
   if (!html) {
     return null;
   }
@@ -122,8 +152,7 @@ RichText.TableBlock = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { children: row.cells.map((cell, cellIndex) => {
-    const isHeader = cell.type === "header";
-    const Cell = isHeader ? "th" : "td";
+    const Cell = cell.type === "header" ? "th" : "td";
     return /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
       RichText,
       {
@@ -146,8 +175,34 @@ function toNumber(input) {
   }
   return parsedNumber;
 }
+function testContent(data) {
+  return data?.blocks?.length > 0;
+}
+function collectInlineComponentParams(block, componentMap, renderContext) {
+  const components = block?.data?.components || {};
+  if (Object.keys(components).length === 0) {
+    return null;
+  }
+  const params = {};
+  for (const [componentId, component] of Object.entries(components)) {
+    const Component2 = componentMap[component.type];
+    if (Component2) {
+      const key = `${component.type}:${componentId}`;
+      params[key] = renderToString(
+        /* @__PURE__ */ jsx(Component2, { ...component.data }),
+        renderContext
+      );
+    } else {
+      console.warn(
+        `[RichText] could not find inline component for type: "${component.type}"`
+      );
+    }
+  }
+  return params;
+}
 export {
   RichText,
   RichTextContext,
+  testContent,
   useRichTextContext
 };

package/dist/{schema-D7MOj-YC.d.ts → schema-D4-RG0L4.d.ts}

@@ -155,6 +155,11 @@ type ArrayField = CommonFieldProps & {
      * Label to use for the "add item" button. Defaults to `Add`.
      */
     buttonLabel?: string;
+    /**
+     * Whether array items should be open (expanded) by default. Defaults to
+     * `false`, meaning items start collapsed.
+     */
+    defaultOpen?: boolean;
 };
 declare function array(field: Omit<ArrayField, 'type'>): ArrayField;
 /**

package/dist/ui/signin.css

@@ -1 +1 @@
-:root{--font-family-default: "Inter", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-text-default: #333333;--color-border: #EFEFEF;--button-background-hover: #F5F5F5;--button-background-active: #E5E5E5}html{box-sizing:border-box;overflow-x:hidden;font-size:16px;line-height:1.5}*,*:before,*:after{box-sizing:inherit}html,body{font-family:var(--font-family-default);color:var(--color-text-default);height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}img,picture,figure,video,canvas,svg,iframe{display:block;max-width:100%;height:auto;margin:0}a{color:inherit}select{color-scheme:light}h1,h2,h3,h4,h5,p{margin:0}body.menu\:open{overflow:hidden}#root{margin:0 auto;min-height:100vh;position:relative}.bootstrap{font-size:48px;font-weight:900;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;gap:36px;position:relative}.bootstrap-error{font-size:14px;font-weight:400;line-height:20px;position:absolute;bottom:100px;left:0;right:0;text-align:center;animation:.5s forwards bootstrap-loading-error;animation-delay:1s;opacity:0;padding:0 24px}@keyframes bootstrap-loading-error{0%{opacity:0}to{opacity:1}}.signin{font-family:Google Sans,arial,sans-serif;text-align:center;padding:48px 20px;color:#3c4043}.signin__headline{margin-bottom:40px}.signin__headline__title{font-size:36px;line-height:1.3;font-weight:500;margin-bottom:20px}.signin__headline__body{font-size:18px;line-height:1.5;font-weight:500}.signin__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;text-align:center;gap:12px;background:#fff;border:1px solid #dadce0;border-radius:4px;cursor:pointer;font-family:inherit;padding:0 12px;height:40px;box-sizing:border-box;transition:all .218s ease}.signin__warning{max-width:520px;margin:0 auto 40px;padding:12px;border:1px solid #fbbc04;border-radius:8px;background:#fff9db;color:#5f370e;font-size:14px;line-height:1.5}.signin__button:hover{border-color:#d2e3fc;background-color:#4285f40a}.signin__button__icon{width:18px;height:18px;background-color:#fff}.signin__button__label{font-size:14px;line-height:1;letter-spacing:.25px;font-weight:500;color:#3c4043}.signin__button--busy{cursor:default;opacity:.85;border-color:#d2e3fc;background-color:#4285f40a}.signin__button--busy:hover{background-color:#4285f40a}.signin__spinner{width:18px;height:18px;color:#4285f4;animation:signin-spin .7s linear infinite}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin__error{color:red;font-weight:700;text-align:center;max-width:60ch;margin:20px auto 0}
+:root{--font-family-default: "Inter", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-text-default: #333333;--color-border: #EFEFEF;--button-background-hover: #F5F5F5;--button-background-active: #E5E5E5}html{box-sizing:border-box;overflow-x:hidden;font-size:16px;line-height:1.5}*,*:before,*:after{box-sizing:inherit}html,body{font-family:var(--font-family-default);color:var(--color-text-default);height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}img,picture,figure,video,canvas,svg,iframe{display:block;max-width:100%;height:auto;margin:0}a{color:inherit}select{color-scheme:light}h1,h2,h3,h4,h5,p{margin:0}body.menu\:open{overflow:hidden}#root{margin:0 auto;min-height:100vh;position:relative}.bootstrap{font-size:48px;font-weight:900;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;gap:36px;position:relative}.bootstrap-error{font-size:14px;font-weight:400;line-height:20px;position:absolute;bottom:100px;left:0;right:0;text-align:center;animation:.5s forwards bootstrap-loading-error;animation-delay:1s;opacity:0;padding:0 24px}.bootstrap--error{gap:16px}.bootstrap__error-title{font-size:48px;font-weight:900;line-height:1.1;margin:0}.bootstrap__error-message{color:#b00020;font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:640px}@keyframes bootstrap-loading-error{0%{opacity:0}to{opacity:1}}.signin{font-family:Google Sans,arial,sans-serif;text-align:center;padding:48px 20px;color:#3c4043}.signin__headline{margin-bottom:40px}.signin__headline__title{font-size:36px;line-height:1.3;font-weight:500;margin-bottom:20px}.signin__headline__body{font-size:18px;line-height:1.5;font-weight:500}.signin__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;text-align:center;gap:12px;background:#fff;border:1px solid #dadce0;border-radius:4px;cursor:pointer;font-family:inherit;padding:0 12px;height:40px;box-sizing:border-box;transition:all .218s ease}.signin__warning{max-width:520px;margin:0 auto 40px;padding:12px;border:1px solid #fbbc04;border-radius:8px;background:#fff9db;color:#5f370e;font-size:14px;line-height:1.5}.signin__button:hover{border-color:#d2e3fc;background-color:#4285f40a}.signin__button__icon{width:18px;height:18px;background-color:#fff}.signin__button__label{font-size:14px;line-height:1;letter-spacing:.25px;font-weight:500;color:#3c4043}.signin__button--busy{cursor:default;opacity:.85;border-color:#d2e3fc;background-color:#4285f40a}.signin__button--busy:hover{background-color:#4285f40a}.signin__spinner{width:18px;height:18px;color:#4285f4;animation:signin-spin .7s linear infinite}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin__error{color:red;font-weight:700;text-align:center;max-width:60ch;margin:20px auto 0}