.td-react-canvas{width:100%;height:var(--td-canvas-height,76svh);background:var(--td-canvas-ground,var(--td-bg));--td-canvas-hud-inset:var(--td-sp-6);outline:none;position:relative;overflow:hidden}.td-react-canvas:not(.td-card-surface-static):not(.td-react-canvas--standalone){background:var(--td-canvas-ground,transparent);border-radius:0}.td-react-canvas--standalone{background:var(--td-canvas-ground,var(--td-bg))}.td-react-canvas-head{align-items:center;gap:var(--td-sp-4);flex-wrap:wrap;display:flex}.td-react-canvas--fullscreen{z-index:var(--td-canvas-fullscreen-z,90);border-radius:0;height:100%;position:fixed;inset:0}:root:has(.td-react-canvas--fullscreen){overflow:hidden}.td-react-canvas:focus-visible{outline:2px solid var(--td-accent);outline-offset:-2px}.td-react-canvas-viewport{touch-action:none;position:absolute;inset:0;overflow:hidden}.td-react-canvas-viewport--interactive{cursor:grab}.td-react-canvas-viewport--interactive:active{cursor:grabbing}.td-react-canvas-viewport[data-panning],.td-react-canvas-viewport[data-panning] *{-webkit-user-select:none;user-select:none}.td-react-canvas-world{transform-origin:0 0;--td-canvas-label-k:clamp(.55, calc(1 / var(--td-canvas-scale,1)), 3.4);position:absolute;top:0;left:0}.td-react-canvas-hud{top:var(--td-canvas-hud-inset);left:var(--td-canvas-hud-inset);z-index:30;align-items:center;gap:var(--td-sp-4);display:flex;position:absolute}.td-react-canvas-hud--right{left:auto;right:var(--td-canvas-hud-inset)}.td-react-canvas-controls{gap:var(--td-sp-3);display:flex}.td-react-canvas-controls--column{flex-direction:column}.td-react-canvas-controls--row{flex-direction:row;align-items:center}.td-react-canvas-controls--floating{right:var(--td-canvas-hud-inset);bottom:var(--td-sp-8);z-index:30;position:absolute}.td-react-canvas-toolbar{inset-inline:var(--td-canvas-hud-inset);bottom:var(--td-sp-6);z-index:30;justify-content:space-between;align-items:center;gap:var(--td-sp-6);flex-wrap:wrap;display:flex;position:absolute}.td-react-canvas-cta{inset-inline:0;bottom:var(--td-sp-10);z-index:30;pointer-events:none;justify-content:center;display:flex;position:absolute}.td-react-canvas-cta>*{pointer-events:auto}.td-react-canvas-hint{inset-inline:0;bottom:var(--td-sp-8);z-index:30;pointer-events:none;width:fit-content;transition:opacity .7s var(--td-ease);margin-inline:auto;display:none;position:absolute}.td-react-canvas-hint[data-retired]{opacity:0}@media (min-width:1024px){.td-react-canvas-hint{display:block}}@media (prefers-reduced-motion:reduce){.td-react-canvas-hint{transition:none}}.td-react-canvas-display .td-react-iconbutton-lamp{color:color-mix(in srgb, var(--td-accent) 70%, var(--td-ink-3))}.td-react-canvas-display[aria-pressed=true] .td-react-iconbutton-lamp{color:var(--td-accent)}
.td-react-canvas-panel{inset-block:var(--td-sp-6);right:var(--td-sp-6);z-index:40;width:var(--td-canvas-panel-width,380px);max-width:calc(100% - var(--td-sp-12));gap:var(--td-sp-6);padding:var(--td-sp-8);flex-direction:column;display:flex;position:absolute;overflow:hidden}.td-react-canvas-panel[data-side=left]{right:auto;left:var(--td-sp-6)}.td-react-canvas-panel[data-placement=fixed]{inset-block:9vh;right:var(--td-sp-8);position:fixed}.td-react-canvas-panel[data-placement=fixed][data-side=left]{right:auto;left:var(--td-sp-8)}.td-react-canvas-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--td-sp-4);flex:none;display:flex}.td-react-canvas-panel[style*=--td-canvas-panel-accent] .td-react-canvas-panel-head{box-shadow:inset 3px 0 0 var(--td-canvas-panel-accent);padding-left:var(--td-sp-6)}.td-react-canvas-panel-title{font-family:var(--td-font-ui);color:var(--td-ink);font-size:15px;font-weight:600;line-height:1.3}.td-react-canvas-panel-body{overscroll-behavior:contain;gap:var(--td-sp-5);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow-y:auto}.td-react-canvas-panel-actions{gap:var(--td-sp-4);padding-top:var(--td-sp-6);flex-wrap:wrap;flex:none;display:flex}.td-react-canvas-panel{cursor:auto}@media (max-width:1023px){.td-react-canvas-panel[data-placement=absolute]{display:none}}.td-glowicon.td-react-canvas-panel-close{width:30px;height:30px}.td-glowicon.td-react-canvas-panel-close svg{width:15px;height:15px}
.td-react-canvas-node{appearance:none;padding:var(--td-sp-6) var(--td-sp-7);font:inherit;color:inherit;text-align:left;cursor:pointer;justify-content:center;gap:var(--td-sp-3);isolation:isolate;border:0;flex-direction:column;margin:0;display:flex;position:absolute}.td-react-canvas-node:focus-visible{outline:2px solid var(--td-accent);outline-offset:3px}.td-react-canvas-node[data-accent]:before{content:"";background:var(--td-canvas-node-accent,var(--td-accent));border-start-start-radius:inherit;border-end-start-radius:inherit;width:3px;position:absolute;inset-block:0;inset-inline-start:0}.td-react-canvas-node-title{display:block}.td-react-canvas-node-sub{font-family:var(--td-font-sans);color:var(--td-ink-2);font-size:12px;line-height:1.45}.td-react-canvas-node--selected,.td-react-canvas-node[aria-pressed=true]{box-shadow:inset 2px 2px 6px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), inset -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 30%, transparent), 0 0 0 1px var(--td-edge)}.td-react-canvas-node[data-dimmed]{opacity:.55;filter:saturate(.7);transition:opacity var(--td-t-base) var(--td-ease), filter var(--td-t-base) var(--td-ease)}.td-react-canvas-node[data-dimmed]:hover,.td-react-canvas-node[data-dimmed]:focus-visible{opacity:1;filter:none}@media (prefers-reduced-motion:reduce){.td-react-canvas-node[data-dimmed]{transition:none}}
.td-react-fab{--td-fab-gap:14px;--td-fab-inset:var(--td-sp-8,24px);width:max-content;display:inline-flex;position:relative}.td-react-fab[data-pinned]{z-index:var(--td-fab-z,60);position:fixed}.td-react-fab[data-pinned][data-corner=bottom-end]{bottom:var(--td-fab-inset);inset-inline-end:var(--td-fab-inset)}.td-react-fab[data-pinned][data-corner=bottom-start]{bottom:var(--td-fab-inset);inset-inline-start:var(--td-fab-inset)}.td-react-fab[data-pinned][data-corner=top-end]{top:var(--td-fab-inset);inset-inline-end:var(--td-fab-inset)}.td-react-fab[data-pinned][data-corner=top-start]{top:var(--td-fab-inset);inset-inline-start:var(--td-fab-inset)}.td-react-fab-actions{gap:var(--td-fab-gap);pointer-events:none;display:flex;position:absolute}.td-react-fab[data-open] .td-react-fab-actions{pointer-events:auto}.td-react-fab[data-expand=up] .td-react-fab-actions{bottom:calc(100% + var(--td-fab-gap));flex-direction:column-reverse}.td-react-fab[data-expand=down] .td-react-fab-actions{top:calc(100% + var(--td-fab-gap));flex-direction:column}.td-react-fab[data-expand=left] .td-react-fab-actions{right:calc(100% + var(--td-fab-gap));flex-direction:row-reverse;align-items:center}.td-react-fab[data-expand=right] .td-react-fab-actions{left:calc(100% + var(--td-fab-gap));flex-direction:row;align-items:center}.td-react-fab[data-corner$=-end]:is([data-expand=up],[data-expand=down]) .td-react-fab-actions{align-items:flex-end;right:0}.td-react-fab[data-corner$=-start]:is([data-expand=up],[data-expand=down]) .td-react-fab-actions{align-items:flex-start;left:0}.td-react-fab[data-corner^=bottom]:is([data-expand=left],[data-expand=right]) .td-react-fab-actions{bottom:0}.td-react-fab[data-corner^=top]:is([data-expand=left],[data-expand=right]) .td-react-fab-actions{top:0}.td-react-fab-item{opacity:0;transition:opacity var(--td-t-base,.18s) var(--td-ease,ease), transform var(--td-t-base,.18s) var(--td-ease,ease);transition-delay:calc(var(--td-fab-i,0) * 34ms);align-items:center;gap:10px;display:flex;transform:scale(.35)}.td-react-fab[data-open] .td-react-fab-item{opacity:1;transform:none}.td-react-fab[data-expand=up] .td-react-fab-item{transform-origin:bottom}.td-react-fab[data-expand=down] .td-react-fab-item{transform-origin:top}.td-react-fab[data-expand=left] .td-react-fab-item{transform-origin:100%}.td-react-fab[data-expand=right] .td-react-fab-item{transform-origin:0}.td-react-fab[data-corner$=-start]:is([data-expand=up],[data-expand=down]) .td-react-fab-item{flex-direction:row-reverse}.td-react-fab:is([data-expand=left],[data-expand=right]) .td-react-fab-item{flex-direction:column}.td-react-fab-label{border-radius:var(--td-radius-3,8px);background:var(--td-surface);color:var(--td-ink-2);white-space:nowrap;box-shadow:var(--td-raised);padding:4px 11px;font-size:.78rem;font-weight:550;line-height:1.3}.td-react-fab-main.td-react-iconbutton{width:54px;height:54px}.td-react-fab-main .td-react-iconbutton-lamp>svg{width:22px;height:22px;transition:transform var(--td-t-base,.18s) var(--td-ease,ease)}.td-react-fab[data-open] .td-react-fab-main[data-rotate] .td-react-iconbutton-lamp>svg{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.td-react-fab-item,.td-react-fab-main .td-react-iconbutton-lamp>svg{transition:none}}