.crosspane-demo[data-astro-cid-vpc36uva]{--cp-accent:#6fdcff;--cp-pointer-travel:13;color:#e9f8ff;text-align:left;background:#071525;border:1px solid #244f6a;border-radius:1rem;overflow:hidden;box-shadow:0 2rem 6rem #00000040}.cp-demo-bar[data-astro-cid-vpc36uva]{border-bottom:1px solid #6fdcff26;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.75rem;display:flex}.cp-demo-bar[data-astro-cid-vpc36uva]>span[data-astro-cid-vpc36uva]:last-child{color:#89cbd5;font-size:.65rem}.cp-stage[data-astro-cid-vpc36uva]{overflow:hidden}.cp-screen[data-astro-cid-vpc36uva]{aspect-ratio:1100/760;position:relative;overflow:hidden}.cp-screen[data-astro-cid-vpc36uva]>img[data-astro-cid-vpc36uva]{width:100%;height:auto;display:block}.cp-windows[data-astro-cid-vpc36uva]{display:none!important}[data-astro-cid-vpc36uva][data-step="2"] .cp-settings[data-astro-cid-vpc36uva]{display:none}[data-astro-cid-vpc36uva][data-step="2"] .cp-windows[data-astro-cid-vpc36uva]{display:block!important}.cp-pointer[data-astro-cid-vpc36uva]{z-index:3;filter:drop-shadow(0 2px 4px #0006);opacity:0;width:1.5rem;height:1.85rem;position:absolute;top:69.3%;left:87%}.cp-pointer[data-astro-cid-vpc36uva] svg[data-astro-cid-vpc36uva]{width:100%;height:100%}[data-astro-cid-vpc36uva][data-step="1"] .cp-pointer[data-astro-cid-vpc36uva]{opacity:1}.cp-touch[data-astro-cid-vpc36uva]{background:var(--cp-accent);opacity:0;width:2px;height:9.1%;position:absolute;top:65%;left:80.8%;box-shadow:0 0 .9rem #6fdcff80}[data-astro-cid-vpc36uva][data-step="0"] .cp-touch[data-astro-cid-vpc36uva],[data-astro-cid-vpc36uva][data-step="1"] .cp-touch[data-astro-cid-vpc36uva]{opacity:1}.cp-highlight[data-astro-cid-vpc36uva]{border:2px solid var(--cp-accent);opacity:0;pointer-events:none;border-radius:.6rem;width:8.4%;height:4.7%;position:absolute;top:80.7%;left:42.8%;box-shadow:0 0 1.5rem #6fdcff1f}[data-astro-cid-vpc36uva][data-step="2"] .cp-highlight[data-astro-cid-vpc36uva]{opacity:1}.cp-image-label[data-astro-cid-vpc36uva]{color:#89cbd5;background:#071525d9;border-radius:.25rem;padding:.3rem .5rem;font-size:.55rem;position:absolute;bottom:.7rem;right:1rem}.cp-flow[data-astro-cid-vpc36uva]{background:#0a1e30;border-top:1px solid #6fdcff26;border-bottom:1px solid #6fdcff26;grid-template-columns:minmax(4.5rem,1fr) minmax(0,3fr) minmax(4.5rem,1fr);align-items:center;gap:1rem;padding:1.25rem 2rem;display:grid}.cp-machine[data-astro-cid-vpc36uva]{color:#89cbd5;justify-content:center;align-items:center;gap:.65rem;font-size:.75rem;display:flex}.cp-machine[data-astro-cid-vpc36uva] svg[data-astro-cid-vpc36uva]{flex:none;width:1.5rem;height:1.5rem}.cp-destination[data-astro-cid-vpc36uva]{color:#b7efff}.cp-flow-track[data-astro-cid-vpc36uva]{justify-content:center;align-items:center;min-height:2.25rem;display:flex;position:relative}.cp-flow-line[data-astro-cid-vpc36uva]{border-top:1px solid #6fdcff4d;position:absolute;inset:50% 0 auto}.cp-flow-token[data-astro-cid-vpc36uva]{color:#e9f8ff;text-align:center;background:#10344d;border:1px solid #32768b;border-radius:.45rem;padding:.6rem .8rem;font-size:.7rem;line-height:1.2;position:relative}[data-astro-cid-vpc36uva][data-step="1"] .cp-flow-token[data-astro-cid-vpc36uva]{margin-left:auto}[data-astro-cid-vpc36uva][data-step="2"] .cp-flow-token[data-astro-cid-vpc36uva]{margin-right:auto}.cp-controls[data-astro-cid-vpc36uva]{align-items:center;gap:1rem;padding:1rem 1.25rem 0;display:flex}.cp-controls[data-astro-cid-vpc36uva][hidden]{display:none}.cp-steps[data-astro-cid-vpc36uva]{flex:1;gap:.5rem;display:flex}.cp-steps[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva]{color:#89cbd5;text-align:left;cursor:pointer;border-bottom:2px solid #244f6a;flex:1;align-items:center;gap:.6rem;padding:.7rem .5rem;font-size:.75rem;display:flex}.cp-steps[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva]>span[data-astro-cid-vpc36uva]{color:#6896aa;font-size:.6rem}.cp-steps[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva][aria-pressed=true]{border-color:var(--cp-accent);color:#e9f8ff}.cp-steps[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva][aria-pressed=true]>span[data-astro-cid-vpc36uva]{color:var(--cp-accent)}.cp-play[data-astro-cid-vpc36uva]{color:#b7efff;cursor:pointer;border:1px solid #244f6a;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.4rem;width:4.75rem;padding:.7rem .4rem;font-size:.7rem;display:flex}.cp-play-icon[data-astro-cid-vpc36uva],.cp-pause-icon[data-astro-cid-vpc36uva]{width:.9rem;height:.9rem;display:inline-flex}.cp-play-icon[data-astro-cid-vpc36uva] svg,.cp-pause-icon[data-astro-cid-vpc36uva] svg{width:100%;height:100%}[data-astro-cid-vpc36uva][data-paused=true] .cp-pause-icon[data-astro-cid-vpc36uva],[data-astro-cid-vpc36uva][data-paused=false] .cp-play-icon[data-astro-cid-vpc36uva]{display:none}.cp-description[data-astro-cid-vpc36uva]{justify-content:space-between;align-items:center;gap:2rem;min-height:125px;padding:1.25rem 1.75rem;display:flex}.cp-description[data-astro-cid-vpc36uva] h3[data-astro-cid-vpc36uva]{margin:0 0 .4rem;font-size:1.05rem;font-weight:500}.cp-description[data-astro-cid-vpc36uva] p[data-astro-cid-vpc36uva]{color:#b7d7df;max-width:44rem;margin:0;font-size:.85rem;line-height:1.6}.cp-try[data-astro-cid-vpc36uva]{color:#e9f8ff;cursor:pointer;background:#10344d;border:1px solid #32768b;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.75rem;display:flex}.cp-try[data-astro-cid-vpc36uva]:disabled{display:none}.cp-caption[data-astro-cid-vpc36uva]{color:#89cbd5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:0 1.75rem 1.25rem;font-size:.65rem;line-height:1.5;display:flex}.cp-caption[data-astro-cid-vpc36uva] a[data-astro-cid-vpc36uva],.cp-static-steps[data-astro-cid-vpc36uva] a[data-astro-cid-vpc36uva]{color:#b7efff;text-underline-offset:3px;text-decoration:underline}.cp-static-steps[data-astro-cid-vpc36uva]{color:#b7d7df;gap:.75rem;padding:0 1.75rem 1rem;font-size:.85rem;line-height:1.6;display:grid}.cp-static-steps[data-astro-cid-vpc36uva] p[data-astro-cid-vpc36uva]{margin:0}.cp-announcement[data-astro-cid-vpc36uva]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crosspane-demo[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva]:focus-visible,.crosspane-demo[data-astro-cid-vpc36uva] a[data-astro-cid-vpc36uva]:focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px;border-radius:.25rem}@media (width<=700px){.crosspane-demo[data-astro-cid-vpc36uva]{--cp-pointer-travel:44}.cp-demo-bar[data-astro-cid-vpc36uva]{padding:.75rem 1rem;font-size:.7rem}.cp-demo-bar[data-astro-cid-vpc36uva]>span[data-astro-cid-vpc36uva]:last-child{text-align:right;max-width:7rem;font-size:.6rem}.cp-screen[data-astro-cid-vpc36uva]{aspect-ratio:1.35}.cp-screen[data-astro-cid-vpc36uva]>img[data-astro-cid-vpc36uva]{width:333%;max-width:none;position:absolute;top:0;left:-210%;transform:translateY(-57%)}.cp-screen[data-astro-cid-vpc36uva]>.cp-windows[data-astro-cid-vpc36uva]{left:-78%;transform:translateY(-70%)}.cp-pointer[data-astro-cid-vpc36uva]{top:38.2%;left:79.7%}.cp-touch[data-astro-cid-vpc36uva]{height:28.3%;top:24.8%;left:59.1%}.cp-highlight[data-astro-cid-vpc36uva]{width:28%;height:16%;top:33.2%;left:64.5%}.cp-image-label[data-astro-cid-vpc36uva]{font-size:.5rem;bottom:.5rem;right:.5rem}.cp-flow[data-astro-cid-vpc36uva]{grid-template-columns:3.5rem minmax(0,1fr) 3.5rem;gap:.5rem;padding:1rem}.cp-machine[data-astro-cid-vpc36uva]{flex-direction:column;gap:.3rem;font-size:.65rem}.cp-flow-token[data-astro-cid-vpc36uva]{padding:.55rem .6rem;font-size:.65rem}.cp-controls[data-astro-cid-vpc36uva]{align-items:start;gap:.75rem;padding:.75rem 1rem 0}.cp-steps[data-astro-cid-vpc36uva]{flex-direction:column;gap:0}.cp-steps[data-astro-cid-vpc36uva] button[data-astro-cid-vpc36uva]{border-bottom-width:1px;padding:.55rem .25rem;font-size:.73rem}.cp-play[data-astro-cid-vpc36uva]{margin-top:.25rem}.cp-description[data-astro-cid-vpc36uva]{flex-direction:column;align-items:start;gap:1rem;min-height:190px;padding:1rem}.cp-caption[data-astro-cid-vpc36uva]{padding:0 1rem 1rem}.cp-static-steps[data-astro-cid-vpc36uva]{padding-inline:1rem}}