.schematic-grid{background-image:linear-gradient(color-mix(in oklch, var(--panel-foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--panel-foreground) 6%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px}.flow-drops{stroke-dasharray:1 12;stroke-linecap:round}.gauge-needle{transform-box:view-box;transform-origin:100px 100px}.valve-lever{transform-box:view-box;transform-origin:160px 100px}.pipe-run{position:relative}.pipe-run:before{content:"";border-radius:calc(var(--radius) * .25);background:var(--pipe-copper);width:6px;box-shadow:inset -2px 0 0 var(--pipe-copper-edge);position:absolute;top:.5rem;bottom:0;left:9px}.pipe-tee{border-radius:calc(var(--radius) * .5);background:var(--pipe-copper);border:2px solid var(--pipe-copper-edge);width:24px;height:14px;position:absolute;left:0}.plate-rivet{background:var(--muted);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--border);border-radius:50%}@media (prefers-reduced-motion:no-preference){.flow-drops{animation:.7s linear infinite flow-run}.gauge-needle{transition:transform .7s cubic-bezier(.22,1,.36,1)}.valve-lever{transition:transform .42s cubic-bezier(.22,1,.36,1)}.flow-fill{animation:.65s cubic-bezier(.22,1,.36,1) both flow-fill}}@keyframes flow-run{to{stroke-dashoffset:-13px}}@keyframes flow-fill{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}