@layer components{.sd-edge{fill:none;stroke:#f4f4f224;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke var(--motion-ui) var(--ease-out), stroke-width var(--motion-ui) var(--ease-out), opacity var(--motion-ui) var(--ease-out)}.sd-edge[data-on]{stroke:#efc100bf;stroke-width:1.5px}.sd-edge[data-dim]{opacity:.45}.sd-edge[data-dashed]{stroke-dasharray:4 5}.sd-packet{fill:none;stroke:#efc100;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.07 1.2;stroke-dashoffset:.07px;opacity:0;animation:sd-travel 1.15s var(--ease-in-out) .12s 1 both}@keyframes sd-travel{0%{stroke-dashoffset:.07px;opacity:1}88%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}.sd-node{transition:border-color var(--motion-ui) var(--ease-out), background-color var(--motion-ui) var(--ease-out), box-shadow var(--motion-ui) var(--ease-out), opacity var(--motion-ui) var(--ease-out);background-color:#0d0d0d;border:1px solid #ffffff1a}@media (hover:hover){.sd-node:hover{border-color:#ffffff47}}.sd-node[data-linked]{border-color:#efc10052}.sd-node[data-on]{background-color:#16130a;border-color:#efc100bf;box-shadow:0 16px 40px -26px #efc10099}.sd-node[data-dim]{opacity:.7}.sd-node .sd-node-index{color:var(--ink-dim);transition:color var(--motion-ui) var(--ease-out)}.sd-node:is([data-on],[data-linked]) .sd-node-index{color:var(--yellow)}.sd-region{outline-offset:3px;transition:outline-color var(--motion-ui) var(--ease-out), background-color var(--motion-ui) var(--ease-out);outline:1px solid #0000}.sd-region[data-on]{background-color:#efc1000d;outline-color:#efc100cc}@keyframes sd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sd-in{animation:sd-in var(--motion-ui) var(--ease-out) both}@keyframes sd-tick{0%{box-shadow:0 0 #efc10073}to{box-shadow:0 0 0 8px #efc10000}}.sd-running{animation:sd-tick .6s var(--ease-out) 1 both}.sd-row{transition:background-color var(--motion-ui) var(--ease-out)}.sd-row .sd-row-index{transition:color var(--motion-ui) var(--ease-out)}.sd-row:is(:hover,:focus-within){background-color:#ffffff05}.sd-row:is(:hover,:focus-within) .sd-row-index{color:var(--yellow)}@media (prefers-reduced-motion:reduce){.sd-packet{display:none}.sd-in,.sd-running{animation:none}}[data-motion=off] .sd-packet{display:none}[data-motion=off] :is(.sd-in,.sd-running){animation:none}}