.dg{--dg-edge:color-mix(in srgb, var(--lp-ink) 16%, transparent);--dg-edge-lit:color-mix(in srgb, var(--lp-ink) 42%, transparent);--dg-ease:cubic-bezier(.16, 1, .3, 1);margin-top:20px}html.dark .dg{--dg-edge:color-mix(in srgb, var(--lp-ink) 18%, transparent);--dg-edge-lit:color-mix(in srgb, var(--lp-ink) 48%, transparent)}.dg-canvas{background-color:var(--lp-surface);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--lp-ink) 8%, transparent) 1px, transparent 0);box-shadow:0 0 0 1px var(--lp-line);background-size:18px 18px;border-radius:16px;padding:20px;position:relative}@media (width>=640px){.dg-canvas{padding:28px}}.dg-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dg-edge{fill:none;stroke:var(--dg-edge);stroke-width:1px;opacity:0;transition:stroke .5s,stroke-width .3s,opacity .6s}.dg.is-in .dg-edge{opacity:1;transition-delay:0s,0s,.45s}.dg-edge.is-lit{stroke:var(--dg-edge-lit);stroke-width:1.5px}.dg-comet{opacity:0}.dg-comet path{fill:none;stroke:var(--lp-accent);stroke-linecap:round;stroke-dasharray:0 99999}.dg-comet-glow{stroke-width:7px;opacity:.55}.dg-comet-t1{stroke-width:1.6px;opacity:.18}.dg-comet-t2{stroke-width:2px;opacity:.45}.dg-comet-t3{stroke-width:2.4px}.dg .dg-comet-head{stroke:color-mix(in srgb, var(--lp-accent) 30%, #fff);stroke-width:5.5px}.dg-node{z-index:1;background:var(--lp-surface);box-shadow:0 0 0 1px var(--lp-line-strong), 0 1px 2px #0000000a;opacity:0;border-radius:10px;flex-direction:column;gap:2px;padding:7px 9px;transition:box-shadow .35s;display:inline-flex;position:relative;translate:0 8px}.dg.is-in .dg-node{animation:dg-in .7s var(--dg-ease) both;animation-delay:calc(var(--i,0) * 70ms)}.dg-node-name{color:var(--lp-ink);white-space:nowrap;font-size:12.5px;font-weight:500;line-height:1.4}.dg-node-note{color:var(--lp-ink-3);white-space:nowrap;font-size:11px;line-height:1.45}@media (width>=640px){.dg-node{padding:9px 14px}.dg-node-name{font-size:13.5px}.dg-node-note{font-size:12px}}.dg-node[data-root]{background:var(--lp-ink);box-shadow:none}.dg-node[data-root] .dg-node-name{color:var(--lp-surface)}.dg-node[data-ghost]{min-width:64px;min-height:48px;box-shadow:none;outline:1px dashed color-mix(in srgb, var(--lp-ink) 20%, transparent);outline-offset:-1px;background:0 0;justify-content:center;align-items:center}.dg-node[data-ghost] .dg-node-name{color:var(--lp-ink-4);font-weight:400}.dg-node.is-on{box-shadow:0 0 0 1px var(--lp-accent-line), 0 0 0 4px var(--lp-accent-soft)}.dg-node[data-root].is-on{box-shadow:0 0 0 4px var(--lp-accent-soft)}.dg-ring{border-radius:inherit;box-shadow:0 0 0 1px var(--lp-accent);opacity:0;pointer-events:none;position:absolute;inset:0}.dg-mono{font:500 11px/1 var(--lp-font-mono);letter-spacing:.04em;color:var(--lp-ink-4);transition:color .3s}.dg-label{letter-spacing:.06em;color:var(--lp-ink-4);font-size:12px;font-weight:500;line-height:1}.dg-caption{color:var(--lp-ink-3);margin-top:12px;font-size:14px;line-height:1.7}@keyframes dg-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes dg-blink{50%{opacity:0}}@keyframes dg-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes dg-halo{0%{opacity:.8;scale:1}to{opacity:0;scale:1.35}}.dg.is-paused *,.dg.is-paused :before,.dg.is-paused :after{animation-play-state:paused!important}.dg.is-reduced *,.dg.is-reduced :before,.dg.is-reduced :after{transition:none!important;animation:none!important}.dg.is-reduced .dg-node,.dg.is-reduced .dg-edge{opacity:1;translate:none}