.delta-scroll{margin:clamp(22px,3vh,36px) auto 0;max-width:1120px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.delta{position:relative}.delta-water{width:100%;height:100%;overflow:visible}.delta-live,.delta-water{position:absolute;inset:0}.delta-live{pointer-events:none}.delta-ghost{fill:none;stroke:var(--ink-faint);stroke-linecap:round}.delta-main{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.delta-pen,.delta-source{fill:currentColor}.delta-point{fill:none;stroke:var(--ink-faint);stroke-width:1.2}.delta-end{position:absolute;transform:translate(-50%);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);transition:color var(--dur-quick) var(--ease-quiet)}.delta-end[data-lit]{color:var(--ink)}.delta-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ink-soft,var(--ink-mute));background:var(--marble-white,var(--paper));transition:color var(--dur-quick) var(--ease-quiet),transform var(--dur-quick) var(--ease-quiet)}.delta-node>:first-child{opacity:.82;transition:opacity var(--dur-quick) var(--ease-quiet)}.delta-node[data-eye],.delta-node[data-near]{color:var(--ink)}.delta-node[data-eye]>:first-child,.delta-node[data-near]>:first-child{opacity:1}.delta-node[data-eye]{transform:translate(-50%,-50%) scale(1.12)}.delta-lit{position:absolute;transform:translate(-50%,-50%) scale(1.2);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:inherit;background:var(--marble-white,var(--paper));box-shadow:0 0 0 2px var(--marble-white,var(--paper)),0 0 0 3px currentColor}.delta .delta-lit>img{filter:none}.delta-lit>small{left:calc(100% + 6px);bottom:50%;margin-bottom:9px;transform:scale(.8333);transform-origin:left bottom;font-size:12.6px;font-weight:600;letter-spacing:.01em;color:var(--ink);paint-order:stroke fill;-webkit-text-stroke:3px var(--marble-white,var(--paper))}.delta-key,.delta-lit>small{position:absolute;white-space:nowrap}.delta-key{bottom:0;transform:translateX(-50%);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}@media (max-width:900px){.delta{min-width:760px}}