.dg{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-raised);margin:0;overflow:hidden}.dg__scroll{scrollbar-width:thin;background:linear-gradient(90deg, var(--bg-raised) 45%, transparent) left / 44px 100% no-repeat local, linear-gradient(270deg, var(--bg-raised) 45%, transparent) right / 44px 100% no-repeat local, linear-gradient(90deg, color-mix(in oklch, var(--text) 20%, transparent), transparent) left / 14px 100% no-repeat scroll, linear-gradient(270deg, color-mix(in oklch, var(--text) 20%, transparent), transparent) right / 14px 100% no-repeat scroll;background-color:var(--bg-raised);padding:1rem;overflow-x:auto}.dg__scroll svg{block-size:auto;inline-size:100%;min-inline-size:720px;display:block}.dg__caption{border-block-start:1px solid var(--border);font-size:var(--step--1);max-inline-size:none;padding:.875rem 1rem}.dg-box{fill:var(--bg-raised);stroke:var(--border-strong);stroke-width:1.5px}.dg-box--accent{stroke:var(--accent)}.dg-box--danger{stroke:var(--danger);stroke-width:1.75px}.dg-container{fill:var(--bg-subtle);stroke:var(--border-strong);stroke-width:1.5px;stroke-dasharray:7 5}.dg-subnet{fill:var(--bg);stroke:var(--border-strong);stroke-width:1.25px}.dg-chip{fill:var(--bg-raised);stroke:var(--border-strong);stroke-width:1.25px}.dg-chip--danger{stroke:var(--danger);stroke-width:1.5px}.dg-empty{fill:none;stroke:var(--warn);stroke-width:1.25px;stroke-dasharray:5 4}.dg-label{fill:var(--text);font-family:var(--font-mono);font-size:14px;font-weight:500}.dg-sub{fill:var(--text-muted);font-family:var(--font-mono);font-size:11.5px}.dg-sub--strong{fill:var(--text)}.dg-sub--danger{fill:var(--danger)}.dg-flow{fill:none;stroke:var(--text-muted);stroke-width:1.5px}.dg-flow--danger{stroke:var(--danger);stroke-dasharray:6 4}.dg-arrowhead{fill:var(--text-muted)}.dg-arrowhead--danger{fill:var(--danger)}.dg-callout{fill:none;stroke-width:1.25px;stroke-dasharray:5 4}.dg-callout--danger{stroke:var(--danger)}.dg-callout--ok{stroke:var(--ok)}.dg-tick{stroke:var(--border-strong);stroke-width:1.25px;stroke-dasharray:3 3;fill:none}.dg-pulse{fill:none;stroke:var(--accent);stroke-width:2.25px;stroke-linecap:round;stroke-dasharray:2 14;opacity:0}.dg-throb{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.dg-pulse{opacity:.9;animation:1.3s linear infinite dg-march}.dg-throb{animation:2.6s ease-in-out infinite dg-throb}}@keyframes dg-march{to{stroke-dashoffset:-16px}}@keyframes dg-throb{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.dgi-bg{fill:var(--bg-raised);stroke:var(--accent);stroke-width:1.25px}.dgi-stroke{stroke:var(--accent);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.dgi-fill{fill:var(--accent)}.dgi-text{fill:var(--accent);font-family:var(--font-mono);font-size:11px}.dgi-teeth{stroke-width:2.5px;stroke-linecap:butt}.dgi-glyph,.dgi-hand,.dgi-needle,.dgi-dot{transform-box:fill-box;transform-origin:50%}.dgi-hand{transform-origin:bottom}.dgi-needle{transform-origin:0 100%}@media (prefers-reduced-motion:no-preference){.dgi--spin .dgi-glyph{animation:14s linear infinite dgi-spin}.dgi--sweep .dgi-hand{animation:8s linear infinite dgi-spin}.dgi--throb .dgi-glyph{animation:2.6s ease-in-out infinite dgi-throb}.dgi--pulse .dgi-glyph{animation:2.8s ease-in-out infinite dgi-pulse}.dgi--buzz .dgi-glyph{animation:3.2s ease-in-out infinite dgi-buzz}.dgi--bounce .dgi-glyph{animation:2s ease-in-out infinite dgi-bounce}.dgi--flip .dgi-glyph{animation:4s ease-in-out infinite dgi-flip}.dgi--needle .dgi-needle{animation:2.2s ease-in-out infinite alternate dgi-needle}.dgi--slide .dgi-dot{animation:2.4s ease-in-out infinite alternate dgi-slide}.dgi--waves .dgi-waves{animation:2.2s ease-in-out infinite dgi-pulse}}@keyframes dgi-spin{to{transform:rotate(1turn)}}@keyframes dgi-throb{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes dgi-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes dgi-buzz{0%,76%,to{transform:rotate(0)}80%{transform:rotate(-9deg)}84%{transform:rotate(8deg)}88%{transform:rotate(-5deg)}92%{transform:rotate(4deg)}96%{transform:rotate(0)}}@keyframes dgi-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(1.8px)}}@keyframes dgi-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}@keyframes dgi-needle{0%{transform:rotate(-30deg)}to{transform:rotate(24deg)}}@keyframes dgi-slide{0%{transform:translate(-3px)}to{transform:translate(3px)}}
