rotion 1.0.0 → 1.1.0

package/dist/ui/esm/types/exporter/api.d.ts

@@ -13,3 +13,7 @@ export interface reqAPIWithBackoffAndCacheArgs {
     count: number;
 }
 export declare function reqAPIWithBackoffAndCache<T>({ name, func, args, count }: reqAPIWithBackoffAndCacheArgs): Promise<T>;
+export interface FetchOptions extends RequestInit {
+    timeout?: number;
+}
+export declare function fetchWithTimeout(url: string | URL | Request, options?: FetchOptions): Promise<Response>;

package/dist/ui/esm/types/exporter/files.d.ts

@@ -6,7 +6,8 @@ export declare const atoh: (a: string) => string;
 export declare const createDirWhenNotfound: (dir: string) => Promise<void>;
 export declare function readCache<T>(f: string): Promise<T>;
 export declare function writeCache(f: string, data: unknown): Promise<void>;
-export declare function isAvailableCache(f: string): Promise<boolean>;
+export declare function isAvailableCache(f: string, d?: number): Promise<boolean>;
+export declare const sleep: (m: number) => Promise<unknown>;
 export declare function saveFile(fileUrl: string, prefix: string): Promise<{
     src: string;
     size: number;

package/dist/ui/esm/types/exporter/github.d.ts

@@ -0,0 +1,242 @@
+interface FetchFunc<T> {
+    (input: RequestInfo, init?: RequestInit): Promise<T>;
+}
+export interface GithubRepoArgs {
+    owner: string;
+    repo: string;
+}
+export interface GithubRepoResponse {
+    id: number;
+    node_id: string;
+    name: string;
+    full_name: string;
+    private: boolean;
+    owner: {
+        login: string;
+        id: number;
+        node_id: string;
+        avatar_url: string;
+        gravatar_id: string;
+        url: string;
+        html_url: string;
+        followers_url: string;
+        following_url: string;
+        gists_url: string;
+        starred_url: string;
+        subscriptions_url: string;
+        organizations_url: string;
+        repos_url: string;
+        events_url: string;
+        received_events_url: string;
+        type: string;
+        site_admin: boolean;
+    };
+    html_url: string;
+    description: string;
+    fork: boolean;
+    url: string;
+    forks_url: string;
+    keys_url: string;
+    collaborators_url: string;
+    teams_url: string;
+    hooks_url: string;
+    issue_events_url: string;
+    events_url: string;
+    assignees_url: string;
+    branches_url: string;
+    tags_url: string;
+    blobs_url: string;
+    git_tags_url: string;
+    git_refs_url: string;
+    trees_url: string;
+    statuses_url: string;
+    languages_url: string;
+    stargazers_url: string;
+    contributors_url: string;
+    subscribers_url: string;
+    subscription_url: string;
+    commits_url: string;
+    git_commits_url: string;
+    comments_url: string;
+    issue_comment_url: string;
+    contents_url: string;
+    compare_url: string;
+    merges_url: string;
+    archive_url: string;
+    downloads_url: string;
+    issues_url: string;
+    pulls_url: string;
+    milestones_url: string;
+    notifications_url: string;
+    labels_url: string;
+    releases_url: string;
+    deployments_url: string;
+    created_at: string;
+    updated_at: string;
+    pushed_at: string;
+    git_url: string;
+    ssh_url: string;
+    clone_url: string;
+    svn_url: string;
+    homepage: string;
+    size: number;
+    stargazers_count: number;
+    watchers_count: number;
+    language: string;
+    has_issues: boolean;
+    has_projects: boolean;
+    has_downloads: boolean;
+    has_wiki: boolean;
+    has_pages: boolean;
+    has_discussions: boolean;
+    forks_count: number;
+    mirror_url: string;
+    archived: boolean;
+    disabled: boolean;
+    open_issues_count: number;
+    license: {
+        key: string;
+        name: string;
+        spdx_id: string;
+        url: string;
+        node_id: string;
+    };
+    allow_forking: boolean;
+    is_template: boolean;
+    web_commits_signoff_required: boolean;
+    topics: string[];
+    visibility: string;
+    forks: number;
+    open_issues: number;
+    watchers: number;
+    default_branch: string;
+    temp_clone_token: string;
+    network_count: number;
+    subscribers_count: number;
+}
+export declare function getRepo({ owner, repo }: GithubRepoArgs, func?: FetchFunc<GithubRepoResponse>): Promise<GithubRepoResponse>;
+export interface LinkPreviewGithubRepo {
+    name: string;
+    login: string;
+    avatar_url: string;
+    avatar_src: string;
+    updated_at: string;
+}
+export declare function getRepoForLinkPreview({ owner, repo }: GithubRepoArgs, func?: FetchFunc<GithubRepoResponse>): Promise<LinkPreviewGithubRepo>;
+export interface GithubIssueArgs {
+    owner: string;
+    repo: string;
+    number: string;
+}
+export interface GithubIssueResponse {
+    url: string;
+    repository_url: string;
+    labels_url: string;
+    comments_url: string;
+    events_url: string;
+    html_url: string;
+    id: number;
+    node_id: string;
+    number: number;
+    title: string;
+    user: {
+        login: string;
+        id: number;
+        node_id: string;
+        avatar_url: string;
+        glavatar_id: string;
+        url: string;
+        html_url: string;
+        followers_url: string;
+        following_url: string;
+        gist_url: string;
+        starred_url: string;
+        subscriptions_url: string;
+        organizations_url: string;
+        repos_url: string;
+        events_url: string;
+        received_events_url: string;
+        type: string;
+        site_admin: boolean;
+    };
+    labels: [
+        {
+            id: number;
+            node_id: string;
+            url: string;
+            name: string;
+            color: string;
+            default: boolean;
+            description: string;
+        }
+    ];
+    state: 'open' | 'closed';
+    locked: boolean;
+    assignee: string;
+    assignees: string[];
+    milestone: string;
+    comments: number;
+    created_at: string;
+    updated_at: string;
+    closed_at: string | null;
+    author_association: string;
+    active_lock_reason: string;
+    draft: boolean;
+    pull_request?: {
+        url: string;
+        html_url: string;
+        diff_url: string;
+        patch_url: string;
+        merged_at: string;
+    };
+    body: string;
+    closed_by: {
+        login: string;
+        id: number;
+        node_id: string;
+        avatar_url: string;
+        glavatar_id: string;
+        url: string;
+        html_url: string;
+        followers_url: string;
+        following_url: string;
+        gist_url: string;
+        starred_url: string;
+        subscriptions_url: string;
+        organizations_url: string;
+        repos_url: string;
+        events_url: string;
+        received_events_url: string;
+        type: string;
+        site_admin: boolean;
+    };
+    reactions: {
+        url: string;
+        total_count: number;
+        '+1': number;
+        '-1': number;
+        laugh: number;
+        hooray: number;
+        confused: number;
+        heart: number;
+        rocket: number;
+        eyes: number;
+    };
+    timeline_url: string;
+    performed_via_github_app: string;
+    state_reason: string;
+}
+export declare function getIssue({ owner, repo, number }: GithubIssueArgs, func?: FetchFunc<GithubIssueResponse>): Promise<GithubIssueResponse>;
+export interface LinkPreviewGithubIssue {
+    title: string;
+    login: string;
+    avatar_url: string;
+    avatar_src: string;
+    created_at: string;
+    closed_at: string | null;
+    merged_at: string | null;
+    state: 'open' | 'closed' | 'merged';
+    number: number;
+}
+export declare function getIssueForLinkPreview({ owner, repo, number }: GithubIssueArgs, func?: FetchFunc<GithubIssueResponse>): Promise<LinkPreviewGithubIssue>;
+export {};

package/dist/ui/esm/types/exporter/types.d.ts

@@ -1,4 +1,5 @@
 import type { QueryDatabaseResponse, ListBlockChildrenResponse, GetSelfResponse, ParagraphBlockObjectResponse, Heading1BlockObjectResponse, Heading2BlockObjectResponse, Heading3BlockObjectResponse, BulletedListItemBlockObjectResponse, NumberedListItemBlockObjectResponse, QuoteBlockObjectResponse, ToDoBlockObjectResponse, ToggleBlockObjectResponse, TemplateBlockObjectResponse, SyncedBlockBlockObjectResponse, ChildPageBlockObjectResponse, ChildDatabaseBlockObjectResponse, EquationBlockObjectResponse, CodeBlockObjectResponse, CalloutBlockObjectResponse, DividerBlockObjectResponse, BreadcrumbBlockObjectResponse, TableOfContentsBlockObjectResponse, ColumnListBlockObjectResponse, ColumnBlockObjectResponse, LinkToPageBlockObjectResponse, TableBlockObjectResponse, TableRowBlockObjectResponse, EmbedBlockObjectResponse, BookmarkBlockObjectResponse, ImageBlockObjectResponse, VideoBlockObjectResponse, PdfBlockObjectResponse, FileBlockObjectResponse, AudioBlockObjectResponse, LinkPreviewBlockObjectResponse, UnsupportedBlockObjectResponse, RichTextItemResponse, GetPagePropertyResponse, PageObjectResponse, PersonUserObjectResponse, DatabaseObjectResponse, MentionRichTextItemResponse, TextRichTextItemResponse, EquationRichTextItemResponse } from '@notionhq/client/build/src/api-endpoints.js';
+import { LinkPreviewGithubRepo, LinkPreviewGithubIssue } from './github.js';
 export * from '@notionhq/client/build/src/api-endpoints.js';
 export type IdRequest = string | string;
 export type EmptyObject = Record<string, never>;
@@ -259,12 +260,27 @@ export type PdfBlockObjectResponseEx = PdfBlockObjectResponse & {
 export type SyncedBlockBlockObjectResponseEx = SyncedBlockBlockObjectResponse & {
     children?: ListBlockChildrenResponseEx;
 };
-export type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponseEx | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponseEx | FileBlockObjectResponseEx | AudioBlockObjectResponse | LinkPreviewBlockObjectResponse | UnsupportedBlockObjectResponse;
+export type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponseEx | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponseEx | FileBlockObjectResponseEx | AudioBlockObjectResponse | LinkPreviewBlockObjectResponseEx | UnsupportedBlockObjectResponse;
 export type ListBlockChildrenResponseEx = ListBlockChildrenResponse & {
     results: Array<BlockObjectResponse>;
     children?: ListBlockChildrenResponse;
     last_edited_time?: string;
 };
+export type LinkPreviewBlockObjectResponseEx = LinkPreviewBlockObjectResponse & {
+    link_preview: {
+        url: string;
+        github?: {
+            type: 'issue';
+            issue: LinkPreviewGithubIssue;
+        } | {
+            type: 'repo';
+            repo: LinkPreviewGithubRepo;
+        };
+        figma?: {
+            html: string;
+        };
+    };
+};
 export type GetPageResponseEx = PageObjectResponse & {
     cover: {
         src: string;

package/dist/ui/esm/types/ui/components/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './Icon.css';
 export interface IconProps {
-    name: 'figma' | 'slack' | 'github' | 'file' | 'link';
+    name: 'figma' | 'slack' | 'github' | 'file' | 'link' | 'codemerge' | 'circlecheck' | 'circledot';
     width?: string;
     height?: string;
     className?: string;

package/dist/ui/esm/types/ui/components/Page/LinkPreviewBlock/LinkPreviewBlock.types.d.ts

@@ -1,4 +1,4 @@
-import type { LinkPreviewBlockObjectResponse } from '../../../../exporter';
+import type { LinkPreviewBlockObjectResponseEx } from '../../../../exporter';
 export type LinkPreviewBlockProps = {
-    block: LinkPreviewBlockObjectResponse;
+    block: LinkPreviewBlockObjectResponseEx;
 };

package/dist/ui/style-without-dark.css

@@ -1 +1 @@
-:root{--rotion-font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--rotion-border-radius:4px;--rotion-line-height:1.5;--rotion-primary-text:#232d37;--rotion-dark-primary-text:#e6e6e6;--rotion-secondary-text:#828c96;--rotion-dark-secondary-text:#828282;--rotion-tertiary-text:#a0aab4;--rotion-dark-tertiary-text:#646464;--rotion-border-color:hsla(0,0%,86%,.8);--rotion-dark-border-color:rgba(80,80,80,.8);--rotion-border:1px solid var(--rotion-border-color);--rotion-dark-border:1px solid var(--rotion-dark-border-color);--rotion-code-bg-color:hsla(44,6%,50%,.15);--rotion-dark-code-bg-color:hsla(44,6%,50%,.3);--rotion-table-header-bg-color:hsla(0,0%,59%,.1);--rotion-dark-table-header-bg-color:hsla(0,0%,100%,.15);--rotion-toggle-hover-bg-color:#f5f2f0;--rotion-dark-toggle-hover-bg-color:#2d2d2d;--rotion-quote-border-color:#2d2d2d;--rotion-dark-quote-border-color:#f5f2f0;--rotion-link-text-decoration:none;--rotion-link-cursor:pointer;--rotion-link-color:#32302c;--rotion-dark-link-color:#e1dfdb;--rotion-link-hover-color:rgba(50,48,44,.6);--rotion-dark-link-hover-color:hsla(40,9%,87%,.6);--rotion-link-border-bottom:1px solid rgba(50,48,44,.4);--rotion-dark-link-border-bottom:1px solid hsla(40,6%,79%,.4);--rotion-link-hover-border-bottom:1px solid rgba(50,48,44,.2);--rotion-dark-link-hover-border-bottom:1px solid hsla(40,6%,79%,.2);--rotion-link-bg-color:inherit;--rotion-dark-link-bg-color:inherit;--rotion-link-hover-bg-color:hsla(0,0%,59%,.1);--rotion-dark-link-hover-bg-color:hsla(0,0%,100%,.15);--rotion-annot-default:#32302c;--rotion-dark-annot-default:#ebe9e4;--rotion-annot-bg-default:hsla(40,5%,88%,.5);--rotion-dark-annot-bg-default:#373737;--rotion-annot-gray:#787774;--rotion-dark-annot-gray:#9b9b9b;--rotion-annot-bg-gray:#f1f1ef;--rotion-dark-annot-bg-gray:#2f2f2f;--rotion-annot-brown:#9f6b53;--rotion-dark-annot-brown:#ba856f;--rotion-annot-bg-brown:#eee0da;--rotion-dark-annot-bg-brown:#4a3228;--rotion-annot-orange:#d9730d;--rotion-dark-annot-orange:#c77d48;--rotion-annot-bg-orange:#fadec9;--rotion-dark-annot-bg-orange:#5c3b23;--rotion-annot-yellow:#cb912f;--rotion-dark-annot-yellow:#ca9849;--rotion-annot-bg-yellow:#fdecc8;--rotion-dark-annot-bg-yellow:#564328;--rotion-annot-green:#448361;--rotion-dark-annot-green:#529e72;--rotion-annot-bg-green:#edf3ec;--rotion-dark-annot-bg-green:#243d30;--rotion-annot-blue:#337ea9;--rotion-dark-annot-blue:#5e87c9;--rotion-annot-bg-blue:#d3e5ef;--rotion-dark-annot-bg-blue:#143a4e;--rotion-annot-purple:#9065b0;--rotion-dark-annot-purple:#9d68d3;--rotion-annot-bg-purple:#e8deee;--rotion-dark-annot-bg-purple:#3c2d49;--rotion-annot-pink:#c14c8a;--rotion-dark-annot-pink:#d15796;--rotion-annot-bg-pink:#f5e0e9;--rotion-dark-annot-bg-pink:#4e2c3c;--rotion-annot-red:#d44c47;--rotion-dark-annot-red:#df5452;--rotion-annot-bg-red:#ffe2dd;--rotion-dark-annot-bg-red:#522e2a;--rotion-annot-border:1px solid rgba(50,48,44,.3);--rotion-dark-annot-border:1px solid hsla(40,6%,79%,.3);--rotion-gallery-box-shadow:hsla(0,0%,6%,.1) 0px 0px 0px 1px,hsla(0,0%,6%,.1) 0px 2px 4px;--rotion-dark-gallery-box-shadow:hsla(0,0%,6%,.2) 0px 0px 0px 1px,hsla(0,0%,6%,.2) 0px 2px 4px;--rotion-gallery-bg:rgba(55,53,47,.005);--rotion-dark-gallery-bg:hsla(0,0%,100%,.1);--rotion-gallery-hover-bg:rgba(55,53,47,.03);--rotion-dark-gallery-hover-bg:#2f2f2f;--rotion-gallery-image-border-bottom:1px solid rgba(55,53,47,.1);--rotion-dark-gallery-image-border-bottom:1px solid hsla(0,0%,100%,.1);--rotion-gallery-grid-template-columns-small:repeat(auto-fill,minmax(180px,1fr));--rotion-gallery-grid-template-columns-medium:repeat(auto-fill,minmax(260px,1fr));--rotion-gallery-grid-template-columns-large:repeat(auto-fill,minmax(320px,1fr));--rotion-tag-default:#32302c;--rotion-dark-tag-default:hsla(0,0%,100%,.804);--rotion-tag-bg-default:hsla(40,5%,88%,.5);--rotion-dark-tag-bg-default:#373737;--rotion-tag-gray:#32302c;--rotion-dark-tag-gray:hsla(0,0%,100%,.804);--rotion-tag-bg-gray:#e3e2e0;--rotion-dark-tag-bg-gray:#5a5a5a;--rotion-tag-brown:#442a1e;--rotion-dark-tag-brown:hsla(0,0%,100%,.804);--rotion-tag-bg-brown:#eee0da;--rotion-dark-tag-bg-brown:#603b2c;--rotion-tag-orange:#49290e;--rotion-dark-tag-orange:hsla(0,0%,100%,.804);--rotion-tag-bg-orange:#fadec9;--rotion-dark-tag-bg-orange:#854c1d;--rotion-tag-yellow:#402c1b;--rotion-dark-tag-yellow:hsla(0,0%,100%,.804);--rotion-tag-bg-yellow:#fdecc8;--rotion-dark-tag-bg-yellow:#89632a;--rotion-tag-green:#1c3829;--rotion-dark-tag-green:hsla(0,0%,100%,.804);--rotion-tag-bg-green:#dbeddb;--rotion-dark-tag-bg-green:#2b593f;--rotion-tag-blue:#183347;--rotion-dark-tag-blue:hsla(0,0%,100%,.804);--rotion-tag-bg-blue:#d3e5ef;--rotion-dark-tag-bg-blue:#28456c;--rotion-tag-purple:#412454;--rotion-dark-tag-purple:hsla(0,0%,100%,.804);--rotion-tag-bg-purple:#e8deee;--rotion-dark-tag-bg-purple:#492f64;--rotion-tag-pink:#4c2337;--rotion-dark-tag-pink:hsla(0,0%,100%,.804);--rotion-tag-bg-pink:#f5e0e9;--rotion-dark-tag-bg-pink:#69314c;--rotion-tag-red:#5d1715;--rotion-dark-tag-red:hsla(0,0%,100%,.804);--rotion-tag-bg-red:#ffe2dd;--rotion-dark-tag-bg-red:#6e3630;--rotion-table-border:1px solid rgba(55,53,47,.09);--rotion-dark-table-border:1px solid #2f2f2f;--rotion-table-icon-fill:rgba(55,53,47,.45);--rotion-dark-table-icon-fill:rgba(255,253,247,.45);--rotion-table-box-shadow:#fff -3px 0px 0px,#e9e9e7 0px 1px 0px;--rotion-dark-table-box-shadow:#191919 -3px 0px 0px,#2f2f2f 0px 1px 0px;--rotion-table-link-hover-bg:#e3e2e0 none repeat scroll 0% 0%;--rotion-dark-table-link-hover-bg:#1c1d1f none repeat scroll 0% 0%}.rotion-gallery{font-family:var(--rotion-font-family)}.rotion-gallery-inner{display:grid;gap:16px;padding-bottom:1rem;position:relative}.rotion-gallery-small{grid-template-columns:var(--rotion-gallery-grid-template-columns-small)}.rotion-gallery-medium{grid-template-columns:var(--rotion-gallery-grid-template-columns-medium)}.rotion-gallery-large{grid-template-columns:var(--rotion-gallery-grid-template-columns-large)}.rotion-gallery-card{background:var(--rotion-gallery-bg);border-radius:var(--rotion-border-radius);box-shadow:var(--rotion-gallery-box-shadow);color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);height:100%;overflow:hidden;position:static;text-decoration:none;transition:background .1s ease-out 0s}.rotion-gallery-link{cursor:pointer}.rotion-gallery-link:hover{background:var(--rotion-gallery-hover-bg)}.rotion-gallery-card-inner{display:grid;gap:16px;padding-bottom:1rem;position:relative}.rotion-gallery-card-small{grid-template-columns:var(--rotion-gallery-grid-template-columns-small)}.rotion-gallery-card-medium{grid-template-columns:var(--rotion-gallery-grid-template-columns-medium)}.rotion-gallery-card-large{grid-template-columns:var(--rotion-gallery-grid-template-columns-large)}.rotion-gallery-card-text{padding-bottom:1rem}.rotion-gallery-checkbox{display:flex;padding:5px 10px 0}.rotion-gallery-checkbox .rotion-prefix,.rotion-gallery-checkbox .rotion-suffix{padding-top:1px}.rotion-gallery-checkbox .rotion-prefix{padding-right:6px}.rotion-gallery-checkbox .rotion-suffix{padding-left:6px}.rotion-gallery-date{font-size:.8rem;padding:5px 10px 0}.rotion-gallery-date,.rotion-gallery-multiselect{align-items:center;display:flex;font-family:var(--rotion-font-family);white-space:nowrap;width:100%}.rotion-gallery-multiselect{font-size:12px;padding:8px 10px}.rotion-gallery-multiselect-ul{align-items:center;display:flex;flex-shrink:0;list-style-type:none;margin:8px 0 0 7px;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-gallery-multiselect-li{align-items:center;background:#d3e5ef none repeat scroll 0 0;border-radius:3px;color:#183347;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-gallery-multiselect-link{color:inherit;cursor:var(--rotion-link-cursor);padding:2px 10px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-multiselect-default{background-color:var(--rotion-tag-bg-default);color:var(--rotion-tag-default)}.rotion-gallery-multiselect-gray{background-color:var(--rotion-tag-bg-gray);color:var(--rotion-tag-gray)}.rotion-gallery-multiselect-brown{background-color:var(--rotion-tag-bg-brown);color:var(--rotion-tag-brown)}.rotion-gallery-multiselect-orange{background-color:var(--rotion-tag-bg-orange);color:var(--rotion-tag-orange)}.rotion-gallery-multiselect-yellow{background-color:var(--rotion-tag-bg-yellow);color:var(--rotion-tag-yellow)}.rotion-gallery-multiselect-green{background-color:var(--rotion-tag-bg-green);color:var(--rotion-tag-green)}.rotion-gallery-multiselect-blue{background-color:var(--rotion-tag-bg-blue);color:var(--rotion-tag-blue)}.rotion-gallery-multiselect-purple{background-color:var(--rotion-tag-bg-purple);color:var(--rotion-tag-purple)}.rotion-gallery-multiselect-pink{background-color:var(--rotion-tag-bg-pink);color:var(--rotion-tag-pink)}.rotion-gallery-multiselect-red{background-color:var(--rotion-tag-bg-red);color:var(--rotion-tag-red)}.rotion-gallery-select{align-items:center;display:flex;font-family:var(--rotion-font-family);font-size:12px;padding:8px 7px;white-space:nowrap;width:100%}.rotion-gallery-select-wrapper{align-items:center;border-radius:3px;display:flex;flex-shrink:0;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-gallery-select-link{color:inherit;cursor:var(--rotion-link-cursor);padding:2px 10px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-select-default{background-color:var(--rotion-tag-bg-default);color:var(--rotion-tag-default)}.rotion-gallery-select-gray{background-color:var(--rotion-tag-bg-gray);color:var(--rotion-tag-gray)}.rotion-gallery-select-brown{background-color:var(--rotion-tag-bg-brown);color:var(--rotion-tag-brown)}.rotion-gallery-select-orange{background-color:var(--rotion-tag-bg-orange);color:var(--rotion-tag-orange)}.rotion-gallery-select-yellow{background-color:var(--rotion-tag-bg-yellow);color:var(--rotion-tag-yellow)}.rotion-gallery-select-green{background-color:var(--rotion-tag-bg-green);color:var(--rotion-tag-green)}.rotion-gallery-select-blue{background-color:var(--rotion-tag-bg-blue);color:var(--rotion-tag-blue)}.rotion-gallery-select-purple{background-color:var(--rotion-tag-bg-purple);color:var(--rotion-tag-purple)}.rotion-gallery-select-pink{background-color:var(--rotion-tag-bg-pink);color:var(--rotion-tag-pink)}.rotion-gallery-select-red{background-color:var(--rotion-tag-bg-red);color:var(--rotion-tag-red)}.rotion-gallery-number{align-items:center;display:flex;font-size:.8rem;width:100%}.rotion-gallery-number,.rotion-gallery-richtext{font-family:var(--rotion-font-family);padding:5px 10px 0;white-space:nowrap}.rotion-gallery-richtext{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.rotion-gallery-richtext-small{width:180px}.rotion-gallery-richtext-medium{width:260px}.rotion-gallery-richtext-large{width:320px}.rotion-gallery-title{font-family:var(--rotion-font-family);font-size:.9rem;padding:10px 10px 0;width:100%}.rotion-gallery-url{display:flex;font-family:var(--rotion-font-family);margin:4px 7px 0;white-space:nowrap}.rotion-gallery-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;margin-bottom:0;padding:0 2px 3px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-gallery-url-chain{display:inline;height:12px;margin-right:4px;margin-top:2px;vertical-align:middle;width:12px}.rotion-gallery-url-domain,.rotion-gallery-url-path{display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-gallery-url-path{color:var(--rotion-tertiary-text)}.rotion-gallery-formula{align-items:center;display:flex;font-size:.8rem;padding:5px 10px 0;white-space:nowrap;width:100%}.rotion-gallery-formula,.rotion-list{font-family:var(--rotion-font-family)}.rotion-list{color:var(--rotion-primary-text);margin:0;overflow-x:scroll;padding:0}.rotion-list-inner{margin:0;max-width:100%;min-width:1200px;padding:0 0 .8rem}.rotion-list-line{align-items:center;background-color:var(--rotion-link-bg-color);display:flex;justify-content:flex-start;margin:4px 0;overflow:hidden;padding:4px 0;transition:background 20ms ease-in 0s;user-select:none;width:100%}.rotion-list-line:hover{background-color:var(--rotion-link-hover-bg-color);border-radius:var(--rotion-border-radius)}.rotion-list-dashed,.rotion-list-spacer{display:block;flex-shrink:10;margin-left:14px;width:100%}.rotion-list-dashed{border-top:1px dashed var(--rotion-tertiary-text)}.rotion-list-checkbox{background-color:var(--rotion-link-bg-color);display:flex;margin:0 .3rem;padding:0 .3rem}.rotion-list-checkbox .rotion-prefix,.rotion-list-checkbox .rotion-suffix{padding-top:1px}.rotion-list-checkbox .rotion-prefix{padding-right:6px}.rotion-list-checkbox .rotion-suffix{padding-left:6px}.rotion-list-date{color:var(--rotion-tertiary-text);font-size:.85rem;min-width:20px;white-space:nowrap}.rotion-list-date,.rotion-list-multiselect-ul{display:flex;font-family:var(--rotion-font-family);margin:0 7px;overflow:hidden;text-overflow:ellipsis}.rotion-list-multiselect-ul{align-items:center;flex-shrink:0;list-style-type:none;max-width:400px;padding:0}.rotion-list-multiselect-li{margin:0 6px 0 0;min-width:0}.rotion-list-multiselect-li,.rotion-list-select{align-items:center;display:flex;flex-shrink:0;font-size:.75rem;padding:0}.rotion-list-select{border-radius:3px;font-family:var(--rotion-font-family);margin:0 7px;max-width:400px;overflow:hidden;text-overflow:ellipsis}.rotion-list-number{align-items:center;display:flex;margin:0 7px;min-width:20px}.rotion-list-number,.rotion-list-richtext{font-family:var(--rotion-font-family);font-size:.85rem;white-space:nowrap}.rotion-list-richtext{color:var(--rotion-tertiary-text);margin:0 .5rem;max-width:25rem;padding:0 .5rem}.rotion-list-richtext,.rotion-list-title{display:block;overflow:hidden;text-overflow:ellipsis}.rotion-list-title{line-height:1.4;max-width:500px}.rotion-list-title,.rotion-list-url{font-family:var(--rotion-font-family);margin:0 7px;white-space:nowrap}.rotion-list-url{display:flex}.rotion-list-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;padding:0 5px 4px;text-decoration:var(--rotion-link-text-decoration)}.rotion-list-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-list-url-chain{display:inline;height:12px;margin-right:4px;vertical-align:middle;width:12px}.rotion-list-url-domain,.rotion-list-url-path{display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-list-url-path{color:var(--rotion-tertiary-text)}.rotion-list-formula{align-items:center;display:flex;font-family:var(--rotion-font-family);font-size:.85rem;margin:0 7px;min-width:20px;white-space:nowrap}.rotion-table{margin:0;overflow-x:scroll;padding:0 0 10px;width:100%}.rotion-table-inner{border-right:none;float:left;min-width:100%;position:relative}.rotion-table-row{background:inherit;border-top:var(--rotion-table-border);color:var(--rotion-secondary-text);display:flex;height:33px}.rotion-table-row:last-child{border-bottom:var(--rotion-table-border)}.rotion-table-cell{display:flex;flex-direction:row;line-height:1.5}.rotion-table-verticallines .rotion-table-cell{border-right:var(--rotion-table-border)}.rotion-table-verticallines .rotion-table-cell:last-child{border-right:none}.rotion-table-cell-inner{display:flex;flex-shrink:0;font-size:14px;overflow:hidden;padding:5px 8px;width:220px}.rotion-table-header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotion-table-header-icon{fill:var(--rotion-table-icon-fill);backface-visibility:hidden;display:block;flex-shrink:0;height:14px;margin-right:7px;margin-top:4px;width:14px}.rotion-table-checkbox{display:flex;margin:3px 0}.rotion-table-checkbox .rotion-prefix,.rotion-table-checkbox .rotion-suffix{padding-top:1px}.rotion-table-checkbox .rotion-prefix{padding-right:6px}.rotion-table-checkbox .rotion-suffix{padding-left:6px}.rotion-table-date{align-items:center;color:var(--rotion-primary-text);display:flex;font-family:var(--rotion-font-family);font-size:.85rem;min-width:20px;white-space:nowrap}.rotion-table-multiselect-ul{align-items:center;display:flex;flex-shrink:0;font-family:var(--rotion-font-family);list-style-type:none;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-table-multiselect-li{align-items:center;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-table-number{text-align:right;width:100%}.rotion-table-number,.rotion-table-richtext{color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);font-size:.85rem;white-space:nowrap}.rotion-table-richtext{margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-table-select{align-items:center;border-radius:3px;color:#183347;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-table-select,.rotion-table-title,.rotion-table-url{font-family:var(--rotion-font-family)}.rotion-table-url{display:flex;margin:0;white-space:nowrap}.rotion-table-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;padding:0 5px 2px;text-decoration:var(--rotion-link-text-decoration)}.rotion-table-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-table-url-domain,.rotion-table-url-path{display:inline;font-size:.8rem;white-space:nowrap}.rotion-table-url-path{color:var(--rotion-tertiary-text)}.rotion-table-formula{color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);font-size:.85rem;text-align:right;white-space:nowrap;width:100%}.rotion-bookmark{color:var(--rotion-secondary-text);font-family:var(--rotion-font-family);line-height:1;margin-top:.4rem;padding:.5rem 0}.rotion-bookmark-area{background-color:var(--rotion-link-bg-color);border:var(--rotion-border);border-radius:var(--rotion-border-radius);cursor:pointer;display:flex;font-size:.75rem;overflow:hidden;padding:0;position:relative}.rotion-bookmark-area:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-bookmark-text{align-self:start;flex:4 1 180px;line-height:1.7;overflow:hidden;padding:.7rem 1rem 0}.rotion-bookmark-image{display:block;flex:1 1 180px;height:108px;line-height:1;margin:0;overflow:hidden;padding:0}.rotion-bookmark-img{background:#191919;border-radius:1px;display:block;height:100%;object-fit:cover;width:100%}.rotion-bookmark-title{color:var(--rotion-primary-text);display:block;font-size:.9rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.rotion-bookmark-desc{font-size:12px;height:32px;line-height:16px;overflow:hidden}.rotion-bookmark-url{color:var(--rotion-primary-text);font-size:12px;margin-top:8px;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.rotion-bookmark-favicon{display:inline;margin-bottom:1px;margin-right:10px;vertical-align:bottom}.rotion-bookmark-caption{color:var(--rotion-tertiary-text);font-size:.8rem;margin:.3rem .3rem 0;text-align:left}@media (max-width:580px){.rotion-bookmark-area{display:block}.rotion-bookmark-image{display:none}.rotion-bookmark-url{padding:1rem 0 .85rem;position:static}}.rotion-breadcrumb{font-family:var(--rotion-font-family)}.rotion-breadcrumb-icon{padding-bottom:.2rem;padding-right:.29rem;vertical-align:middle}.rotion-breadcrumb-emoji{display:inline-block;margin-top:-4px;padding-bottom:.2rem;padding-right:.4rem;vertical-align:middle}.rotion-breadcrumb-slash{color:var(--rotion-secondary-text);font-size:.9rem;opacity:.5;padding:0 .3rem}.rotion-breadcrumb-text{color:var(--rotion-primary-text)}.rotion-bulleted-list{margin:0;padding:.2rem 0 .2rem .3rem}.rotion-bulleted-list,.rotion-callout{font-family:var(--rotion-font-family);line-height:var(--rotion-line-height)}.rotion-callout{border-radius:var(--rotion-border-radius);box-sizing:border-box;display:flex;margin:4px 0;padding:1.2rem 1.2rem 1.2rem 1rem;width:100%}.rotion-callout-icon{box-sizing:border-box;display:block;overflow:hidden}.rotion-callout-icon,.rotion-callout-img{height:24px;width:24px}.rotion-callout-text{display:block;margin-left:8px;white-space:pre-wrap;width:100%;word-break:break-word}.rotion-callout-default,.rotion-callout-default-background{border:var(--rotion-annot-border);color:inherit}.rotion-callout-gray{border:var(--rotion-annot-border);color:var(--rotion-annot-gray)}.rotion-callout-gray-bg{background-color:var(--rotion-annot-bg-default);color:var(--rotion-annot-default)}.rotion-callout-brown{border:var(--rotion-annot-border);color:var(--rotion-annot-brown)}.rotion-callout-brown-bg{background-color:var(--rotion-annot-bg-brown);color:var(--rotion-annot-default)}.rotion-callout-orange{border:var(--rotion-annot-border);color:var(--rotion-annot-orange)}.rotion-callout-orange-bg{background-color:var(--rotion-annot-bg-orange);color:var(--rotion-annot-default)}.rotion-callout-yellow{border:var(--rotion-annot-border);color:var(--rotion-annot-yellow)}.rotion-callout-yellow-bg{background-color:var(--rotion-annot-bg-yellow);color:var(--rotion-annot-default)}.rotion-callout-green{border:var(--rotion-annot-border);color:var(--rotion-annot-green)}.rotion-callout-green-bg{background-color:var(--rotion-annot-bg-green);color:var(--rotion-annot-default)}.rotion-callout-blue{border:var(--rotion-annot-border);color:var(--rotion-annot-blue)}.rotion-callout-blue-bg{background-color:var(--rotion-annot-bg-blue);color:var(--rotion-annot-default)}.rotion-callout-purple{border:var(--rotion-annot-border);color:var(--rotion-annot-purple)}.rotion-callout-purple-bg{background-color:var(--rotion-annot-bg-purple);color:var(--rotion-annot-default)}.rotion-callout-pink{border:var(--rotion-annot-border);color:var(--rotion-annot-pink)}.rotion-callout-pink-bg{background-color:var(--rotion-annot-bg-pink);color:var(--rotion-annot-default)}.rotion-callout-red{border:var(--rotion-annot-border);color:var(--rotion-annot-red)}.rotion-callout-red-bg{background-color:var(--rotion-annot-bg-red);color:var(--rotion-annot-default)}.rotion-childdb{font-family:var(--rotion-font-family);width:100%}.rotion-childdb-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.4rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.1rem 0;text-decoration:var(--rotion-link-text-decoration)}.rotion-childdb-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-childdb-title{border-bottom:var(--rotion-link-border-bottom);line-height:var(--rotion-line-height);vertical-align:top}.rotion-childdb-emoji{font-size:.95rem;margin-left:3px;margin-top:-2px;overflow:hidden}.rotion-childdb-icon{overflow:hidden}.rotion-childpage{font-family:var(--rotion-font-family);width:100%}.rotion-childpage-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.4rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.1rem 0;text-decoration:var(--rotion-link-text-decoration)}.rotion-childpage-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-childpage-title{border-bottom:var(--rotion-link-border-bottom);line-height:var(--rotion-line-height);vertical-align:top}.rotion-childpage-emoji{font-size:.95rem;margin-left:3px;margin-top:-2px;overflow:hidden}.rotion-childpage-icon{overflow:hidden}.rotion-code{font-family:var(--rotion-font-family);width:100%}.rotion-code-caption{color:var(--rotion-secondary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-columnlist{display:grid;font-family:var(--rotion-font-family);gap:5%;margin:1rem 0;width:100%}.rotion-columnlist-column{margin:0 0 1rem}@media (max-width:580px){.rotion-columnlist{display:block}}.rotion-embed{font-family:var(--rotion-font-family);text-align:center;width:100%}.rotion-embed-html{position:relative;text-align:center;width:100%}.rotion-embed-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-embed-instagram{margin:0 auto;max-width:540px}.rotion-embed-instagram iframe{max-height:590px;overflow:hidden}.rotion-embed-twitter{margin:0 auto;max-width:550px}.rotion-embed-applemusic{margin:0 auto;max-width:660px}.rotion-embed-speakerdeck{height:0;margin:0 auto .8rem;padding-bottom:56.25%;width:100%}.rotion-embed-speakerdeck iframe{height:56.25%;width:100%}.rotion-embed-googlemap{height:90vh;margin:0 auto .8rem;width:100%}.rotion-embed-googlemap iframe{height:90vh}.rotion-equation{color:var(--rotion-primary-text);font-family:var(--rotion-font-family);text-align:center;width:100%}.rotion-equation-html{font-size:1.7rem;margin:.5rem auto}.rotion-file{font-family:var(--rotion-font-family)}.rotion-file-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.1rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.6rem .3rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-file-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-file-size{color:var(--rotion-tertiary-text);font-size:.8rem;padding-left:.5rem}.rotion-file-caption{color:var(--rotion-tertiary-text);font-size:.9rem;padding-left:.4rem;padding-top:.2rem}.rotion-icon-file,.rotion-icon-github{fill:var(--rotion-primary-text)}.rotion-image{font-family:var(--rotion-font-family);margin:0;padding:0 0 .5rem;text-align:center}.rotion-image-area{display:flex}.rotion-image-img{margin-left:auto;margin-right:auto;width:100%}.rotion-image-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-linkpreview{font-family:var(--rotion-font-family);margin:1rem 0}.rotion-linkpreview-link{background-color:var(--rotion-link-bg-color);border:var(--rotion-border);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:block;overflow:hidden;padding:.7rem 1rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-linkpreview-link:hover{background-color:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-linkpreview-area{display:grid;gap:10px;grid-template-columns:32px 1fr}.rotion-linkpreview-icon{height:100%}.rotion-linkpreview-slack .rotion-linkpreview-icon{margin-bottom:-3px;padding-top:3px}.rotion-linkpreview-figma .rotion-linkpreview-icon{padding-left:6px}.rotion-linkpreview-title{display:block;font-size:.85rem}.rotion-linkpreview-desc{color:var(--rotion-tertiary-text);display:block;font-size:.8rem;padding-top:3px}.rotion-numbered-list{line-height:var(--rotion-line-height);margin:0;padding:.2rem 0 .2rem .3rem}.rotion-numbered-list,.rotion-pdf{font-family:var(--rotion-font-family)}.rotion-pdf-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.1rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.6rem .3rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-pdf-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-pdf-size{color:var(--rotion-tertiary-text);font-size:.8rem;padding-left:.5rem}.rotion-pdf-caption{color:var(--rotion-tertiary-text);font-size:.9rem;padding-left:.4rem;padding-top:.2rem}.rotion-syncedblock{padding:.5rem 0}.rotion-syncedblock,.rotion-table{color:var(--rotion-primary-text);font-family:var(--rotion-font-family)}.rotion-table{padding-top:.6rem}.rotion-table-area{border-collapse:collapse;border-spacing:0;font-size:.9rem;width:100%}.rotion-table-td{border:var(--rotion-border);margin:0;padding:.3rem}.rotion-table-td-inner{padding:.2rem .4rem}.rotion-table-td-header{background-color:var(--rotion-table-header-bg-color);border:var(--rotion-border);font-weight:500;margin:0;padding:.3rem;text-align:left}.rotion-table-td-header-inner{padding:.2rem .4rem}.rotion-table-tr{margin:0}.rotion-text{color:var(--rotion-primary-text);font-family:var(--rotion-font-family)}.rotion-text-hr{border-top:var(--rotion-border);height:1px;margin:1rem 0;width:100%}.rotion-text-h1{line-height:1.3;margin:0;padding:3rem 0 3px}.rotion-text-h2{line-height:1.3;margin:0;padding:2rem 0 3px}.rotion-text-h3{line-height:1.3;margin:0;padding:1.6rem 0 3px}.rotion-text-p{margin:0;padding:.6rem 0}.rotion-text-p,.rotion-text-quote{line-height:var(--rotion-line-height)}.rotion-text-quote{border-left:3px solid var(--rotion-quote-border-color);margin-left:0;margin-right:0;padding-left:1rem}.rotion-todo{align-items:flex-start;display:flex;font-family:var(--rotion-font-family);line-height:1.7;padding:4px 0 1px 2px;width:100%}.rotion-todo-checkbox{align-items:center;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-right:4px;min-height:calc(1.5em + 6px);user-select:none;width:22px}.rotion-todo-text{color:var(--rotion-primary-text);display:flex;flex:1 1 0;flex-direction:column;min-width:1px}.rotion-todo-text-inner{flex-grow:1;max-width:100%;padding:1px 2px;text-align:left;white-space:pre-wrap;word-break:break-word}.rotion-todo-text-inner-checked{color:var(--rotion-secondary-text);text-decoration-color:var(--rotion-tertiary-text);text-decoration-line:line-through}.rotion-toggle{align-items:flex-start;color:var(--rotion-primary-text);display:flex;font-family:var(--rotion-font-family);line-height:1.8;margin-top:.6rem;width:100%}.rotion-toggle-triangle{align-items:center;background-color:inherit;border-radius:var(--rotion-border-radius);cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:4px;margin-top:0;padding:2px;position:relative;transition:background 20ms ease-in 0s;width:24px}.rotion-toggle-triangle:hover{background-color:var(--rotion-toggle-hover-bg-color)}.rotion-toggle-text{width:100%}.rotion-toggle-icon{fill:var(--rotion-primary-text);backface-visibility:hidden;display:block;flex-shrink:0;height:.6875em;opacity:1;transition:"transform 200ms ease-out 0s";width:.6875em}.rotion-video{font-family:var(--rotion-font-family);width:100%}.rotion-video-inner{margin:auto}.rotion-video-html{height:0,;margin:auto;padding-bottom:56.25%;position:relative;width:100%}.rotion-video-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-video-youtube{margin:auto}.rotion-prefix,.rotion-suffix{color:var(--rotion-tertiary-text);display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-prefix{padding-right:3px}.rotion-suffix{padding-left:3px}.rotion-checkbox-checked{align-items:stretch;background:#2383e2;display:flex;flex-grow:0;flex-shrink:0;height:16px;justify-content:stretch;transition:background .2s ease-out 0s;width:16px}.rotion-checkbox-checked-inner{align-items:center;display:flex;justify-content:center;position:relative;transition:background 20ms ease-in 0s;user-select:none;width:100%}.rotion-checkbox-checked-checkbox{fill:#fff;backface-visibility:hidden;display:block;flex-shrink:0;height:12px;width:12px}.rotion-checkbox-unchecked{align-items:center;display:flex;height:16px;justify-content:center;position:relative;transition:background 20ms ease-in 0s;user-select:none;width:16px}.rotion-checkbox-unchecked-checkbox{fill:var(--rotion-primary-text);backface-visibility:hidden;display:block;flex-shrink:0;height:100%;width:100%}
+:root{--rotion-font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--rotion-border-radius:4px;--rotion-line-height:1.5;--rotion-primary-text:#232d37;--rotion-dark-primary-text:#e6e6e6;--rotion-secondary-text:#828c96;--rotion-dark-secondary-text:#828282;--rotion-tertiary-text:#a0aab4;--rotion-dark-tertiary-text:#646464;--rotion-border-color:hsla(0,0%,86%,.8);--rotion-dark-border-color:rgba(80,80,80,.8);--rotion-border:1px solid var(--rotion-border-color);--rotion-dark-border:1px solid var(--rotion-dark-border-color);--rotion-code-bg-color:hsla(44,6%,50%,.15);--rotion-dark-code-bg-color:hsla(44,6%,50%,.3);--rotion-table-header-bg-color:hsla(0,0%,59%,.1);--rotion-dark-table-header-bg-color:hsla(0,0%,100%,.15);--rotion-toggle-hover-bg-color:#f5f2f0;--rotion-dark-toggle-hover-bg-color:#2d2d2d;--rotion-quote-border-color:#2d2d2d;--rotion-dark-quote-border-color:#f5f2f0;--rotion-link-text-decoration:none;--rotion-link-cursor:pointer;--rotion-link-color:#32302c;--rotion-dark-link-color:#e1dfdb;--rotion-link-hover-color:rgba(50,48,44,.6);--rotion-dark-link-hover-color:hsla(40,9%,87%,.6);--rotion-link-border-bottom:1px solid rgba(50,48,44,.4);--rotion-dark-link-border-bottom:1px solid hsla(40,6%,79%,.4);--rotion-link-hover-border-bottom:1px solid rgba(50,48,44,.2);--rotion-dark-link-hover-border-bottom:1px solid hsla(40,6%,79%,.2);--rotion-link-bg-color:inherit;--rotion-dark-link-bg-color:inherit;--rotion-link-hover-bg-color:hsla(0,0%,59%,.1);--rotion-dark-link-hover-bg-color:hsla(0,0%,100%,.15);--rotion-annot-default:#32302c;--rotion-dark-annot-default:#ebe9e4;--rotion-annot-bg-default:hsla(40,5%,88%,.5);--rotion-dark-annot-bg-default:#373737;--rotion-annot-gray:#787774;--rotion-dark-annot-gray:#9b9b9b;--rotion-annot-bg-gray:#f1f1ef;--rotion-dark-annot-bg-gray:#2f2f2f;--rotion-annot-brown:#9f6b53;--rotion-dark-annot-brown:#ba856f;--rotion-annot-bg-brown:#eee0da;--rotion-dark-annot-bg-brown:#4a3228;--rotion-annot-orange:#d9730d;--rotion-dark-annot-orange:#c77d48;--rotion-annot-bg-orange:#fadec9;--rotion-dark-annot-bg-orange:#5c3b23;--rotion-annot-yellow:#cb912f;--rotion-dark-annot-yellow:#ca9849;--rotion-annot-bg-yellow:#fdecc8;--rotion-dark-annot-bg-yellow:#564328;--rotion-annot-green:#448361;--rotion-dark-annot-green:#529e72;--rotion-annot-bg-green:#edf3ec;--rotion-dark-annot-bg-green:#243d30;--rotion-annot-blue:#337ea9;--rotion-dark-annot-blue:#5e87c9;--rotion-annot-bg-blue:#d3e5ef;--rotion-dark-annot-bg-blue:#143a4e;--rotion-annot-purple:#9065b0;--rotion-dark-annot-purple:#9d68d3;--rotion-annot-bg-purple:#e8deee;--rotion-dark-annot-bg-purple:#3c2d49;--rotion-annot-pink:#c14c8a;--rotion-dark-annot-pink:#d15796;--rotion-annot-bg-pink:#f5e0e9;--rotion-dark-annot-bg-pink:#4e2c3c;--rotion-annot-red:#d44c47;--rotion-dark-annot-red:#df5452;--rotion-annot-bg-red:#ffe2dd;--rotion-dark-annot-bg-red:#522e2a;--rotion-annot-border:1px solid rgba(50,48,44,.3);--rotion-dark-annot-border:1px solid hsla(40,6%,79%,.3);--rotion-gallery-box-shadow:hsla(0,0%,6%,.1) 0px 0px 0px 1px,hsla(0,0%,6%,.1) 0px 2px 4px;--rotion-dark-gallery-box-shadow:hsla(0,0%,6%,.2) 0px 0px 0px 1px,hsla(0,0%,6%,.2) 0px 2px 4px;--rotion-gallery-bg:rgba(55,53,47,.005);--rotion-dark-gallery-bg:hsla(0,0%,100%,.1);--rotion-gallery-hover-bg:rgba(55,53,47,.03);--rotion-dark-gallery-hover-bg:#2f2f2f;--rotion-gallery-image-border-bottom:1px solid rgba(55,53,47,.1);--rotion-dark-gallery-image-border-bottom:1px solid hsla(0,0%,100%,.1);--rotion-gallery-grid-template-columns-small:repeat(auto-fill,minmax(180px,1fr));--rotion-gallery-grid-template-columns-medium:repeat(auto-fill,minmax(260px,1fr));--rotion-gallery-grid-template-columns-large:repeat(auto-fill,minmax(320px,1fr));--rotion-tag-default:#32302c;--rotion-dark-tag-default:hsla(0,0%,100%,.804);--rotion-tag-bg-default:hsla(40,5%,88%,.5);--rotion-dark-tag-bg-default:#373737;--rotion-tag-gray:#32302c;--rotion-dark-tag-gray:hsla(0,0%,100%,.804);--rotion-tag-bg-gray:#e3e2e0;--rotion-dark-tag-bg-gray:#5a5a5a;--rotion-tag-brown:#442a1e;--rotion-dark-tag-brown:hsla(0,0%,100%,.804);--rotion-tag-bg-brown:#eee0da;--rotion-dark-tag-bg-brown:#603b2c;--rotion-tag-orange:#49290e;--rotion-dark-tag-orange:hsla(0,0%,100%,.804);--rotion-tag-bg-orange:#fadec9;--rotion-dark-tag-bg-orange:#854c1d;--rotion-tag-yellow:#402c1b;--rotion-dark-tag-yellow:hsla(0,0%,100%,.804);--rotion-tag-bg-yellow:#fdecc8;--rotion-dark-tag-bg-yellow:#89632a;--rotion-tag-green:#1c3829;--rotion-dark-tag-green:hsla(0,0%,100%,.804);--rotion-tag-bg-green:#dbeddb;--rotion-dark-tag-bg-green:#2b593f;--rotion-tag-blue:#183347;--rotion-dark-tag-blue:hsla(0,0%,100%,.804);--rotion-tag-bg-blue:#d3e5ef;--rotion-dark-tag-bg-blue:#28456c;--rotion-tag-purple:#412454;--rotion-dark-tag-purple:hsla(0,0%,100%,.804);--rotion-tag-bg-purple:#e8deee;--rotion-dark-tag-bg-purple:#492f64;--rotion-tag-pink:#4c2337;--rotion-dark-tag-pink:hsla(0,0%,100%,.804);--rotion-tag-bg-pink:#f5e0e9;--rotion-dark-tag-bg-pink:#69314c;--rotion-tag-red:#5d1715;--rotion-dark-tag-red:hsla(0,0%,100%,.804);--rotion-tag-bg-red:#ffe2dd;--rotion-dark-tag-bg-red:#6e3630;--rotion-table-border:1px solid rgba(55,53,47,.09);--rotion-dark-table-border:1px solid #2f2f2f;--rotion-table-icon-fill:rgba(55,53,47,.45);--rotion-dark-table-icon-fill:rgba(255,253,247,.45);--rotion-table-box-shadow:#fff -3px 0px 0px,#e9e9e7 0px 1px 0px;--rotion-dark-table-box-shadow:#191919 -3px 0px 0px,#2f2f2f 0px 1px 0px;--rotion-table-link-hover-bg:#e3e2e0 none repeat scroll 0% 0%;--rotion-dark-table-link-hover-bg:#1c1d1f none repeat scroll 0% 0%}.rotion-gallery{font-family:var(--rotion-font-family)}.rotion-gallery-inner{display:grid;gap:16px;padding-bottom:1rem;position:relative}.rotion-gallery-small{grid-template-columns:var(--rotion-gallery-grid-template-columns-small)}.rotion-gallery-medium{grid-template-columns:var(--rotion-gallery-grid-template-columns-medium)}.rotion-gallery-large{grid-template-columns:var(--rotion-gallery-grid-template-columns-large)}.rotion-gallery-card{background:var(--rotion-gallery-bg);border-radius:var(--rotion-border-radius);box-shadow:var(--rotion-gallery-box-shadow);color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);height:100%;overflow:hidden;position:static;text-decoration:none;transition:background .1s ease-out 0s}.rotion-gallery-link{cursor:pointer}.rotion-gallery-link:hover{background:var(--rotion-gallery-hover-bg)}.rotion-gallery-card-inner{display:grid;gap:16px;padding-bottom:1rem;position:relative}.rotion-gallery-card-small{grid-template-columns:var(--rotion-gallery-grid-template-columns-small)}.rotion-gallery-card-medium{grid-template-columns:var(--rotion-gallery-grid-template-columns-medium)}.rotion-gallery-card-large{grid-template-columns:var(--rotion-gallery-grid-template-columns-large)}.rotion-gallery-card-text{padding-bottom:1rem}.rotion-gallery-checkbox{display:flex;padding:5px 10px 0}.rotion-gallery-checkbox .rotion-prefix,.rotion-gallery-checkbox .rotion-suffix{padding-top:1px}.rotion-gallery-checkbox .rotion-prefix{padding-right:6px}.rotion-gallery-checkbox .rotion-suffix{padding-left:6px}.rotion-gallery-date{font-size:.8rem;padding:5px 10px 0}.rotion-gallery-date,.rotion-gallery-multiselect{align-items:center;display:flex;font-family:var(--rotion-font-family);white-space:nowrap;width:100%}.rotion-gallery-multiselect{font-size:12px;padding:8px 10px}.rotion-gallery-multiselect-ul{align-items:center;display:flex;flex-shrink:0;list-style-type:none;margin:8px 0 0 7px;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-gallery-multiselect-li{align-items:center;background:#d3e5ef none repeat scroll 0 0;border-radius:3px;color:#183347;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-gallery-multiselect-link{color:inherit;cursor:var(--rotion-link-cursor);padding:2px 10px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-multiselect-default{background-color:var(--rotion-tag-bg-default);color:var(--rotion-tag-default)}.rotion-gallery-multiselect-gray{background-color:var(--rotion-tag-bg-gray);color:var(--rotion-tag-gray)}.rotion-gallery-multiselect-brown{background-color:var(--rotion-tag-bg-brown);color:var(--rotion-tag-brown)}.rotion-gallery-multiselect-orange{background-color:var(--rotion-tag-bg-orange);color:var(--rotion-tag-orange)}.rotion-gallery-multiselect-yellow{background-color:var(--rotion-tag-bg-yellow);color:var(--rotion-tag-yellow)}.rotion-gallery-multiselect-green{background-color:var(--rotion-tag-bg-green);color:var(--rotion-tag-green)}.rotion-gallery-multiselect-blue{background-color:var(--rotion-tag-bg-blue);color:var(--rotion-tag-blue)}.rotion-gallery-multiselect-purple{background-color:var(--rotion-tag-bg-purple);color:var(--rotion-tag-purple)}.rotion-gallery-multiselect-pink{background-color:var(--rotion-tag-bg-pink);color:var(--rotion-tag-pink)}.rotion-gallery-multiselect-red{background-color:var(--rotion-tag-bg-red);color:var(--rotion-tag-red)}.rotion-gallery-select{align-items:center;display:flex;font-family:var(--rotion-font-family);font-size:12px;padding:8px 7px;white-space:nowrap;width:100%}.rotion-gallery-select-wrapper{align-items:center;border-radius:3px;display:flex;flex-shrink:0;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-gallery-select-link{color:inherit;cursor:var(--rotion-link-cursor);padding:2px 10px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-select-default{background-color:var(--rotion-tag-bg-default);color:var(--rotion-tag-default)}.rotion-gallery-select-gray{background-color:var(--rotion-tag-bg-gray);color:var(--rotion-tag-gray)}.rotion-gallery-select-brown{background-color:var(--rotion-tag-bg-brown);color:var(--rotion-tag-brown)}.rotion-gallery-select-orange{background-color:var(--rotion-tag-bg-orange);color:var(--rotion-tag-orange)}.rotion-gallery-select-yellow{background-color:var(--rotion-tag-bg-yellow);color:var(--rotion-tag-yellow)}.rotion-gallery-select-green{background-color:var(--rotion-tag-bg-green);color:var(--rotion-tag-green)}.rotion-gallery-select-blue{background-color:var(--rotion-tag-bg-blue);color:var(--rotion-tag-blue)}.rotion-gallery-select-purple{background-color:var(--rotion-tag-bg-purple);color:var(--rotion-tag-purple)}.rotion-gallery-select-pink{background-color:var(--rotion-tag-bg-pink);color:var(--rotion-tag-pink)}.rotion-gallery-select-red{background-color:var(--rotion-tag-bg-red);color:var(--rotion-tag-red)}.rotion-gallery-number{align-items:center;display:flex;font-size:.8rem;width:100%}.rotion-gallery-number,.rotion-gallery-richtext{font-family:var(--rotion-font-family);padding:5px 10px 0;white-space:nowrap}.rotion-gallery-richtext{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.rotion-gallery-richtext-small{width:180px}.rotion-gallery-richtext-medium{width:260px}.rotion-gallery-richtext-large{width:320px}.rotion-gallery-title{font-family:var(--rotion-font-family);font-size:.9rem;padding:10px 10px 0;width:100%}.rotion-gallery-url{display:flex;font-family:var(--rotion-font-family);margin:4px 7px 0;white-space:nowrap}.rotion-gallery-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;margin-bottom:0;padding:0 2px 3px;text-decoration:var(--rotion-link-text-decoration)}.rotion-gallery-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-gallery-url-chain{display:inline;height:12px;margin-right:4px;margin-top:2px;vertical-align:middle;width:12px}.rotion-gallery-url-domain,.rotion-gallery-url-path{display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-gallery-url-path{color:var(--rotion-tertiary-text)}.rotion-gallery-formula{align-items:center;display:flex;font-size:.8rem;padding:5px 10px 0;white-space:nowrap;width:100%}.rotion-gallery-formula,.rotion-list{font-family:var(--rotion-font-family)}.rotion-list{color:var(--rotion-primary-text);margin:0;overflow-x:scroll;padding:0}.rotion-list-inner{margin:0;max-width:100%;min-width:1200px;padding:0 0 .8rem}.rotion-list-line{align-items:center;background-color:var(--rotion-link-bg-color);display:flex;justify-content:flex-start;margin:4px 0;overflow:hidden;padding:4px 0;transition:background 20ms ease-in 0s;user-select:none;width:100%}.rotion-list-line:hover{background-color:var(--rotion-link-hover-bg-color);border-radius:var(--rotion-border-radius)}.rotion-list-dashed,.rotion-list-spacer{display:block;flex-shrink:10;margin-left:14px;width:100%}.rotion-list-dashed{border-top:1px dashed var(--rotion-tertiary-text)}.rotion-list-checkbox{background-color:var(--rotion-link-bg-color);display:flex;margin:0 .3rem;padding:0 .3rem}.rotion-list-checkbox .rotion-prefix,.rotion-list-checkbox .rotion-suffix{padding-top:1px}.rotion-list-checkbox .rotion-prefix{padding-right:6px}.rotion-list-checkbox .rotion-suffix{padding-left:6px}.rotion-list-date{color:var(--rotion-tertiary-text);font-size:.85rem;min-width:20px;white-space:nowrap}.rotion-list-date,.rotion-list-multiselect-ul{display:flex;font-family:var(--rotion-font-family);margin:0 7px;overflow:hidden;text-overflow:ellipsis}.rotion-list-multiselect-ul{align-items:center;flex-shrink:0;list-style-type:none;max-width:400px;padding:0}.rotion-list-multiselect-li{margin:0 6px 0 0;min-width:0}.rotion-list-multiselect-li,.rotion-list-select{align-items:center;display:flex;flex-shrink:0;font-size:.75rem;padding:0}.rotion-list-select{border-radius:3px;font-family:var(--rotion-font-family);margin:0 7px;max-width:400px;overflow:hidden;text-overflow:ellipsis}.rotion-list-number{align-items:center;display:flex;margin:0 7px;min-width:20px}.rotion-list-number,.rotion-list-richtext{font-family:var(--rotion-font-family);font-size:.85rem;white-space:nowrap}.rotion-list-richtext{color:var(--rotion-tertiary-text);margin:0 .5rem;max-width:25rem;padding:0 .5rem}.rotion-list-richtext,.rotion-list-title{display:block;overflow:hidden;text-overflow:ellipsis}.rotion-list-title{line-height:1.4;max-width:500px}.rotion-list-title,.rotion-list-url{font-family:var(--rotion-font-family);margin:0 7px;white-space:nowrap}.rotion-list-url{display:flex}.rotion-list-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;padding:0 5px 4px;text-decoration:var(--rotion-link-text-decoration)}.rotion-list-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-list-url-chain{display:inline;height:12px;margin-right:4px;vertical-align:middle;width:12px}.rotion-list-url-domain,.rotion-list-url-path{display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-list-url-path{color:var(--rotion-tertiary-text)}.rotion-list-formula{align-items:center;display:flex;font-family:var(--rotion-font-family);font-size:.85rem;margin:0 7px;min-width:20px;white-space:nowrap}.rotion-table{margin:0;overflow-x:scroll;padding:0 0 10px;width:100%}.rotion-table-inner{border-right:none;float:left;min-width:100%;position:relative}.rotion-table-row{background:inherit;border-top:var(--rotion-table-border);color:var(--rotion-secondary-text);display:flex;height:33px}.rotion-table-row:last-child{border-bottom:var(--rotion-table-border)}.rotion-table-cell{display:flex;flex-direction:row;line-height:1.5}.rotion-table-verticallines .rotion-table-cell{border-right:var(--rotion-table-border)}.rotion-table-verticallines .rotion-table-cell:last-child{border-right:none}.rotion-table-cell-inner{display:flex;flex-shrink:0;font-size:14px;overflow:hidden;padding:5px 8px;width:220px}.rotion-table-header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotion-table-header-icon{fill:var(--rotion-table-icon-fill);backface-visibility:hidden;display:block;flex-shrink:0;height:14px;margin-right:7px;margin-top:4px;width:14px}.rotion-table-checkbox{display:flex;margin:3px 0}.rotion-table-checkbox .rotion-prefix,.rotion-table-checkbox .rotion-suffix{padding-top:1px}.rotion-table-checkbox .rotion-prefix{padding-right:6px}.rotion-table-checkbox .rotion-suffix{padding-left:6px}.rotion-table-date{align-items:center;color:var(--rotion-primary-text);display:flex;font-family:var(--rotion-font-family);font-size:.85rem;min-width:20px;white-space:nowrap}.rotion-table-multiselect-ul{align-items:center;display:flex;flex-shrink:0;font-family:var(--rotion-font-family);list-style-type:none;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-table-multiselect-li{align-items:center;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-table-number{text-align:right;width:100%}.rotion-table-number,.rotion-table-richtext{color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);font-size:.85rem;white-space:nowrap}.rotion-table-richtext{margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.rotion-table-select{align-items:center;border-radius:3px;color:#183347;display:flex;flex-shrink:0;font-size:.75rem;margin:0 6px 0 0;min-width:0;padding:0}.rotion-table-select,.rotion-table-title,.rotion-table-url{font-family:var(--rotion-font-family)}.rotion-table-url{display:flex;margin:0;white-space:nowrap}.rotion-table-url-link{background:inherit;border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);cursor:var(--rotion-link-cursor);display:block;padding:0 5px 2px;text-decoration:var(--rotion-link-text-decoration)}.rotion-table-url-link:hover{background:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-table-url-domain,.rotion-table-url-path{display:inline;font-size:.8rem;white-space:nowrap}.rotion-table-url-path{color:var(--rotion-tertiary-text)}.rotion-table-formula{color:var(--rotion-primary-text);display:block;font-family:var(--rotion-font-family);font-size:.85rem;text-align:right;white-space:nowrap;width:100%}.rotion-bookmark{color:var(--rotion-secondary-text);font-family:var(--rotion-font-family);line-height:1;margin-top:.4rem;padding:.5rem 0}.rotion-bookmark-area{background-color:var(--rotion-link-bg-color);border:var(--rotion-border);border-radius:var(--rotion-border-radius);cursor:pointer;display:flex;font-size:.75rem;overflow:hidden;padding:0;position:relative}.rotion-bookmark-area:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-bookmark-text{align-self:start;flex:4 1 180px;line-height:1.7;overflow:hidden;padding:.7rem 1rem 0}.rotion-bookmark-image{display:block;flex:1 1 180px;height:108px;line-height:1;margin:0;overflow:hidden;padding:0}.rotion-bookmark-img{background:#191919;border-radius:1px;display:block;height:100%;object-fit:cover;width:100%}.rotion-bookmark-title{color:var(--rotion-primary-text);display:block;font-size:.9rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.rotion-bookmark-desc{font-size:12px;height:32px;line-height:16px;overflow:hidden}.rotion-bookmark-url{color:var(--rotion-primary-text);font-size:12px;margin-top:8px;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.rotion-bookmark-favicon{display:inline;margin-bottom:1px;margin-right:10px;vertical-align:bottom}.rotion-bookmark-caption{color:var(--rotion-tertiary-text);font-size:.8rem;margin:.3rem .3rem 0;text-align:left}@media (max-width:580px){.rotion-bookmark-area{display:block}.rotion-bookmark-image{display:none}.rotion-bookmark-url{padding:1rem 0 .85rem;position:static}}.rotion-breadcrumb{font-family:var(--rotion-font-family)}.rotion-breadcrumb-icon{padding-bottom:.2rem;padding-right:.29rem;vertical-align:middle}.rotion-breadcrumb-emoji{display:inline-block;margin-top:-4px;padding-bottom:.2rem;padding-right:.4rem;vertical-align:middle}.rotion-breadcrumb-slash{color:var(--rotion-secondary-text);font-size:.9rem;opacity:.5;padding:0 .3rem}.rotion-breadcrumb-text{color:var(--rotion-primary-text)}.rotion-bulleted-list{margin:0;padding:.2rem 0 .2rem .3rem}.rotion-bulleted-list,.rotion-callout{font-family:var(--rotion-font-family);line-height:var(--rotion-line-height)}.rotion-callout{border-radius:var(--rotion-border-radius);box-sizing:border-box;display:flex;margin:4px 0;padding:1.2rem 1.2rem 1.2rem 1rem;width:100%}.rotion-callout-icon{box-sizing:border-box;display:block;overflow:hidden}.rotion-callout-icon,.rotion-callout-img{height:24px;width:24px}.rotion-callout-text{display:block;margin-left:8px;white-space:pre-wrap;width:100%;word-break:break-word}.rotion-callout-default,.rotion-callout-default-background{border:var(--rotion-annot-border);color:inherit}.rotion-callout-gray{border:var(--rotion-annot-border);color:var(--rotion-annot-gray)}.rotion-callout-gray-bg{background-color:var(--rotion-annot-bg-default);color:var(--rotion-annot-default)}.rotion-callout-brown{border:var(--rotion-annot-border);color:var(--rotion-annot-brown)}.rotion-callout-brown-bg{background-color:var(--rotion-annot-bg-brown);color:var(--rotion-annot-default)}.rotion-callout-orange{border:var(--rotion-annot-border);color:var(--rotion-annot-orange)}.rotion-callout-orange-bg{background-color:var(--rotion-annot-bg-orange);color:var(--rotion-annot-default)}.rotion-callout-yellow{border:var(--rotion-annot-border);color:var(--rotion-annot-yellow)}.rotion-callout-yellow-bg{background-color:var(--rotion-annot-bg-yellow);color:var(--rotion-annot-default)}.rotion-callout-green{border:var(--rotion-annot-border);color:var(--rotion-annot-green)}.rotion-callout-green-bg{background-color:var(--rotion-annot-bg-green);color:var(--rotion-annot-default)}.rotion-callout-blue{border:var(--rotion-annot-border);color:var(--rotion-annot-blue)}.rotion-callout-blue-bg{background-color:var(--rotion-annot-bg-blue);color:var(--rotion-annot-default)}.rotion-callout-purple{border:var(--rotion-annot-border);color:var(--rotion-annot-purple)}.rotion-callout-purple-bg{background-color:var(--rotion-annot-bg-purple);color:var(--rotion-annot-default)}.rotion-callout-pink{border:var(--rotion-annot-border);color:var(--rotion-annot-pink)}.rotion-callout-pink-bg{background-color:var(--rotion-annot-bg-pink);color:var(--rotion-annot-default)}.rotion-callout-red{border:var(--rotion-annot-border);color:var(--rotion-annot-red)}.rotion-callout-red-bg{background-color:var(--rotion-annot-bg-red);color:var(--rotion-annot-default)}.rotion-childdb{font-family:var(--rotion-font-family);width:100%}.rotion-childdb-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.4rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.1rem 0;text-decoration:var(--rotion-link-text-decoration)}.rotion-childdb-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-childdb-title{border-bottom:var(--rotion-link-border-bottom);line-height:var(--rotion-line-height);vertical-align:top}.rotion-childdb-emoji{font-size:.95rem;margin-left:3px;margin-top:-2px;overflow:hidden}.rotion-childdb-icon{overflow:hidden}.rotion-childpage{font-family:var(--rotion-font-family);width:100%}.rotion-childpage-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.4rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.1rem 0;text-decoration:var(--rotion-link-text-decoration)}.rotion-childpage-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-childpage-title{border-bottom:var(--rotion-link-border-bottom);line-height:var(--rotion-line-height);vertical-align:top}.rotion-childpage-emoji{font-size:.95rem;margin-left:3px;margin-top:-2px;overflow:hidden}.rotion-childpage-icon{overflow:hidden}.rotion-code{font-family:var(--rotion-font-family);width:100%}.rotion-code-caption{color:var(--rotion-secondary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-columnlist{display:grid;font-family:var(--rotion-font-family);gap:5%;margin:1rem 0;width:100%}.rotion-columnlist-column{margin:0 0 1rem}@media (max-width:580px){.rotion-columnlist{display:block}}.rotion-embed{font-family:var(--rotion-font-family);text-align:center;width:100%}.rotion-embed-html{position:relative;text-align:center;width:100%}.rotion-embed-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-embed-instagram{margin:0 auto;max-width:540px}.rotion-embed-instagram iframe{max-height:590px;overflow:hidden}.rotion-embed-twitter{margin:0 auto;max-width:550px}.rotion-embed-applemusic{margin:0 auto;max-width:660px}.rotion-embed-speakerdeck{height:0;margin:0 auto .8rem;padding-bottom:56.25%;width:100%}.rotion-embed-speakerdeck iframe{height:56.25%;width:100%}.rotion-embed-googlemap{height:90vh;margin:0 auto .8rem;width:100%}.rotion-embed-googlemap iframe{height:90vh}.rotion-equation{color:var(--rotion-primary-text);font-family:var(--rotion-font-family);text-align:center;width:100%}.rotion-equation-html{font-size:1.7rem;margin:.5rem auto}.rotion-file{font-family:var(--rotion-font-family)}.rotion-file-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.1rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.6rem .3rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-file-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-file-size{color:var(--rotion-tertiary-text);font-size:.8rem;padding-left:.5rem}.rotion-file-caption{color:var(--rotion-tertiary-text);font-size:.9rem;padding-left:.4rem;padding-top:.2rem}.rotion-icon-file,.rotion-icon-github{fill:var(--rotion-primary-text)}.rotion-image{font-family:var(--rotion-font-family);margin:0;padding:0 0 .5rem;text-align:center}.rotion-image-area{display:flex}.rotion-image-img{margin-left:auto;margin-right:auto;width:100%}.rotion-image-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-linkpreview{font-family:var(--rotion-font-family);margin:1rem 0}.rotion-linkpreview-link{background-color:var(--rotion-link-bg-color);border:var(--rotion-border);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:block;overflow:hidden;padding:.7rem 1rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-linkpreview-link:hover{background-color:var(--rotion-link-hover-bg-color);color:var(--rotion-link-hover-color)}.rotion-linkpreview-area{display:grid;gap:10px;grid-template-columns:32px 1fr}.rotion-linkpreview-icon{height:100%}.rotion-linkpreview-slack .rotion-linkpreview-icon{margin-bottom:-3px;padding-top:3px}.rotion-linkpreview-figma .rotion-linkpreview-icon{padding-left:6px}.rotion-linkpreview-title{display:block;font-size:.85rem}.rotion-linkpreview-desc{color:var(--rotion-tertiary-text);display:block;font-size:.8rem;padding-top:3px}.rotion-linkpreview-githubicon{margin-left:-3px;position:relative}.rotion-linkpreview-githubicon-user{border-radius:15px}.rotion-linkpreview-dot{margin-left:3px;margin-right:3px}.rotion-linkpreview-github-state{color:var(--rotion-secondary-text);margin-left:.6rem}.rotion-linkpreview-github-state-icon{margin-right:3px;margin-top:-1px;vertical-align:middle}.rotion-linkpreview-github-state .rotion-linkpreview-github-state-icon{margin-right:5px;margin-top:-2px}.rotion-linkpreview-issue-open{fill:rgba(30,130,10,.8)}.rotion-linkpreview-issue-closed{fill:rgba(200,30,80,.8)}.rotion-linkpreview-issue-merged{fill:rgba(130,60,180,.8)}.rotion-linkpreview-state{text-transform:capitalize}.rotion-linkpreview-githubicon-octocat{background-color:#fff;border-radius:15px;bottom:-2px;padding:1px;position:absolute;right:-4px}.rotion-linkpreview-figma iframe{border:var(--rotion-border);border-radius:var(--rotion-border-radius)}.rotion-numbered-list{line-height:var(--rotion-line-height);margin:0;padding:.2rem 0 .2rem .3rem}.rotion-numbered-list,.rotion-pdf{font-family:var(--rotion-font-family)}.rotion-pdf-link{align-items:top;background-color:var(--rotion-link-bg-color);border-radius:var(--rotion-border-radius);color:var(--rotion-link-color);display:grid;gap:.1rem;grid-template:repeat(1,1fr) /1.5rem 1fr;margin:.2rem 0 0;padding:.6rem .3rem;text-decoration:var(--rotion-link-text-decoration)}.rotion-pdf-link:hover{background-color:var(--rotion-link-hover-bg-color)}.rotion-pdf-size{color:var(--rotion-tertiary-text);font-size:.8rem;padding-left:.5rem}.rotion-pdf-caption{color:var(--rotion-tertiary-text);font-size:.9rem;padding-left:.4rem;padding-top:.2rem}.rotion-syncedblock{padding:.5rem 0}.rotion-syncedblock,.rotion-table{color:var(--rotion-primary-text);font-family:var(--rotion-font-family)}.rotion-table{padding-top:.6rem}.rotion-table-area{border-collapse:collapse;border-spacing:0;font-size:.9rem;width:100%}.rotion-table-td{border:var(--rotion-border);margin:0;padding:.3rem}.rotion-table-td-inner{padding:.2rem .4rem}.rotion-table-td-header{background-color:var(--rotion-table-header-bg-color);border:var(--rotion-border);font-weight:500;margin:0;padding:.3rem;text-align:left}.rotion-table-td-header-inner{padding:.2rem .4rem}.rotion-table-tr{margin:0}.rotion-text{color:var(--rotion-primary-text);font-family:var(--rotion-font-family)}.rotion-text-hr{border-top:var(--rotion-border);height:1px;margin:1rem 0;width:100%}.rotion-text-h1{line-height:1.3;margin:0;padding:3rem 0 3px}.rotion-text-h2{line-height:1.3;margin:0;padding:2rem 0 3px}.rotion-text-h3{line-height:1.3;margin:0;padding:1.6rem 0 3px}.rotion-text-p{margin:0;padding:.6rem 0}.rotion-text-p,.rotion-text-quote{line-height:var(--rotion-line-height)}.rotion-text-quote{border-left:3px solid var(--rotion-quote-border-color);margin-left:0;margin-right:0;padding-left:1rem}.rotion-todo{align-items:flex-start;display:flex;font-family:var(--rotion-font-family);line-height:1.7;padding:4px 0 1px 2px;width:100%}.rotion-todo-checkbox{align-items:center;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-right:4px;min-height:calc(1.5em + 6px);user-select:none;width:22px}.rotion-todo-text{color:var(--rotion-primary-text);display:flex;flex:1 1 0;flex-direction:column;min-width:1px}.rotion-todo-text-inner{flex-grow:1;max-width:100%;padding:1px 2px;text-align:left;white-space:pre-wrap;word-break:break-word}.rotion-todo-text-inner-checked{color:var(--rotion-secondary-text);text-decoration-color:var(--rotion-tertiary-text);text-decoration-line:line-through}.rotion-toggle{align-items:flex-start;color:var(--rotion-primary-text);display:flex;font-family:var(--rotion-font-family);line-height:1.8;margin-top:.6rem;width:100%}.rotion-toggle-triangle{align-items:center;background-color:inherit;border-radius:var(--rotion-border-radius);cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:4px;margin-top:0;padding:2px;position:relative;transition:background 20ms ease-in 0s;width:24px}.rotion-toggle-triangle:hover{background-color:var(--rotion-toggle-hover-bg-color)}.rotion-toggle-text{width:100%}.rotion-toggle-icon{fill:var(--rotion-primary-text);backface-visibility:hidden;display:block;flex-shrink:0;height:.6875em;opacity:1;transition:"transform 200ms ease-out 0s";width:.6875em}.rotion-video{font-family:var(--rotion-font-family);width:100%}.rotion-video-inner{margin:auto}.rotion-video-html{height:0,;margin:auto;padding-bottom:56.25%;position:relative;width:100%}.rotion-video-caption{color:var(--rotion-tertiary-text);font-size:.95rem;margin:.3rem .3rem 0;text-align:left}.rotion-video-youtube{margin:auto}.rotion-prefix,.rotion-suffix{color:var(--rotion-tertiary-text);display:inline;font-size:.7rem;line-height:1.2;white-space:nowrap}.rotion-prefix{padding-right:3px}.rotion-suffix{padding-left:3px}.rotion-checkbox-checked{align-items:stretch;background:#2383e2;display:flex;flex-grow:0;flex-shrink:0;height:16px;justify-content:stretch;transition:background .2s ease-out 0s;width:16px}.rotion-checkbox-checked-inner{align-items:center;display:flex;justify-content:center;position:relative;transition:background 20ms ease-in 0s;user-select:none;width:100%}.rotion-checkbox-checked-checkbox{fill:#fff;backface-visibility:hidden;display:block;flex-shrink:0;height:12px;width:12px}.rotion-checkbox-unchecked{align-items:center;display:flex;height:16px;justify-content:center;position:relative;transition:background 20ms ease-in 0s;user-select:none;width:16px}.rotion-checkbox-unchecked-checkbox{fill:var(--rotion-primary-text);backface-visibility:hidden;display:block;flex-shrink:0;height:100%;width:100%}

package/dist/ui/types.d.ts

@@ -1,8 +1,27 @@
 import React, { ReactNode } from 'react';
-import { ListBlockChildrenResponse, BulletedListItemBlockObjectResponse, NumberedListItemBlockObjectResponse, TableBlockObjectResponse, ToggleBlockObjectResponse, ColumnListBlockObjectResponse, ChildPageBlockObjectResponse, ChildDatabaseBlockObjectResponse, BookmarkBlockObjectResponse, RichTextItemResponse, CalloutBlockObjectResponse, ImageBlockObjectResponse, VideoBlockObjectResponse, EmbedBlockObjectResponse, TextRichTextItemResponse, EquationRichTextItemResponse, ParagraphBlockObjectResponse, BreadcrumbBlockObjectResponse, FileBlockObjectResponse, PdfBlockObjectResponse, SyncedBlockBlockObjectResponse, Heading1BlockObjectResponse, Heading2BlockObjectResponse, Heading3BlockObjectResponse, QuoteBlockObjectResponse, ToDoBlockObjectResponse, TemplateBlockObjectResponse, EquationBlockObjectResponse, CodeBlockObjectResponse, DividerBlockObjectResponse, TableOfContentsBlockObjectResponse, ColumnBlockObjectResponse, LinkToPageBlockObjectResponse, TableRowBlockObjectResponse, AudioBlockObjectResponse, LinkPreviewBlockObjectResponse, UnsupportedBlockObjectResponse, PageObjectResponse, GetPagePropertyResponse, DatabaseObjectResponse, QueryDatabaseResponse, MentionRichTextItemResponse, GetSelfResponse, GetPageResponse } from '@notionhq/client/build/src/api-endpoints.js';
+import { ListBlockChildrenResponse, BulletedListItemBlockObjectResponse, NumberedListItemBlockObjectResponse, TableBlockObjectResponse, ToggleBlockObjectResponse, ColumnListBlockObjectResponse, ChildPageBlockObjectResponse, ChildDatabaseBlockObjectResponse, BookmarkBlockObjectResponse, RichTextItemResponse, CalloutBlockObjectResponse, ImageBlockObjectResponse, VideoBlockObjectResponse, EmbedBlockObjectResponse, TextRichTextItemResponse, EquationRichTextItemResponse, ParagraphBlockObjectResponse, BreadcrumbBlockObjectResponse, FileBlockObjectResponse, PdfBlockObjectResponse, SyncedBlockBlockObjectResponse, Heading1BlockObjectResponse, Heading2BlockObjectResponse, Heading3BlockObjectResponse, QuoteBlockObjectResponse, ToDoBlockObjectResponse, TemplateBlockObjectResponse, EquationBlockObjectResponse, CodeBlockObjectResponse, DividerBlockObjectResponse, TableOfContentsBlockObjectResponse, ColumnBlockObjectResponse, LinkToPageBlockObjectResponse, TableRowBlockObjectResponse, AudioBlockObjectResponse, UnsupportedBlockObjectResponse, LinkPreviewBlockObjectResponse, PageObjectResponse, GetPagePropertyResponse, DatabaseObjectResponse, QueryDatabaseResponse, MentionRichTextItemResponse, GetSelfResponse, GetPageResponse } from '@notionhq/client/build/src/api-endpoints.js';
 import { ParsedUrlQueryInput } from 'node:querystring';
 import { UrlObject } from 'node:url';
 
+interface LinkPreviewGithubRepo {
+    name: string;
+    login: string;
+    avatar_url: string;
+    avatar_src: string;
+    updated_at: string;
+}
+interface LinkPreviewGithubIssue {
+    title: string;
+    login: string;
+    avatar_url: string;
+    avatar_src: string;
+    created_at: string;
+    closed_at: string | null;
+    merged_at: string | null;
+    state: 'open' | 'closed' | 'merged';
+    number: number;
+}
+
 type IdRequest = string | string;
 type TextRequest = string;
 type StringRequest = string;
@@ -231,12 +250,27 @@ type PdfBlockObjectResponseEx = PdfBlockObjectResponse & {
 type SyncedBlockBlockObjectResponseEx = SyncedBlockBlockObjectResponse & {
     children?: ListBlockChildrenResponseEx;
 };
-type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponseEx | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponseEx | FileBlockObjectResponseEx | AudioBlockObjectResponse | LinkPreviewBlockObjectResponse | UnsupportedBlockObjectResponse;
+type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponseEx | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponseEx | FileBlockObjectResponseEx | AudioBlockObjectResponse | LinkPreviewBlockObjectResponseEx | UnsupportedBlockObjectResponse;
 type ListBlockChildrenResponseEx = ListBlockChildrenResponse & {
     results: Array<BlockObjectResponse>;
     children?: ListBlockChildrenResponse;
     last_edited_time?: string;
 };
+type LinkPreviewBlockObjectResponseEx = LinkPreviewBlockObjectResponse & {
+    link_preview: {
+        url: string;
+        github?: {
+            type: 'issue';
+            issue: LinkPreviewGithubIssue;
+        } | {
+            type: 'repo';
+            repo: LinkPreviewGithubRepo;
+        };
+        figma?: {
+            html: string;
+        };
+    };
+};
 type GetPageResponseEx = PageObjectResponse & {
     cover: {
         src: string;
@@ -760,7 +794,7 @@ interface ImageBlockProps {
 declare const ImageBlock: ({ block }: ImageBlockProps) => React.JSX.Element;
 
 type LinkPreviewBlockProps = {
-    block: LinkPreviewBlockObjectResponse;
+    block: LinkPreviewBlockObjectResponseEx;
 };
 
 declare const LinkPreviewBlock: ({ block }: LinkPreviewBlockProps) => React.JSX.Element;
@@ -824,7 +858,7 @@ interface VideoBlockProps {
 declare const VideoBlock: ({ block }: VideoBlockProps) => React.JSX.Element;
 
 interface IconProps {
-    name: 'figma' | 'slack' | 'github' | 'file' | 'link';
+    name: 'figma' | 'slack' | 'github' | 'file' | 'link' | 'codemerge' | 'circlecheck' | 'circledot';
     width?: string;
     height?: string;
     className?: string;