.Life-LpDemoCanvas{position:relative;width:100%;aspect-ratio:var(--lp-demo-canvas-aspect-ratio);background-color:var(--canvas-bg);border-radius:var(--radius-md);overflow:hidden}.Life-LpDemoCanvas-Svg{width:100%;height:100%}.Life-LpDemoLifeLine{fill:none;stroke:var(--timeline-stroke-color);stroke-width:var(--timeline-stroke-width-bold)}.Life-LpDemoDependencyLine{fill:none;stroke:var(--swatch-slot);stroke-width:var(--timeline-stroke-width-bold)}.Life-LpDemoNode-Mark{fill:var(--swatch-slot);stroke:var(--swatch-slot);stroke-width:var(--timeline-stroke-width)}.Life-LpDemoNode-MarkOnLifeLine{fill:var(--timeline-mark-fill);stroke:var(--timeline-stroke-color);stroke-width:var(--timeline-stroke-width)}.Life-LpDemoNode-Label{fill:var(--node-label);font-size:var(--font-size-sm);text-anchor:start}.Life-LpDemoAxisLine{stroke:var(--axis-tick);stroke-width:var(--timeline-stroke-width)}.Life-LpDemoAxisTick-Mark{fill:var(--axis-tick)}.Life-LpDemoAxisTick-Label{fill:var(--axis-label);font-size:var(--font-size-sm);text-anchor:middle}