.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 25px;--accent-color-rgb: var(--sl-color-text-accent);position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:100%}@media (max-width: 1350px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 22px}}@media (max-width: 1280px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 24px}}@media (max-width: 1250px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 22px}}@media (max-width: 1195px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 20px}}@media (max-width: 1152px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 25px}}@media (max-width: 1080px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 22px}}@media (max-width: 986px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 20px}}@media (max-width: 920px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 15px}}@media (max-width: 820px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 12px}}@media (max-width: 768px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 20px}}@media (max-width: 576px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 18px}}@media (max-width: 520px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 16px}}.ArchitectureDiagram--diagram:where(.astro-ksiqk2su){--size: calc(var(--user-code-size) * 9);width:var(--size)}@media (max-width: 480px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 25px;justify-content:flex-start}.ArchitectureDiagram--diagram:where(.astro-ksiqk2su){width:100%}.ArchitectureDiagram--diagram:where(.astro-ksiqk2su)+.ArchitectureDiagram--diagram:where(.astro-ksiqk2su){margin-top:2em}.ArchitectureDiagram--key:where(.astro-ksiqk2su){position:absolute;top:0;right:0;bottom:0}.ArchitectureDiagram--key-content:where(.astro-ksiqk2su){position:-webkit-sticky;position:sticky;top:calc(var(--docs-header-height) + var(--user-code-size))}.ArchitectureDiagram--caption:where(.astro-ksiqk2su){width:var(--size)}}@media (max-width: 374px){.ArchitectureDiagram--key:where(.astro-ksiqk2su){width:5em}}@media (max-width: 414px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 22px}}@media (max-width: 375px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 20px}}@media (max-width: 360px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 19px}}@media (max-width: 340px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 18px}}@media (max-width: 330px){.ArchitectureDiagram:where(.astro-ksiqk2su){--user-code-size: 17px}}@media (max-width: 319px){.ArchitectureDiagram:where(.astro-ksiqk2su){display:none}}.ArchitectureDiagram--content:where(.astro-ksiqk2su){position:relative;display:flex;flex-wrap:wrap;shrink:0;width:var(--size);height:var(--size)}.ArchitectureDiagram--caption:where(.astro-ksiqk2su){margin-top:.666em;max-width:100%;line-height:1.3}.ArchitectureDiagram--process-overhead:where(.astro-ksiqk2su){--size: calc(var(--user-code-size) * 3);position:relative;display:flex;flex-wrap:wrap;shrink:0;width:var(--size);height:var(--size)}.ArchitectureDiagram--process-overhead:where(.astro-ksiqk2su):after{content:"↻";display:block;position:absolute;inset:0;height:1em;width:1em;margin:auto;font-size:2em;line-height:1;text-align:center;color:rgb(var(--sl-color-text-accent))}.ArchitectureDiagram--process-overhead-background:where(.astro-ksiqk2su){position:absolute;inset:0;background:color-mix(in srgb,var(--sl-color-accent-high) 25%,transparent)}.ArchitectureDiagram--user-code:where(.astro-ksiqk2su){position:relative;z-index:1;width:var(--user-code-size);height:var(--user-code-size);background:color-mix(in srgb,var(--sl-color-accent-high) 90%,transparent)}.ArchitectureDiagram--process-overhead-background:where(.astro-ksiqk2su),.ArchitectureDiagram--user-code:where(.astro-ksiqk2su){--box-shadow: inset 0 0 0 1px var(--sl-color-bg);box-shadow:var(--box-shadow)}.ArchitectureDiagram--user-code:where(.astro-ksiqk2su):after{content:"{ }";display:block;font-size:calc(var(--user-code-size) * .5);line-height:calc(var(--user-code-size) * .93);font-weight:700;height:100%;width:100%;text-align:center;color:color-mix(in srgb,var(--sl-color-bg) 70%,transparent)}.ArchitectureDiagram--key-user-code:where(.astro-ksiqk2su){margin-bottom:1em}.ArchitectureDiagram--key-label:where(.astro-ksiqk2su){opacity:.8;padding-top:.25em}