.arch-chain.svelte-mhuvc4{display:grid;grid-template-columns:minmax(9rem,1fr) auto minmax(9rem,1fr) auto minmax(9rem,1fr) auto minmax(9rem,1fr);grid-template-areas:"babric a1 mqtt a2 backend a3 web" ".      .  down .  .       .  ." ".      .  other .  .       .  .";align-items:stretch;align-content:start;gap:var(--space-sm)}.arch-babric.svelte-mhuvc4{grid-area:babric}.arch-a1.svelte-mhuvc4{grid-area:a1}.arch-mqtt.svelte-mhuvc4{grid-area:mqtt}.arch-a2.svelte-mhuvc4{grid-area:a2}.arch-backend.svelte-mhuvc4{grid-area:backend}.arch-a3.svelte-mhuvc4{grid-area:a3}.arch-web.svelte-mhuvc4{grid-area:web}.arch-down.svelte-mhuvc4{grid-area:down;transform:rotate(90deg);aspect-ratio:1}.arch-other.svelte-mhuvc4{grid-area:other}.arch-node.svelte-mhuvc4{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);text-align:center;min-width:0}.arch-arrow.svelte-mhuvc4{place-self:center;width:max-content;color:var(--secondary-color);margin:0}@media(max-width:768px){.arch-chain.svelte-mhuvc4{grid-template-columns:1fr;grid-template-areas:"babric" "a1" "mqtt" "down" "other" "a2" "backend" "a3" "web"}.arch-arrow.svelte-mhuvc4{transform:rotate(90deg)}}