.viewport{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tiptap{outline:none}.stage,[data-shape]{cursor:var(--board-cursor,default)}[data-shape][data-editing]{cursor:text}[data-type=sticky-note]{background:var(--note,#fff59d);border:1px solid #00000014;border-radius:4px;padding:12px;font:16px/1.4 system-ui,sans-serif;box-shadow:0 2px 6px #0000001f}[data-shape] p{margin:0}[data-type=free-text]{color:var(--stroke,#1d1d1d);padding:4px 2px;font:16px/1.4 system-ui,sans-serif}[data-type=geo]{flex-direction:column;justify-content:center;padding:14px;font:16px/1.4 system-ui,sans-serif;display:flex}[data-type=geo]:is([data-kind=ellipse],[data-kind=diamond],[data-kind=triangle])>[data-shape-content]{flex-direction:column;justify-content:safe center;display:flex}[data-shape-outline] path{fill:var(--fill,#fff);stroke:var(--stroke,#1d1d1d);stroke-width:2px;vector-effect:non-scaling-stroke}[data-type=freehand],[data-type=arrow],[data-pen-preview]{color:var(--stroke,#1d1d1d)}[data-shape][data-selected],[data-shape][data-editing]{outline:calc(2px / var(--zoom,1)) solid var(--accent);outline-offset:calc(2px / var(--zoom,1))}[data-shape][data-suggestion-type]:not([data-type=arrow]):after{inset:calc(-6px / var(--zoom,1));border:calc(2px / var(--zoom,1)) dashed var(--suggestion-color);border-radius:calc(6px / var(--zoom,1));content:"";pointer-events:none;position:absolute}[data-shape][data-suggestion-type=add]{--suggestion-color:var(--suggestion-add)}[data-shape][data-suggestion-type=delete]{--suggestion-color:var(--suggestion-delete);opacity:.45}[data-shape][data-suggestion-type=attributeChange]{--suggestion-color:var(--suggestion-change)}[data-type=arrow][data-suggestion-type],[data-type=freehand][data-suggestion-type]{--stroke:var(--suggestion-color)}[data-type=arrow][data-suggestion-type] [data-arrow-part=line]{stroke-dasharray:6 4}[data-shape-content] [data-suggestion-type=add],[data-shape-content] [data-suggestion-type=replaceInsertion]{background:var(--suggestion-add-soft);-webkit-text-decoration:underline var(--suggestion-add);text-decoration:underline var(--suggestion-add)}[data-shape-content] [data-suggestion-type=delete],[data-shape-content] [data-suggestion-type=replaceDeletion]{color:var(--suggestion-delete);text-decoration:line-through}.stage[data-tool=select]:not([data-pan]) [data-shape]:not([data-type=arrow],[data-selected],[data-editing]):hover{outline:calc(1px / var(--zoom,1)) solid var(--accent);outline-offset:calc(2px / var(--zoom,1))}[data-shape][data-arrow-target]:not([data-type=geo]){outline:calc(2px / var(--zoom,1)) solid var(--accent);outline-offset:0}[data-arrow-target] [data-shape-outline] path{stroke:var(--accent)}[data-shape][data-remote-selected]:not([data-type=arrow],[data-selected],[data-editing]){outline:calc(1.5px / var(--zoom,1)) solid color-mix(in srgb, var(--remote-selection) 70%, transparent);outline-offset:calc(2px / var(--zoom,1))}[data-type=arrow][data-selected]{outline:none}[data-type=arrow][data-remote-selected]:not([data-selected]) svg{filter:drop-shadow(0 0 calc(1px / var(--zoom,1)) var(--remote-selection))}[data-type=arrow][data-selected] svg{filter:drop-shadow(0 0 calc(1px / var(--zoom,1)) var(--accent)) drop-shadow(0 0 calc(2px / var(--zoom,1)) var(--accent))}.stage[data-tool=select]:not([data-pan]) [data-type=arrow]:not([data-selected]):hover svg{filter:drop-shadow(0 0 calc(2px / var(--zoom,1)) var(--accent))}[data-arrow-handle]{cursor:move;background:var(--surface);border:calc(1.5px / var(--zoom,1)) solid var(--accent);border-radius:50%}[data-shape-handle=resize]{background:var(--surface);border:calc(1.5px / var(--zoom,1)) solid var(--accent);border-radius:calc(2px / var(--zoom,1))}[data-corner=top-left],[data-corner=bottom-right]{cursor:nwse-resize}[data-corner=top-right],[data-corner=bottom-left]{cursor:nesw-resize}.stage:where([data-tool]:not([data-tool=select],[data-tool=hand])),.stage:where([data-tool]:not([data-tool=select],[data-tool=hand])) *{cursor:crosshair}[data-erasing]{opacity:.25}.stage[data-tool=hand],.stage[data-tool=hand] *{cursor:grab}[data-shape-preview]{background:var(--accent-faint);border:1px dashed var(--accent)}[data-shape-preview=note]{background:var(--note,#fff59d);opacity:.7}[data-shape-preview=diamond]{background:var(--accent-soft);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0}[data-shape-preview=ellipse]{border-radius:50%}[data-arrow-preview]{color:var(--accent)}[data-selection-box]{background:var(--accent-faint);border:1px solid var(--accent)}.stage[data-pan=ready],.stage[data-pan=ready] *{cursor:grab}.stage[data-pan=active],.stage[data-pan=active] *{cursor:grabbing}
[data-color=black]{--stroke:#1d1d1d;--fill:#fff;--note:#e9e7e4}[data-color=gray]{--stroke:#8b8680;--fill:#f3f2f0;--note:#f1efec}[data-color=red]{--stroke:#e5484d;--fill:#fff0ef;--note:#ffcdc9}[data-color=orange]{--stroke:#f76b15;--fill:#fff3e8;--note:#ffd9b3}[data-color=yellow]{--stroke:#e5a000;--fill:#fffae0;--note:#fff59d}[data-color=green]{--stroke:#2b9a66;--fill:#e9f8ef;--note:#bdf0cf}[data-color=blue]{--stroke:#0d74ce;--fill:#ebf5ff;--note:#bfe0ff}[data-color=violet]{--stroke:#6e56cf;--fill:#f3f0ff;--note:#d9ccff}[data-color]{--highlight:color-mix(in srgb, var(--stroke) 30%, transparent)}
[data-shape][data-font-size=s]{font-size:12px}[data-shape][data-font-size=m]{font-size:16px}[data-shape][data-font-size=l]{font-size:24px}[data-shape][data-font-size=xl]{font-size:36px}[data-shape][data-text-align=start]{text-align:start}[data-shape][data-text-align=center]{text-align:center}[data-shape][data-text-align=end]{text-align:end}:root{--font-sans:system-ui, sans-serif;--font-serif:ui-serif, Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-font=sans]{--font:var(--font-sans)}[data-font=serif]{--font:var(--font-serif)}[data-font=mono]{--font:var(--font-mono)}[data-shape][data-font]{font-family:var(--font)}[data-shape] code{font-family:var(--font-mono);background:#0000000f;border-radius:4px;padding:.1em .3em;font-size:.9em}[data-shape] ul,[data-shape] ol{margin:0;padding-inline-start:1.3em}[data-shape] ul[data-type=taskList]{padding-inline-start:0;list-style:none}[data-shape] ul[data-type=taskList]>li{align-items:baseline;gap:.4em;display:flex}[data-shape] ul[data-type=taskList]>li>label{-webkit-user-select:none;user-select:none;flex:none}[data-shape] ul[data-type=taskList]>li>div{flex:1;min-width:0}[data-shape] ul[data-type=taskList]>li input[type=checkbox]{cursor:pointer;margin:0}[data-shape] ul[data-type=taskList]>li[data-checked=true]>div{color:var(--text-muted);text-decoration:line-through}[data-shape] span[data-color]{color:var(--stroke)}[data-shape] mark{color:inherit;background:var(--highlight);border-radius:2px}[data-shape] a{color:inherit;text-underline-offset:.15em;text-decoration:underline}
[data-type=doc-frame]{color:var(--text);background:#fff;border:1px solid #0000001a;border-radius:10px;padding:20px 28px;font:15px/1.6 system-ui,sans-serif;box-shadow:0 2px 8px #00000014}[data-type=doc-frame]>[data-shape-content]:empty:before{color:var(--text-muted);content:"Docs are not available here yet"}[data-type=doc-frame] :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,pre){margin:0}[data-type=doc-frame] .tiptap>*+*{margin-top:.6em}[data-type=doc-frame] .tiptap>*+:is(h2,h3,h4){margin-top:1.1em}[data-type=doc-frame] h1{font-size:1.75em;line-height:1.25}[data-type=doc-frame] h2{font-size:1.35em;line-height:1.3}[data-type=doc-frame] h3{font-size:1.15em}[data-type=doc-frame] blockquote{color:var(--text-muted);border-left:3px solid var(--border);padding-left:1em}[data-type=doc-frame] pre{font:.9em/1.5 var(--font-mono);background:#0000000d;border-radius:6px;padding:.75em 1em;overflow-x:auto}[data-type=doc-frame] hr{border:none;border-top:1px solid var(--border)}[data-type=doc-frame] .is-empty:before{float:left;height:0;color:var(--text-disabled);content:attr(data-placeholder);pointer-events:none}
[data-type=frame]{background:var(--surface);border:calc(1px / var(--zoom,1)) solid var(--border);border-radius:calc(4px / var(--zoom,1))}[data-frame-title]{padding-bottom:calc(6px / var(--zoom,1));color:var(--text-muted);font:500 calc(13px / var(--zoom,1)) / 1.2 system-ui, sans-serif;cursor:default;-webkit-user-select:none;user-select:none}[data-frame-title] input{width:14em;padding:0 calc(2px / var(--zoom,1));color:var(--text);font:inherit;border:calc(1px / var(--zoom,1)) solid var(--accent);border-radius:calc(3px / var(--zoom,1));outline:none}[data-shape-preview=frame]{background:0 0}