.explainer-grid.svelte-1e2ban9{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.explainer-grid.svelte-1e2ban9{grid-template-columns:1fr 2fr}}.diagram-col.svelte-1e2ban9{min-width:0}.side-left.svelte-1e2ban9{position:absolute;bottom:35%;left:-6rem;transform:translateY(50%)}.side-right-top.svelte-1e2ban9{position:absolute;top:-5%;right:-6rem}.side-right-bottom.svelte-1e2ban9{position:absolute;bottom:35%;right:-6rem;transform:translateY(50%)}@media(min-width:768px){.side-left.svelte-1e2ban9{left:-10rem}.side-right-top.svelte-1e2ban9{right:-19rem}.side-right-bottom.svelte-1e2ban9{right:-10rem}}.io-group.svelte-1e2ban9{display:flex;flex-direction:column;align-items:center;gap:.125rem}.io-icon-box.svelte-1e2ban9{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-base-300);border-radius:.5rem;background:var(--color-base-100)}.io-label.svelte-1e2ban9{font-size:.875rem;font-weight:500;color:var(--color-base-content);text-align:center;white-space:nowrap}.gen-img-wrapper.svelte-1e2ban9{position:relative;width:fit-content;margin:3rem auto}@media(min-width:768px){.gen-img-wrapper.svelte-1e2ban9{margin:4rem auto}}.gen-img.svelte-1e2ban9{max-width:100%;max-height:280px;height:auto;display:block}@media(min-width:768px){.gen-img.svelte-1e2ban9{min-width:340px}}.anchor.svelte-1e2ban9{position:absolute;width:2px;height:2px;pointer-events:none}.comp-label.svelte-1e2ban9{display:flex;flex-direction:column;align-items:center;padding:.125rem .375rem;background:var(--color-base-100);position:relative;z-index:1}.comp-title.svelte-1e2ban9{font-size:1.3125rem;font-weight:600;color:var(--color-base-content);line-height:1.2;white-space:nowrap}@media(min-width:768px){.comp-title.svelte-1e2ban9{font-size:1.25rem}}.comp-sub.svelte-1e2ban9{font-size:1.125rem;color:var(--color-base-content);opacity:.55;line-height:1.3;white-space:nowrap}@media(min-width:768px){.comp-sub.svelte-1e2ban9{font-size:1rem}}.output-heading.svelte-1e2ban9{font-size:.875rem;font-weight:500;color:var(--color-base-content);text-align:center;line-height:1.2}.devices-stack.svelte-1e2ban9{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(min-width:768px){.devices-stack.svelte-1e2ban9{flex-direction:row}}.device-row.svelte-1e2ban9{display:flex;align-items:center;gap:.25rem}.device-img.svelte-1e2ban9{width:2.625rem;height:2.625rem;object-fit:contain}@media(min-width:768px){.io-icon-box.svelte-1e2ban9{width:5rem;height:5rem}.io-icon-box.svelte-1e2ban9 i:where(.svelte-1e2ban9){font-size:2rem}.io-label.svelte-1e2ban9,.output-heading.svelte-1e2ban9{font-size:1.25rem}.device-img.svelte-1e2ban9{width:5rem;height:5rem}}.label-top-left.svelte-1e2ban9{position:absolute;top:-3.25rem;left:-3rem}.label-top-right.svelte-1e2ban9{position:absolute;top:-3.25rem;right:-3rem}.label-bottom-left.svelte-1e2ban9{position:absolute;bottom:-3.25rem;left:-3rem}.label-bottom-right.svelte-1e2ban9{position:absolute;bottom:-3.25rem;right:-3rem}@media(min-width:768px){.label-top-left.svelte-1e2ban9,.label-top-right.svelte-1e2ban9{top:-3.75rem}.label-bottom-left.svelte-1e2ban9{bottom:-3.75rem;left:-1rem}.label-bottom-right.svelte-1e2ban9{bottom:-3.75rem;right:-1rem}}