.diagram:where(.astro-3XPN77MR){display:grid;grid-template-areas:"header header header" "sidebar main main" "sidebar carousel carousel" "footer footer footer";grid-gap:.75rem;padding:.75rem;background:var(--theme-bg);border:2px solid var(--theme-divider);overflow-x:auto}.diagram:where(.astro-3XPN77MR)>:where(.astro-3XPN77MR){display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem;background:hsl(0,0%,96%);border:2px solid hsl(0,0%,80%);color:#666}.diagram:where(.astro-3XPN77MR) .app:where(.astro-3XPN77MR){font-size:1.05rem}.diagram:where(.astro-3XPN77MR) .header:where(.astro-3XPN77MR){grid-area:header;background:hsla(100,60%,50%,.2);border-color:#50743ecc;color:#50743e}.diagram:where(.astro-3XPN77MR) .sidebar:where(.astro-3XPN77MR){grid-area:sidebar}.diagram:where(.astro-3XPN77MR) .main:where(.astro-3XPN77MR){grid-area:main;height:320px}.diagram:where(.astro-3XPN77MR) .carousel:where(.astro-3XPN77MR){grid-area:carousel;background:hsla(320,80%,50%,.2);border-color:#743e62cc;color:#743e62}.diagram:where(.astro-3XPN77MR) .adv:where(.astro-3XPN77MR){grid-area:adv}.diagram:where(.astro-3XPN77MR) .footer:where(.astro-3XPN77MR){grid-area:footer}:root.theme-dark .app:where(.astro-3XPN77MR){color:#ffffffe6}:root.theme-dark .diagram:where(.astro-3XPN77MR) :where(.astro-3XPN77MR):not(.app){background:hsla(0,0%,60%,.08);border-color:#cccccc26;color:#ffffffbf}.credit:where(.astro-3XPN77MR){text-align:right;font-size:var(--theme-text-xs)}