.demo-module__4-6f5G__frame{aspect-ratio:16/10;background:#f4f3ef;border:1px solid #1a1c241f;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #1a1c240f,0 24px 60px #1a1c2424}.demo-module__4-6f5G__bare{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.demo-module__4-6f5G__frame[data-expanded]{z-index:1000;zoom:var(--unzoom,1);border-radius:14px;width:min(94vw,160vh - 76.8px);height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #1a1c2499,0 24px 60px #1a1c244d;aspect-ratio:16/10!important}.demo-module__4-6f5G__stills,.demo-module__4-6f5G__still{position:absolute;inset:0}.demo-module__4-6f5G__still img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.demo-module__4-6f5G__still{opacity:0;transition:opacity .3s ease-out}.demo-module__4-6f5G__still[data-first]{opacity:1}[data-live] .demo-module__4-6f5G__still[data-current]{opacity:1}[data-live] .demo-module__4-6f5G__still[data-first]:not([data-current]){opacity:0}.demo-module__4-6f5G__live{position:absolute;inset:0}.demo-module__4-6f5G__iframe{transform-origin:0 0;opacity:0;background:#f4f3ef;border:0;transition:opacity .4s ease-out;position:absolute;top:0;left:0}.demo-module__4-6f5G__live[data-ready] .demo-module__4-6f5G__iframe{opacity:1}.demo-module__4-6f5G__explore{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0 0 20px;text-decoration:none;display:flex;position:absolute;inset:0}.demo-module__4-6f5G__explore:focus-visible{outline:3px solid var(--thread);outline-offset:-3px;border-radius:14px}.demo-module__4-6f5G__pill,.demo-module__4-6f5G__done,.demo-module__4-6f5G__replay{height:40px;font:600 14px/1 var(--font-ui);border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:0 6px 18px #1a1c242e}.demo-module__4-6f5G__pill{background:var(--ink);color:#fff;opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(4px)}.demo-module__4-6f5G__explore:hover .demo-module__4-6f5G__pill,.demo-module__4-6f5G__explore:focus-visible .demo-module__4-6f5G__pill,a.demo-module__4-6f5G__explore .demo-module__4-6f5G__pill{opacity:1;transform:none}.demo-module__4-6f5G__done{background:var(--ink);color:#fff;border:0;position:absolute;top:12px;right:12px}.demo-module__4-6f5G__live:has(.demo-module__4-6f5G__done){outline:3px solid var(--thread);outline-offset:-3px;pointer-events:none;border-radius:14px}.demo-module__4-6f5G__live:has(.demo-module__4-6f5G__done)>*{pointer-events:auto}.demo-module__4-6f5G__replay{border:1px solid var(--border);color:var(--ink);background:#fff;position:absolute;bottom:12px;right:12px}@media (prefers-reduced-motion:reduce){.demo-module__4-6f5G__still,.demo-module__4-6f5G__iframe,.demo-module__4-6f5G__pill{transition:none}}.demo-module__4-6f5G__explore[data-cursor],.demo-module__4-6f5G__explore[data-cursor] *{cursor:none}.demo-module__4-6f5G__explore[data-cursor]:hover:not(:focus-visible) .demo-module__4-6f5G__pill{opacity:0;transform:translateY(4px)}.demo-module__4-6f5G__cursor{z-index:1100;pointer-events:none;will-change:transform;margin:-3px 0 0 -3px;position:fixed;top:0;left:0}.demo-module__4-6f5G__arrow,.demo-module__4-6f5G__tag{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.demo-module__4-6f5G__cursor[data-on] .demo-module__4-6f5G__arrow,.demo-module__4-6f5G__cursor[data-on] .demo-module__4-6f5G__tag{opacity:1;transform:none}.demo-module__4-6f5G__arrow{transform-origin:3px 2.5px;filter:drop-shadow(0 2px 4px #1a1c2447);display:block;overflow:visible;transform:scale(.8)}.demo-module__4-6f5G__arrow path{fill:var(--thread);stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.demo-module__4-6f5G__tag{background:var(--thread);color:#fff;height:28px;font:600 13px/1 var(--font-ui);white-space:nowrap;border-radius:999px 999px 999px 4px;align-items:center;gap:7px;padding:0 11px 0 9px;transition-delay:40ms;display:inline-flex;position:absolute;top:19px;left:14px;transform:translate(-6px,-4px);box-shadow:0 0 0 1.5px #fff,0 6px 16px #1a1c2438}.demo-module__4-6f5G__dot{background:#fff;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.demo-module__4-6f5G__dot:after{content:"";animation:demo-module__4-6f5G__breathe 1.8s var(--ease-out) infinite;background:#fff;border-radius:50%;position:absolute;inset:0}.demo-module__4-6f5G__dot[data-busy]:after{animation-duration:.9s}@keyframes demo-module__4-6f5G__breathe{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.demo-module__4-6f5G__arrow,.demo-module__4-6f5G__tag{transition:none;transform:none}.demo-module__4-6f5G__dot:after{animation:none}}