.zapp-arch[data-astro-cid-d4vmfysn]{--node-h:44px;--gap-y:48px;--node-w:34;--pad:24px;--bw:1px;--part-w:56px;--part-h:24px;--part-gap:40px;--lane:3%;--line:2px;--arrow:6px;--dash:8px;--dash-period:14px;--text:var(--primary);--voice:var(--layer-client);--row:calc(var(--node-h) + var(--gap-y));--topo-h:calc(7 * var(--node-h) + 6 * var(--gap-y));--media-mid:calc(var(--row) + var(--node-h) / 2);--under-recorder:calc(var(--node-h) + var(--gap-y) / 2);--s3-mid:calc(2 * var(--row) + var(--node-h) / 2);--db-mid:calc(3 * var(--row) + var(--node-h) / 2);--sig-mid:calc(5 * var(--row) + var(--node-h) / 2);--part-mid:calc(var(--topo-h) + var(--pad) + var(--bw) + var(--part-gap) + var(--part-h) / 2);max-width:680px;margin:32px auto 0}.zapp-arch__description[data-astro-cid-d4vmfysn]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zapp-arch__layout[data-astro-cid-d4vmfysn]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zapp-arch__region[data-astro-cid-d4vmfysn]{border:var(--bw) solid var(--border);background:var(--surface-card);padding:var(--pad);border-radius:12px;grid-column:1/-1;position:relative}.zapp-arch__region-name[data-astro-cid-d4vmfysn]{top:var(--pad);right:var(--pad);height:20px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700;line-height:20px;position:absolute}.zapp-arch__topology[data-astro-cid-d4vmfysn]{height:var(--topo-h);position:relative}.zapp-arch__nodes[data-astro-cid-d4vmfysn]{margin:0;padding:0;list-style:none}.zapp-arch__node[data-astro-cid-d4vmfysn]{z-index:1;width:calc(var(--node-w) * 1%);height:var(--node-h);border:1px solid var(--border);background:var(--surface-soft);color:var(--heading);border-radius:6px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:absolute}.zapp-arch__label[data-astro-cid-d4vmfysn]{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.zapp-arch__gear[data-astro-cid-d4vmfysn]{color:var(--voice);margin-top:-11px;animation:3s linear infinite zapp-arch-gear;display:inline-flex;position:absolute;top:50%;left:calc(100% + 8px)}@keyframes zapp-arch-gear{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.zapp-arch__gear[data-astro-cid-d4vmfysn]{animation:none}}.zapp-arch__rec[data-astro-cid-d4vmfysn]{background:#e5322d;border-radius:50%;flex:none;width:9px;height:9px}.zapp-arch__node--recorder[data-astro-cid-d4vmfysn],.zapp-arch__node--dispatcher[data-astro-cid-d4vmfysn]{left:calc(50% - var(--node-w) * 0.5%)}.zapp-arch__node--media-1[data-astro-cid-d4vmfysn],.zapp-arch__node--signaling-1[data-astro-cid-d4vmfysn]{left:calc(25% - var(--node-w) * 0.5%)}.zapp-arch__node--media-2[data-astro-cid-d4vmfysn],.zapp-arch__node--signaling-2[data-astro-cid-d4vmfysn]{left:calc(75% - var(--node-w) * 0.5%)}.zapp-arch__node--recorder[data-astro-cid-d4vmfysn]{top:0}.zapp-arch__node--media-1[data-astro-cid-d4vmfysn],.zapp-arch__node--media-2[data-astro-cid-d4vmfysn]{top:var(--row)}.zapp-arch__node--s3[data-astro-cid-d4vmfysn],.zapp-arch__node--database[data-astro-cid-d4vmfysn]{left:calc(50% - var(--node-w) * 0.5%)}.zapp-arch__node--s3[data-astro-cid-d4vmfysn]{top:calc(2 * var(--row))}.zapp-arch__node--database[data-astro-cid-d4vmfysn]{top:calc(3 * var(--row))}.zapp-arch__node--dispatcher[data-astro-cid-d4vmfysn]{top:calc(4 * var(--row))}.zapp-arch__node--signaling-1[data-astro-cid-d4vmfysn],.zapp-arch__node--signaling-2[data-astro-cid-d4vmfysn]{top:calc(5 * var(--row))}.zapp-arch__node--oidc[data-astro-cid-d4vmfysn]{top:calc(6 * var(--row));left:calc(50% - var(--node-w) * 0.5%)}.zapp-arch__participant[data-astro-cid-d4vmfysn]{width:var(--part-w);margin-top:var(--part-gap);color:var(--heading);font-size:15px;font-weight:700;line-height:var(--part-h);text-align:center;justify-self:center}.zapp-arch__participant--bob[data-astro-cid-d4vmfysn]{transform:translateX(calc((var(--pad) + var(--bw)) / 2));grid-column:1}.zapp-arch__participant--alice[data-astro-cid-d4vmfysn]{transform:translateX(calc((var(--pad) + var(--bw)) / -2));grid-column:2}.zapp-arch__seg[data-astro-cid-d4vmfysn]{--seg-color:var(--text);--dash-axis:to right;--flow-dashes:repeating-linear-gradient(var(--dash-axis), var(--seg-color) 0 6px, transparent 6px 10px);background:var(--flow-dashes);display:block;position:absolute}.zapp-arch__seg[data-astro-cid-d4vmfysn].is-h{height:var(--line)}.zapp-arch__seg[data-astro-cid-d4vmfysn].is-v{--dash-axis:to bottom;width:var(--line)}.zapp-arch__seg[data-astro-cid-d4vmfysn].is-voice{--seg-color:var(--voice);--flow-dashes:repeating-linear-gradient(var(--dash-axis), var(--seg-color) 0 var(--dash), transparent var(--dash) var(--dash-period));background:var(--flow-dashes)}.zapp-arch__seg[data-astro-cid-d4vmfysn].flow-right,.zapp-arch__seg[data-astro-cid-d4vmfysn].flow-left,.zapp-arch__seg[data-astro-cid-d4vmfysn].flow-down,.zapp-arch__seg[data-astro-cid-d4vmfysn].flow-up{--flow-dashes-content:"";background:0 0}@media (prefers-reduced-motion:reduce){.zapp-arch__seg[data-astro-cid-d4vmfysn]{animation:none!important}}.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-left:before,.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-up:before,.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-right:after,.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-down:after{content:"";width:0;height:0;position:absolute}.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-left:before{top:calc(50% - var(--arrow) * .6);border-top:calc(var(--arrow) * .6) solid transparent;border-right:var(--arrow) solid var(--seg-color);border-bottom:calc(var(--arrow) * .6) solid transparent;left:0}.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-right:after{top:calc(50% - var(--arrow) * .6);border-top:calc(var(--arrow) * .6) solid transparent;border-bottom:calc(var(--arrow) * .6) solid transparent;border-left:var(--arrow) solid var(--seg-color);right:0}.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-up:before{top:0;left:calc(50% - var(--arrow) * .6);border-right:calc(var(--arrow) * .6) solid transparent;border-bottom:var(--arrow) solid var(--seg-color);border-left:calc(var(--arrow) * .6) solid transparent}.zapp-arch__seg[data-astro-cid-d4vmfysn].arrow-down:after{bottom:0;left:calc(50% - var(--arrow) * .6);border-top:var(--arrow) solid var(--seg-color);border-right:calc(var(--arrow) * .6) solid transparent;border-left:calc(var(--arrow) * .6) solid transparent}.zapp-arch__seg--t-bob[data-astro-cid-d4vmfysn],.zapp-arch__seg--t-alice[data-astro-cid-d4vmfysn]{top:calc(5 * var(--row) + var(--node-h));height:calc(var(--row) + var(--pad) + var(--bw) + var(--part-gap))}.zapp-arch__seg--t-bob[data-astro-cid-d4vmfysn]{left:calc(25% - var(--line) / 2)}.zapp-arch__seg--t-alice[data-astro-cid-d4vmfysn]{left:calc(75% - var(--line) / 2)}.zapp-arch__seg--t-sig[data-astro-cid-d4vmfysn]{top:calc(var(--sig-mid) - var(--line) / 2);right:calc(25% + var(--node-w) * 0.5%);left:calc(25% + var(--node-w) * 0.5%)}.zapp-arch__seg--t-sig1-disp[data-astro-cid-d4vmfysn],.zapp-arch__seg--t-sig2-disp[data-astro-cid-d4vmfysn]{top:calc(4 * var(--row) + var(--node-h));height:var(--gap-y)}.zapp-arch__seg--t-sig1-disp[data-astro-cid-d4vmfysn]{left:calc(38% - var(--line) / 2)}.zapp-arch__seg--t-sig2-disp[data-astro-cid-d4vmfysn]{left:calc(62% - var(--line) / 2)}.zapp-arch__seg--t-sig1-media[data-astro-cid-d4vmfysn]{top:calc(var(--row) + var(--node-h));left:calc(15% - var(--line) / 2);height:calc(4 * var(--gap-y) + 3 * var(--node-h))}.zapp-arch__seg--b-sig1[data-astro-cid-d4vmfysn],.zapp-arch__seg--b-sig2[data-astro-cid-d4vmfysn]{top:calc(var(--s3-mid) - var(--line) / 2);height:calc(5 * var(--row) - var(--s3-mid) + var(--line) / 2)}.zapp-arch__seg--b-sig1[data-astro-cid-d4vmfysn]{left:calc(27% - var(--line) / 2)}.zapp-arch__seg--b-sig2[data-astro-cid-d4vmfysn]{left:calc(73% - var(--line) / 2)}.zapp-arch__seg--b-db-l[data-astro-cid-d4vmfysn],.zapp-arch__seg--b-db-r[data-astro-cid-d4vmfysn]{top:calc(var(--db-mid) - var(--line) / 2)}.zapp-arch__seg--b-s3-l[data-astro-cid-d4vmfysn],.zapp-arch__seg--b-s3-r[data-astro-cid-d4vmfysn]{top:calc(var(--s3-mid) - var(--line) / 2)}.zapp-arch__seg--b-db-l[data-astro-cid-d4vmfysn],.zapp-arch__seg--b-s3-l[data-astro-cid-d4vmfysn]{right:calc(50% + var(--node-w) * 0.5%);left:calc(27% - var(--line) / 2)}.zapp-arch__seg--b-db-r[data-astro-cid-d4vmfysn],.zapp-arch__seg--b-s3-r[data-astro-cid-d4vmfysn]{right:calc(27% - var(--line) / 2);left:calc(50% + var(--node-w) * 0.5%)}.zapp-arch__seg--o-bob-v[data-astro-cid-d4vmfysn],.zapp-arch__seg--o-alice-v[data-astro-cid-d4vmfysn]{top:calc(6 * var(--row) + var(--node-h));height:calc(var(--part-mid) - 6 * var(--row) - var(--node-h) + var(--line) / 2)}.zapp-arch__seg--o-bob-v[data-astro-cid-d4vmfysn]{left:calc(40% - var(--line) / 2)}.zapp-arch__seg--o-alice-v[data-astro-cid-d4vmfysn]{left:calc(60% - var(--line) / 2)}.zapp-arch__seg--o-bob-h[data-astro-cid-d4vmfysn],.zapp-arch__seg--o-alice-h[data-astro-cid-d4vmfysn]{top:calc(var(--part-mid) - var(--line) / 2)}.zapp-arch__seg--o-bob-h[data-astro-cid-d4vmfysn]{right:calc(60% - var(--line) / 2);left:calc(25% + var(--part-w) / 2)}.zapp-arch__seg--o-alice-h[data-astro-cid-d4vmfysn]{right:calc(25% + var(--part-w) / 2);left:calc(60% - var(--line) / 2)}.zapp-arch__seg--v-bob-out[data-astro-cid-d4vmfysn]{top:calc(var(--part-mid) - var(--line) / 2);right:calc(75% + var(--part-w) / 2);left:calc(var(--lane) - var(--line) / 2)}.zapp-arch__seg--v-bob-up[data-astro-cid-d4vmfysn]{top:calc(var(--media-mid) - var(--line) / 2);left:calc(var(--lane) - var(--line) / 2);height:calc(var(--part-mid) - var(--media-mid) + var(--line))}.zapp-arch__seg--v-bob-in[data-astro-cid-d4vmfysn]{top:calc(var(--media-mid) - var(--line) / 2);right:calc(75% + var(--node-w) * 0.5%);left:calc(var(--lane) - var(--line) / 2)}.zapp-arch__seg--v-m-up[data-astro-cid-d4vmfysn]{top:calc(var(--under-recorder) - var(--line) / 2);left:calc(36% - var(--line) / 2);height:calc(var(--row) - var(--under-recorder) + var(--line) / 2)}.zapp-arch__seg--v-m-across[data-astro-cid-d4vmfysn]{top:calc(var(--under-recorder) - var(--line) / 2);right:calc(var(--lane) - var(--line) / 2);left:calc(36% - var(--line) / 2)}.zapp-arch__seg--v-alice-down[data-astro-cid-d4vmfysn]{top:calc(var(--under-recorder) - var(--line) / 2);right:calc(var(--lane) - var(--line) / 2);height:calc(var(--part-mid) - var(--under-recorder) + var(--line))}.zapp-arch__seg--v-alice-in[data-astro-cid-d4vmfysn]{top:calc(var(--part-mid) - var(--line) / 2);right:calc(var(--lane) - var(--line) / 2);left:calc(75% + var(--part-w) / 2)}.zapp-arch__seg--r-up[data-astro-cid-d4vmfysn]{top:calc(var(--node-h) / 2 - var(--line) / 2);left:calc(25% - var(--line) / 2);height:calc(var(--row) - var(--node-h) / 2 + var(--line) / 2)}.zapp-arch__seg--r-in[data-astro-cid-d4vmfysn]{top:calc(var(--node-h) / 2 - var(--line) / 2);right:calc(50% + var(--node-w) * 0.5%);left:calc(25% - var(--line) / 2)}@media (width<=1199px){.zapp-arch[data-astro-cid-d4vmfysn]{--node-h:40px;--gap-y:44px;--node-w:36;--pad:16px;--part-gap:28px}.zapp-arch__node[data-astro-cid-d4vmfysn]{font-size:14px}.zapp-arch__label[data-astro-cid-d4vmfysn] svg{display:none}}.zsn[data-astro-cid-uokxsgsr]{--pad:24px;--link-w:72px;--part-gap:56px;--line:2px;--arrow:6px;--dash:8px;--dash-period:14px;--signal:var(--primary);--voice:var(--layer-client);max-width:760px;margin:32px auto 0}.zsn__description[data-astro-cid-uokxsgsr]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zsn__layout[data-astro-cid-uokxsgsr]{grid-template-areas:"server link storage""people. .";grid-template-columns:minmax(0, 1fr) var(--link-w) minmax(0, 1fr);display:grid}.zsn__block[data-astro-cid-uokxsgsr]{border:1px solid var(--border);background:var(--surface-card);padding:var(--pad);border-radius:12px}.zsn__block--server[data-astro-cid-uokxsgsr]{grid-area:server}.zsn__block--storage[data-astro-cid-uokxsgsr]{flex-direction:column;grid-area:storage;align-self:center;display:flex}.zsn__name[data-astro-cid-uokxsgsr]{height:20px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700;line-height:20px}.zsn__roles[data-astro-cid-uokxsgsr]{flex:1;grid-template-columns:minmax(0,1fr);align-content:center;gap:12px;margin:0;padding:0;list-style:none;display:grid}.zsn__role[data-astro-cid-uokxsgsr]{border:1px solid var(--border);background:var(--surface-soft);min-width:0;height:44px;color:var(--heading);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.zsn__role-in[data-astro-cid-uokxsgsr]{align-items:center;gap:6px;width:10.5em;display:flex}.zsn__role[data-astro-cid-uokxsgsr] svg{flex:none}.zsn__rec[data-astro-cid-uokxsgsr]{background:#e5322d;border-radius:50%;flex:none;width:9px;height:9px}.zsn__gear[data-astro-cid-uokxsgsr]{color:var(--voice);animation:3s linear infinite zsn-gear;display:inline-flex}@keyframes zsn-gear{to{transform:rotate(360deg)}}.zsn__link[data-astro-cid-uokxsgsr]{grid-area:link;position:relative}.zsn__seg--link-h[data-astro-cid-uokxsgsr]{top:calc(50% - var(--line) / 2);height:var(--line);left:0;right:0}.zsn__link[data-astro-cid-uokxsgsr] .zsn__seg--link-v[data-astro-cid-uokxsgsr]{display:none}.zsn__people[data-astro-cid-uokxsgsr]{grid-area:people;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zsn__person[data-astro-cid-uokxsgsr]{flex-direction:column;align-items:center;display:flex}.zsn__wires[data-astro-cid-uokxsgsr]{gap:16px;display:flex}.zsn__wires[data-astro-cid-uokxsgsr] .zsn__seg--wire[data-astro-cid-uokxsgsr]{width:var(--line);height:var(--part-gap);position:relative}.zsn__person-name[data-astro-cid-uokxsgsr]{color:var(--heading);margin-top:4px;font-size:15px;font-weight:700;line-height:24px}.zsn__seg[data-astro-cid-uokxsgsr]{--seg-color:var(--signal);--dash-axis:to right;--flow-dashes:repeating-linear-gradient(var(--dash-axis), var(--seg-color) 0 6px, transparent 6px 10px);background:var(--flow-dashes);display:block;position:absolute}.zsn__seg--link-v[data-astro-cid-uokxsgsr],.zsn__seg--wire[data-astro-cid-uokxsgsr]{--dash-axis:to bottom}.zsn__seg[data-astro-cid-uokxsgsr].is-voice{--seg-color:var(--voice);--flow-dashes:repeating-linear-gradient(var(--dash-axis), var(--seg-color) 0 var(--dash), transparent var(--dash) var(--dash-period));background:var(--flow-dashes)}.zsn__seg[data-astro-cid-uokxsgsr].flow-up,.zsn__seg[data-astro-cid-uokxsgsr].flow-down{--flow-dashes-content:"";background:0 0}@media (prefers-reduced-motion:reduce){.zsn__seg[data-astro-cid-uokxsgsr],.zsn__gear[data-astro-cid-uokxsgsr]{animation:none!important}}.zsn__seg[data-astro-cid-uokxsgsr].arrow-left:before,.zsn__seg[data-astro-cid-uokxsgsr].arrow-up:before,.zsn__seg[data-astro-cid-uokxsgsr].arrow-right:after,.zsn__seg[data-astro-cid-uokxsgsr].arrow-down:after{content:"";width:0;height:0;position:absolute}.zsn__seg[data-astro-cid-uokxsgsr].arrow-left:before{top:calc(50% - var(--arrow) * .6);border-top:calc(var(--arrow) * .6) solid transparent;border-right:var(--arrow) solid var(--seg-color);border-bottom:calc(var(--arrow) * .6) solid transparent;left:0}.zsn__seg[data-astro-cid-uokxsgsr].arrow-right:after{top:calc(50% - var(--arrow) * .6);border-top:calc(var(--arrow) * .6) solid transparent;border-bottom:calc(var(--arrow) * .6) solid transparent;border-left:var(--arrow) solid var(--seg-color);right:0}.zsn__seg[data-astro-cid-uokxsgsr].arrow-up:before{top:0;left:calc(50% - var(--arrow) * .6);border-right:calc(var(--arrow) * .6) solid transparent;border-bottom:var(--arrow) solid var(--seg-color);border-left:calc(var(--arrow) * .6) solid transparent}.zsn__seg[data-astro-cid-uokxsgsr].arrow-down:after{bottom:0;left:calc(50% - var(--arrow) * .6);border-top:var(--arrow) solid var(--seg-color);border-right:calc(var(--arrow) * .6) solid transparent;border-left:calc(var(--arrow) * .6) solid transparent}@media (width<=1199px){.zsn[data-astro-cid-uokxsgsr]{--pad:16px;--link-w:56px}.zsn__role[data-astro-cid-uokxsgsr]{font-size:14px}}.zsn--vm[data-astro-cid-uokxsgsr]{max-width:380px}.zsn--vm[data-astro-cid-uokxsgsr] .zsn__layout[data-astro-cid-uokxsgsr]{grid-template-columns:minmax(0,1fr);grid-template-areas:"server""people"}@media (width<=767px){.zsn[data-astro-cid-uokxsgsr]{--link-w:40px;--part-gap:48px}.zsn[data-astro-cid-uokxsgsr] .zsn__layout[data-astro-cid-uokxsgsr]{grid-template-columns:minmax(0,1fr);grid-template-areas:"storage""link""server""people"}.zsn[data-astro-cid-uokxsgsr] .zsn__link[data-astro-cid-uokxsgsr]{height:var(--link-w)}.zsn[data-astro-cid-uokxsgsr] .zsn__link[data-astro-cid-uokxsgsr] .zsn__seg--link-h[data-astro-cid-uokxsgsr]{display:none}.zsn[data-astro-cid-uokxsgsr] .zsn__link[data-astro-cid-uokxsgsr] .zsn__seg--link-v[data-astro-cid-uokxsgsr]{top:0;bottom:0;left:calc(50% - var(--line) / 2);width:var(--line);display:block}}.cmp{--cmp-bg:#eef1f4;background:var(--cmp-bg);border-radius:8px;gap:12px;padding:16px;display:grid;position:relative}[data-theme=dark] .cmp{--cmp-bg:#1a2232}.cmp__close{z-index:2;position:absolute;top:8px;right:12px}.cmp__switch{vertical-align:top;align-items:center;gap:8px;display:inline-flex}.cmp__slide-title,.cmp-viewport__label{color:var(--text);text-align:center;margin:0;font-size:18px;font-weight:500;line-height:32px}.cmp__slide-title{white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cmp__slide{grid-template-columns:auto repeat(2,minmax(0,1fr)) auto;gap:12px;min-height:0;display:grid;position:relative}.cmp__slide>[data-cmp-viewport]{grid-row:1}.cmp__slide>[data-cmp-viewport=left]{grid-column:2}.cmp__slide>[data-cmp-viewport=right]{grid-column:3}.cmp__side{width:40px;height:112px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-row:1;align-self:center;place-items:center;padding:0;transition:color .15s;display:grid}.cmp__side:hover{color:var(--primary)}.cmp__side:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cmp__side--prev{grid-column:1}.cmp__side--next{grid-column:-2/-1}.cmp-viewport{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;min-width:0;min-height:0;margin:0;display:grid}.cmp-viewport__frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-card);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;position:relative;overflow:hidden}.cmp-viewport__frame.is-grabbing,.cmp-viewport__frame.is-grabbing .cmp-viewport__image{cursor:grabbing!important}.cmp-viewport__frame:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cmp-viewport__image{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.cmp-viewport__status{border:3px solid var(--border);border-top-color:var(--primary);opacity:0;pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;transition:opacity .2s;animation:.8s linear infinite cmp-spin;position:absolute;top:50%;left:50%}.cmp-viewport.is-loading .cmp-viewport__status{opacity:1;transition-delay:.15s}.cmp-viewport.is-error .cmp-viewport__frame:after{content:"Image failed to load";color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-viewport__controls{justify-content:center;align-items:center;gap:4px;display:flex}.cmp-viewport__zoom{min-width:48px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:13px}.cmp-tool{border:1px solid var(--border);min-width:32px;height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0;font-size:13px;transition:color .16s,border-color .16s;display:inline-flex}.cmp-tool:hover{border-color:var(--primary);color:var(--primary-text)}.cmp-tool:focus-visible,.cmp__dot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cmp__caption{max-width:860px;min-height:52px;color:var(--text);text-align:center;align-content:center;margin:0 auto;font-size:16px;line-height:26px;display:grid}.cmp__caption p{margin:0}.cmp__caption a{color:var(--primary-text);text-decoration:underline}.cmp__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width>=680px){.cmp__footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;display:grid}.cmp__dots{grid-column:2}.cmp__expand{justify-self:end}}.cmp__dots{gap:2px;display:flex}.cmp__dot{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.cmp__dot:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;margin:auto;transition:background-color .16s;display:block}.cmp__dot:hover:before{background:var(--muted)}.cmp__dot.is-current:before{background:var(--primary)}.cmp__expand{gap:8px}.cmp:not(.cmp--in-dialog) .cmp__close,.cmp--in-dialog .cmp__expand{display:none}.cmp--full{height:calc(100dvh - var(--header-height) - 32px);flex-direction:column;min-height:480px;display:flex}.cmp--full .cmp__slide{flex:1;grid-template-rows:minmax(0,1fr)}.cmp--full .cmp-viewport__frame{aspect-ratio:auto;height:100%}.cmp--full .cmp__caption{min-height:0}.cmp-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);background:#eef1f4;border:0;margin:0;padding:0}[data-theme=dark] .cmp-dialog{background:#1a2232}.cmp-dialog::backdrop{background:#0e284199}.cmp-dialog .cmp--full{border:0;border-radius:0;height:100%;min-height:0;padding:12px 16px}html:has(.cmp-dialog[open]){overflow:hidden}@media (width<=789px){.cmp__slide-title{grid-area:1/1/auto/-1;justify-self:center;position:static;transform:none}.cmp__slide>[data-cmp-viewport],.cmp__side{grid-row:2}.cmp--full .cmp__slide{grid-template-rows:auto minmax(0,1fr)}}@media (width<=679px){.cmp{padding:12px}.cmp__slide{grid-template-columns:auto minmax(0,1fr) auto;gap:12px 4px}.cmp__slide>[data-cmp-viewport=right]{grid-area:3/2}.cmp__side{grid-row:2/span 2;width:28px}.cmp__side svg{width:16px;height:44px}.cmp--full .cmp__footer{display:none}.cmp__footer{justify-content:center}.cmp__dots{display:none}.cmp__expand{width:100%}.cmp--full{min-height:0}.cmp--full .cmp__slide{grid-template-rows:auto repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cmp-tool,.cmp__side,.cmp__dot:before,.cmp-viewport__status{transition:none}.cmp-viewport__status{animation-duration:2.4s}}.fm{--fm-feature-w:200px;--fm-col-min:104px;--fm-bg:var(--background);--fm-subject:color-mix(in srgb, var(--primary) 7%, var(--background));--fm-hover:var(--surface-soft);--fm-subject-hover:color-mix(in srgb, var(--primary) 12%, var(--background));position:relative}.fm__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fm__scroll{overscroll-behavior-x:contain;max-height:75vh;overflow:auto}.fm__scroll:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.fm__table{width:100%;min-width:calc(var(--fm-feature-w) + var(--fm-cols,6) * var(--fm-col-min));border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:16px}.fm__table th,.fm__table td{border-bottom:1px solid var(--border);background:var(--fm-bg);text-align:center;vertical-align:middle;height:48px;padding:8px;transition:background-color .12s}.fm__table .fm__subject{background:var(--fm-subject)}.fm__table thead th{z-index:2;color:var(--heading);font-size:15px;font-weight:500;position:sticky;top:0}.fm__table thead .fm__subject{font-weight:700}.fm__corner,.fm__feature{width:var(--fm-feature-w);position:sticky;left:0;text-align:left!important}.fm__corner{z-index:3!important}.fm__feature{z-index:1;color:var(--heading);font-weight:500}.fm__feature-name{align-items:center;gap:5px;display:inline-flex}.fm__feature-name svg{color:var(--muted);flex:none}.fm__description{color:var(--muted);font-size:13px;font-weight:400;line-height:18px;display:block}.fm--more-left .fm__corner,.fm--more-left .fm__feature{box-shadow:8px 0 8px -8px #0e284140}.fm__table tbody tr:hover>*{background:var(--fm-hover)}.fm__table tbody tr:hover>.fm__subject{background:var(--fm-subject-hover)}.fm__name,.fm__compare{justify-content:center;align-items:center;gap:6px;display:inline-flex}.fm__compare{color:var(--primary-text);text-decoration:none}.fm__compare svg{opacity:.7;flex:none}.fm__compare:hover span{text-decoration:underline}.fm__compare:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.fm__cell,.fm__cell-button{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.fm__cell{position:relative}.fm__status{display:inline-flex}.fm__status--supported{color:var(--status-supported)}.fm__status--limited{color:var(--status-limited)}.fm__status--unsupported{color:var(--status-not-tested)}.fm__cell-button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;gap:2px;padding:4px 6px;position:relative}.fm__cell-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.fm__more{color:var(--text);font-size:11px;font-weight:500;line-height:12px;position:absolute;top:50%;left:calc(100% - 3px);transform:translateY(-50%)}.fm__popover{border:1px solid var(--border);background:var(--surface-card);width:max-content;max-width:min(320px,100vw - 24px);box-shadow:var(--shadow);color:var(--text);text-align:left;border-radius:8px;margin:0;padding:12px 14px;font-size:14px;line-height:22px;position:fixed;inset:auto}.fm__popover-head{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;margin-bottom:6px;display:grid}.fm__popover-head strong{color:var(--heading)}.fm__popover-meta{color:var(--muted);grid-column:1;font-size:13px}.fm__popover-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;grid-area:1/2/span 2;align-self:start;padding:2px;display:inline-flex}.fm__popover-close:hover{color:var(--heading)}.fm__popover-close:focus-visible{outline:2px solid var(--primary)}.fm__popover p{margin:0}.fm__popover a{color:var(--primary-text);text-decoration:underline}.fm__label--supported{color:var(--status-supported)}.fm__label--limited{color:var(--status-limited)}.fm:after{content:"";background:linear-gradient(to right, transparent, var(--fm-bg));opacity:0;pointer-events:none;width:32px;transition:opacity .16s;position:absolute;top:0;bottom:0;right:0}.fm--more-right:after{opacity:1}@media (width<=679px){.fm{--fm-feature-w:140px;--fm-col-min:100px}.fm__table{font-size:15px}}@media (prefers-reduced-motion:reduce){.fm__table th,.fm__table td,.fm:after{transition:none}}