.demo-stage[data-astro-cid-zurasxeh]{--demo-pad: var(--padBase);--demo-zoom: var(--zoomBase);position:relative;height:var(--height);min-height:var(--minHeight);overflow:hidden;border-radius:1.25rem;isolation:isolate}.demo-stage__surface[data-astro-cid-zurasxeh]{position:absolute;inset:0;background:var(--surface);filter:var(--surfaceFilter)}.demo-stage__windows[data-astro-cid-zurasxeh]{position:absolute;inset:0}@media(max-width:767px){.demo-stage[data-astro-cid-zurasxeh]{--demo-pad: var(--padSm)}}@media(min-width:768px){.demo-stage[data-astro-cid-zurasxeh]{--demo-zoom: var(--zoomMd)}}@media(min-width:1024px){.demo-stage[data-astro-cid-zurasxeh]{--demo-zoom: var(--zoomLg)}}.demo-stage__sr[data-astro-cid-zurasxeh]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-stage,.demo-stage *,.demo-window,.demo-window *{box-sizing:border-box}.demo-window[data-astro-cid-s4punurx]{--dw-scale: calc(var(--demo-zoom, 1) * var(--dw-s));--dw-halfw: calc(var(--dw-w) * var(--dw-scale) / 2);--dw-halfh: calc(var(--dw-h) * var(--dw-scale) / 2);position:absolute;width:var(--dw-w);height:var(--dw-h);left:clamp(calc(var(--demo-pad) + var(--dw-halfw)),var(--dw-x),calc(100% - var(--demo-pad) - var(--dw-halfw)));top:clamp(calc(var(--demo-pad) + var(--dw-halfh)),var(--dw-y),calc(100% - var(--demo-pad) - var(--dw-halfh)));transform:translate(-50%,-50%)}.demo-window--crop[data-astro-cid-s4punurx]{left:var(--dw-x);top:var(--dw-y)}.demo-window[data-astro-cid-s4punurx][data-hide-below=md],.demo-window[data-astro-cid-s4punurx][data-hide-below=lg]{display:none}@media(min-width:768px){.demo-window[data-astro-cid-s4punurx][data-hide-below=md]{display:block}}@media(min-width:1024px){.demo-window[data-astro-cid-s4punurx][data-hide-below=lg]{display:block}}.demo-window__lift[data-astro-cid-s4punurx]{height:100%;transform:scale(var(--dw-scale));transform-origin:center center}.demo-window__float[data-astro-cid-s4punurx]{height:100%}.demo-stage[data-demo-anim] .demo-window__lift[data-astro-cid-s4punurx]{opacity:0;transform:scale(var(--dw-scale)) translate3d(0,var(--dw-rise),0);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .55s ease-out;transition-delay:calc(var(--dw-i, 0) * 90ms)}.demo-stage[data-demo-anim].is-in .demo-window__lift[data-astro-cid-s4punurx]{opacity:1;transform:scale(var(--dw-scale))}.demo-stage.is-settled .demo-window__float[data-astro-cid-s4punurx]{animation:dw-float 9s ease-in-out infinite;animation-delay:calc(var(--dw-i, 0) * -2.3s)}.demo-window[data-astro-cid-s4punurx].is-dragging .demo-window__float[data-astro-cid-s4punurx]{animation:none}.demo-window[data-astro-cid-s4punurx].is-dragging .demo-window__chrome[data-astro-cid-s4punurx]{cursor:grabbing}@keyframes dw-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.demo-window__chrome[data-astro-cid-s4punurx]{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:12px;cursor:grab;user-select:none;box-shadow:0 28px 70px #131d2e2e,0 14px 32px #131d2e1f,0 0 0 1px #131d2e0f}.demo-window--light[data-astro-cid-s4punurx] .demo-window__chrome[data-astro-cid-s4punurx]{background:#fff;color:#131d2e}.demo-window--dark[data-astro-cid-s4punurx] .demo-window__chrome[data-astro-cid-s4punurx]{background:#161b2c;color:#e6e8f0}.demo-window__bar[data-astro-cid-s4punurx]{display:flex;flex:none;align-items:center;gap:10px;height:34px;padding:0 12px;font-size:11.5px;font-weight:500;touch-action:none}.demo-window--light[data-astro-cid-s4punurx] .demo-window__bar[data-astro-cid-s4punurx]{background:#f7f7f8;border-bottom:1px solid rgba(19,29,46,.08);color:#131d2e99}.demo-window--dark[data-astro-cid-s4punurx] .demo-window__bar[data-astro-cid-s4punurx]{background:#10141f;border-bottom:1px solid rgba(255,255,255,.07);color:#e6e8f099}.demo-window__dots[data-astro-cid-s4punurx]{display:flex;flex:none;gap:5px}.demo-window__dots[data-astro-cid-s4punurx] i[data-astro-cid-s4punurx]{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.28}.demo-window__title[data-astro-cid-s4punurx]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-window__status[data-astro-cid-s4punurx]{display:flex;flex:none;gap:5px;align-items:center;margin-left:auto;font-style:normal;font-size:11px}.demo-window__status[data-astro-cid-s4punurx] i[data-astro-cid-s4punurx]{width:6px;height:6px;border-radius:50%;background:#16a34a}.demo-window__body[data-astro-cid-s4punurx]{flex:1;min-height:0;overflow:hidden}.demo-window--phone[data-astro-cid-s4punurx] .demo-window__chrome[data-astro-cid-s4punurx]{border:7px solid #10141f;border-radius:34px;box-shadow:0 28px 70px #131d2e3d,0 14px 32px #131d2e24}.demo-window--phone[data-astro-cid-s4punurx] .demo-window__bar[data-astro-cid-s4punurx]{justify-content:center;height:24px;background:transparent;border-bottom:none}.demo-window__notch[data-astro-cid-s4punurx]{width:72px;height:15px;margin-top:7px;border-radius:999px;background:#10141f}