.diagram-list:where(.astro-bzpig7zv){display:grid;gap:1.25rem}.diagram:where(.astro-bzpig7zv){width:100%;max-width:1120px;margin:0 auto;border:1px solid light-dark(var(--sl-color-gray-5),var(--sl-color-gray-5));border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000a}.diagram-title:where(.astro-bzpig7zv){font-size:var(--sl-text-base);font-weight:700;margin:0 0 10px}.shell:where(.astro-bzpig7zv){display:grid;gap:8px;min-width:320px;aspect-ratio:16/9;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;position:relative;margin:0}.bar:where(.astro-bzpig7zv){font-size:var(--sl-text-xs);padding:4px 12px;border-radius:4px;color:var(--sl-color-gray-3);background:light-dark(var(--sl-color-gray-7),var(--sl-color-gray-6));border:1px solid light-dark(var(--sl-color-gray-6),var(--sl-color-gray-4));margin:0}.bar-header:where(.astro-bzpig7zv){grid-column:1/end;height:32px;place-content:center}.sidebar:where(.astro-bzpig7zv){border-radius:4px;background:light-dark(var(--sl-color-gray-7),var(--sl-color-gray-6));border:1px solid light-dark(var(--sl-color-gray-6),var(--sl-color-gray-4));display:flex;align-items:stretch;margin:0;width:32px}.sidebar-inner:where(.astro-bzpig7zv){width:100%;display:grid;grid-template-rows:auto 1fr;align-items:start;padding:12px 4px;gap:8px}.sidebar-dots:where(.astro-bzpig7zv){display:grid;gap:8px;align-content:start;justify-items:center}.sidebar-dots:where(.astro-bzpig7zv) span:where(.astro-bzpig7zv){width:20px;height:20px;border-radius:4px;background:light-dark(var(--sl-color-gray-7),var(--sl-color-gray-6));border:1px solid light-dark(var(--sl-color-gray-5),var(--sl-color-gray-4))}.with-sidebar:where(.astro-bzpig7zv)>.sidebar:where(.astro-bzpig7zv){grid-column:1;grid-row:1/end}.with-sidebar:where(.astro-bzpig7zv)>.content:where(.astro-bzpig7zv){grid-column:2/end;grid-row:1/end}.with-header:where(.astro-bzpig7zv)>.content:where(.astro-bzpig7zv),.with-header:where(.astro-bzpig7zv)>.sidebar:where(.astro-bzpig7zv){grid-row:2/end}.content:where(.astro-bzpig7zv){display:grid;gap:6px;align-items:stretch;margin:0;grid-column:1/end;grid-row:1/end}.pane:where(.astro-bzpig7zv){min-height:92px;border-radius:4px;border:1px solid var(--pane-border, #e6e8ef);background:var(--pane-bg, #fafbfc);display:flex;align-items:center;justify-content:center;margin:0}.pane-label:where(.astro-bzpig7zv){text-align:center;line-height:1.1}.pane-label:where(.astro-bzpig7zv) .title:where(.astro-bzpig7zv){font-size:var(--sl-text-base);font-weight:600}.pane-label:where(.astro-bzpig7zv) .note:where(.astro-bzpig7zv){display:block;margin-top:4px;font-size:var(--sl-text-xs)}.role-master:where(.astro-bzpig7zv){background:light-dark(#f5faff,rgba(80,168,255,.2));border-color:light-dark(#d6e8ff,rgba(214,232,255,.1))}.role-detail:where(.astro-bzpig7zv){background:light-dark(#f7fff6,rgba(157,255,145,.2));border-color:light-dark(#cfead0,rgba(207,234,208,.1))}.role-context:where(.astro-bzpig7zv){background:light-dark(#fffaf6,rgba(255,185,129,.2));border-color:light-dark(#f3e1c7,rgba(243,225,199,.1))}.role-focus:where(.astro-bzpig7zv){background:light-dark(#FFF6FF,rgba(247,105,255,.2));border-color:light-dark(#cfe2f7,rgba(207,226,247,.1))}.role-supporting:where(.astro-bzpig7zv){background:light-dark(#faf7ff,rgba(175,128,254,.2));border-color:light-dark(#e4d8ff,rgba(228,216,255,.1))}.role-navigation:where(.astro-bzpig7zv){background:light-dark(#FCFFEF,rgba(233,255,156,.2));border-color:light-dark(#dfeee0,rgba(223,238,224,.1))}.role-other:where(.astro-bzpig7zv){background:light-dark(#f8f9fb,rgba(98,98,100,.2));border-color:light-dark(#e5e8ef,rgba(229,232,239,.1))}.emphasis:where(.astro-bzpig7zv){box-shadow:0 0 0 2px light-dark(rgb(from var(--sl-color-gray-1) r g b/.1),rgb(from var(--sl-color-gray-1) r g b/.2)) inset}.floating-backdrop:where(.astro-bzpig7zv){position:absolute;inset:0;background:light-dark(rgba(0,0,0,.1),rgba(0,0,0,.5));border-radius:4px;pointer-events:none;margin:0}.floating:where(.astro-bzpig7zv){position:absolute;border-radius:6px;border:1px solid light-dark(var(--sl-color-gray-6),var(--sl-color-gray-3));background:light-dark(#ffffff,#2a2d33);box-shadow:0 2px 2px #0000001a,0 1px 1px #00000014;overflow:hidden;margin:0;display:grid;place-content:center}.floating-inner:where(.astro-bzpig7zv){padding:10px 12px;text-align:center}.floating-title:where(.astro-bzpig7zv){font-size:var(--sl-text-sm);font-weight:700}.floating-note:where(.astro-bzpig7zv){margin:0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.caption:where(.astro-bzpig7zv){margin:10px 2px 0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}