.od-diagram:where(.astro-mb5gojzx){--dg-violet:#7c5cff;--dg-red:#e5484d;--dg-bg:var(--od-soft);margin:1.75rem 0}:root[data-theme=dark] .od-diagram:where(.astro-mb5gojzx){--dg-violet:#a18bff;--dg-red:#ff6b70}.od-diagram-frame:where(.astro-mb5gojzx){border:1px solid var(--od-line);background:radial-gradient(circle at 1px 1px, var(--od-line) .9px, transparent 0) 7px 7px / 16px 16px, var(--dg-bg);border-radius:12px;overflow-x:auto}.od-diagram:where(.astro-mb5gojzx) svg:where(.astro-mb5gojzx){width:100%;min-width:var(--od-diagram-min);max-width:var(--od-diagram-w);height:auto;font-family:var(--__sl-font);margin:0 auto;display:block}.od-diagram:where(.astro-mb5gojzx) figcaption:where(.astro-mb5gojzx){text-align:center;color:var(--od-muted);margin-top:.625rem;font-size:13px;line-height:1.5}.dg-group-rect:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--od-bg) 55%, transparent);stroke:var(--od-line);stroke-width:1px}.dg-group-label:where(.astro-mb5gojzx){font-family:var(--__sl-font-mono);fill:var(--od-faint);font-size:10.5px;font-weight:500}.dg-dashed:where(.astro-mb5gojzx){stroke-dasharray:4 4}.dg-line:where(.astro-mb5gojzx){fill:none;stroke:color-mix(in oklab, var(--od-faint) 85%, transparent);stroke-width:1.25px;stroke-linejoin:round}.dg-head:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--od-faint) 85%, transparent)}.dg-strong:where(.astro-mb5gojzx) .dg-line:where(.astro-mb5gojzx){stroke:var(--od-heading)}.dg-strong:where(.astro-mb5gojzx) .dg-head:where(.astro-mb5gojzx){fill:var(--od-heading)}.dg-label:where(.astro-mb5gojzx){fill:var(--od-muted);paint-order:stroke;stroke:var(--dg-bg);stroke-width:5px;stroke-linejoin:round;font-size:11px;font-weight:500}.dg-box:where(.astro-mb5gojzx){fill:var(--od-bg);stroke:var(--od-line);stroke-width:1px}.dg-lip:where(.astro-mb5gojzx){fill:none}.dg-title:where(.astro-mb5gojzx){fill:var(--od-heading);font-size:13px;font-weight:500}.dg-sub:where(.astro-mb5gojzx){fill:var(--od-muted);font-size:11.5px}.dg-title:where(.astro-mb5gojzx).dg-small{font-size:11.5px}.dg-sub:where(.astro-mb5gojzx).dg-small{font-size:10.5px}.dg-mono:where(.astro-mb5gojzx){font-family:var(--__sl-font-mono);font-size:12px}.dg-title:where(.astro-mb5gojzx).dg-mono.dg-small{font-size:11px}.dg-bullet:where(.astro-mb5gojzx){fill:var(--od-faint)}.dg-badge:where(.astro-mb5gojzx){fill:var(--od-ink);stroke:var(--dg-bg);stroke-width:2px}.dg-badge-text:where(.astro-mb5gojzx){font-family:var(--__sl-font-mono);fill:var(--od-ink-fg);font-size:10.5px;font-weight:500}.dg-note:where(.astro-mb5gojzx){fill:var(--od-faint);font-size:11px}.dg-tone-soft:where(.astro-mb5gojzx) .dg-box:where(.astro-mb5gojzx){fill:var(--od-soft)}.dg-tone-ink:where(.astro-mb5gojzx) .dg-box:where(.astro-mb5gojzx){fill:var(--od-ink);stroke:var(--od-ink)}.dg-tone-ink:where(.astro-mb5gojzx) .dg-title:where(.astro-mb5gojzx){fill:var(--od-ink-fg)}.dg-tone-ink:where(.astro-mb5gojzx) .dg-sub:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--od-ink-fg) 72%, transparent)}.dg-tone-green:where(.astro-mb5gojzx){--dg-c:var(--od-tone-green)}.dg-tone-blue:where(.astro-mb5gojzx){--dg-c:var(--od-tone-blue)}.dg-tone-amber:where(.astro-mb5gojzx){--dg-c:var(--od-tone-amber)}.dg-tone-violet:where(.astro-mb5gojzx){--dg-c:var(--dg-violet)}.dg-tone-red:where(.astro-mb5gojzx){--dg-c:var(--dg-red)}:where(.astro-mb5gojzx):is(.dg-tone-green,.dg-tone-blue,.dg-tone-amber,.dg-tone-violet,.dg-tone-red) .dg-box:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--dg-c) 8%, var(--od-bg));stroke:color-mix(in oklab, var(--dg-c) 42%, var(--od-line))}:where(.astro-mb5gojzx):is(.dg-tone-green,.dg-tone-blue,.dg-tone-amber,.dg-tone-violet,.dg-tone-red) .dg-group-rect:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--dg-c) 4%, transparent);stroke:color-mix(in oklab, var(--dg-c) 38%, var(--od-line))}:where(.astro-mb5gojzx):is(.dg-tone-green,.dg-tone-blue,.dg-tone-amber,.dg-tone-violet,.dg-tone-red) .dg-group-label:where(.astro-mb5gojzx){fill:color-mix(in oklab, var(--dg-c) 80%, var(--od-heading))}.dg-note-green:where(.astro-mb5gojzx){fill:var(--od-tone-green)}.dg-note-blue:where(.astro-mb5gojzx){fill:var(--od-tone-blue)}.dg-note-amber:where(.astro-mb5gojzx){fill:var(--od-tone-amber)}.dg-note-violet:where(.astro-mb5gojzx){fill:var(--dg-violet)}.dg-note-red:where(.astro-mb5gojzx){fill:var(--dg-red)}