.px[data-astro-cid-h2qftw3d]{display:grid;gap:28px;align-items:center;--px-ease: cubic-bezier(.22, .61, .36, 1)}.px-diagram[data-astro-cid-h2qftw3d]{display:none}@media(min-width:900px){.px[data-astro-cid-h2qftw3d]{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px}.px-diagram[data-astro-cid-h2qftw3d]{display:block;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper);padding:14px;box-shadow:var(--shadow-card)}.px-diagram[data-astro-cid-h2qftw3d] svg{display:block;width:100%;height:auto;max-height:420px;overflow:visible}}.px-diagram[data-astro-cid-h2qftw3d] .px-part{cursor:pointer;transition:opacity .38s var(--px-ease),filter .38s var(--px-ease)}.px-diagram[data-astro-cid-h2qftw3d] .px-lines{transition:opacity .38s var(--px-ease)}.px-diagram[data-astro-cid-h2qftw3d] .px-frame{transition:stroke-width .38s var(--px-ease)}.px[data-astro-cid-h2qftw3d][data-active] .px-diagram[data-astro-cid-h2qftw3d] .px-part:not(.is-active){opacity:.4}.px[data-astro-cid-h2qftw3d][data-active] .px-diagram[data-astro-cid-h2qftw3d] .px-lines{opacity:.6}.px[data-astro-cid-h2qftw3d][data-active] .px-diagram[data-astro-cid-h2qftw3d] .px-part.is-active{opacity:1;filter:drop-shadow(0 0 10px rgba(23,128,111,.35)) drop-shadow(0 8px 18px rgba(23,128,111,.18))}.px[data-astro-cid-h2qftw3d][data-active=hosted] .px-diagram[data-astro-cid-h2qftw3d] .px-part[data-part=hosted]{filter:none}.px[data-astro-cid-h2qftw3d][data-active=hosted] .px-diagram[data-astro-cid-h2qftw3d] .px-frame{stroke-width:4}.px-list-wrap[data-astro-cid-h2qftw3d]{position:relative;contain:paint;padding:8px;margin:-8px}.px-list[data-astro-cid-h2qftw3d]{position:relative;display:grid;gap:2px}.px-marker[data-astro-cid-h2qftw3d]{display:none;position:absolute;left:8px;right:8px;top:8px;height:52px;border-radius:12px;background:#fff;box-shadow:var(--shadow-card);transform:translateY(0);transition:transform .36s var(--px-ease),height .36s var(--px-ease);pointer-events:none}.px-item[data-astro-cid-h2qftw3d]{position:relative;border-radius:12px}.px-item[data-astro-cid-h2qftw3d].is-active{background:#fff;box-shadow:var(--shadow-card)}@media(min-width:900px){.px-marker[data-astro-cid-h2qftw3d]{display:block}.px-item[data-astro-cid-h2qftw3d].is-active{background:none;box-shadow:none}}.px-button[data-astro-cid-h2qftw3d]{display:flex;width:100%;min-height:52px;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;text-align:left;font-weight:600;font-size:17px;color:var(--color-ink-2);cursor:pointer;transition:color .3s var(--px-ease)}.px-button[data-astro-cid-h2qftw3d]:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.px-num[data-astro-cid-h2qftw3d]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:9px;background:var(--color-teal-soft);color:var(--color-teal-strong);font-family:var(--font-mono);font-size:12px;font-weight:600;transition:background-color .3s var(--px-ease),color .3s var(--px-ease)}.px-item[data-astro-cid-h2qftw3d].is-active .px-button[data-astro-cid-h2qftw3d]{color:var(--color-ink)}.px-item[data-astro-cid-h2qftw3d].is-active .px-num[data-astro-cid-h2qftw3d]{background:var(--color-ink);color:var(--color-on-dark)}.px-desc[data-astro-cid-h2qftw3d]{display:grid;margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--color-teal-soft)}.px-text[data-astro-cid-h2qftw3d]{grid-area:1 / 1;font-size:16px;line-height:1.5;color:var(--color-ink-2);opacity:0;transform:translateY(6px);transition:opacity .32s var(--px-ease),transform .32s var(--px-ease);pointer-events:none}.px-text[data-astro-cid-h2qftw3d].is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:80ms}.px-text-title[data-astro-cid-h2qftw3d]{color:var(--color-ink)}@media(prefers-reduced-motion:reduce){.px-diagram[data-astro-cid-h2qftw3d] .px-part,.px-diagram[data-astro-cid-h2qftw3d] .px-lines,.px-diagram[data-astro-cid-h2qftw3d] .px-frame,.px-marker[data-astro-cid-h2qftw3d],.px-button[data-astro-cid-h2qftw3d],.px-num[data-astro-cid-h2qftw3d],.px-text[data-astro-cid-h2qftw3d]{transition:none}.px-text[data-astro-cid-h2qftw3d],.px-text[data-astro-cid-h2qftw3d].is-active{transform:none;transition-delay:0s}}