.demo[data-astro-cid-adcp52md]{grid-template-rows:auto 1fr;gap:.85rem;height:100%;margin:0;display:grid}.demo-frame[data-astro-cid-adcp52md]{color:inherit;border-radius:var(--r);border:var(--edge) solid var(--line);box-shadow:var(--shadow);transition:transform .32s var(--ease-out), box-shadow .32s var(--ease-out);background:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.demo[data-astro-cid-adcp52md]:hover .demo-frame[data-astro-cid-adcp52md]{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.demo-chrome[data-astro-cid-adcp52md]{background:var(--surface);border-bottom:var(--edge) solid var(--line);align-items:center;gap:.3rem;padding:.45rem .6rem;display:flex}.demo-chrome[data-astro-cid-adcp52md] i[data-astro-cid-adcp52md]{border-radius:var(--r-pill);background:var(--line);flex:none;width:.45rem;height:.45rem}.demo-url[data-astro-cid-adcp52md]{border-radius:var(--r-pill);border:var(--edge) solid var(--line);min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:#fff;margin-left:.5rem;padding:.1rem .5rem;font-size:.62rem;overflow:hidden}.demo-screen[data-astro-cid-adcp52md]{aspect-ratio:16/10;background:#f4f1ec;display:block;overflow:hidden}.demo-screen[data-astro-cid-adcp52md] img,.demo-phone[data-astro-cid-adcp52md] img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.demo-phone[data-astro-cid-adcp52md]{aspect-ratio:9/17;background:var(--navy);width:22%;max-width:7.5rem;box-shadow:var(--shadow-lg);border-radius:10px;padding:3px;position:absolute;bottom:.5rem;right:.5rem;overflow:hidden}.demo-phone[data-astro-cid-adcp52md] img{border-radius:7px}.demo--large[data-astro-cid-adcp52md] .demo-url[data-astro-cid-adcp52md]{font-size:.72rem}.demo--large[data-astro-cid-adcp52md] .demo-phone[data-astro-cid-adcp52md]{border-radius:14px;width:20%;padding:4px;bottom:.9rem;right:.9rem}.demo--large[data-astro-cid-adcp52md] .demo-phone[data-astro-cid-adcp52md] img{border-radius:10px}figcaption[data-astro-cid-adcp52md]{align-content:start;justify-items:start;gap:.25rem;display:grid}.demo-name[data-astro-cid-adcp52md]{font:700 1rem/1.2 var(--f-display);color:var(--ink)}.demo-kind[data-astro-cid-adcp52md]{color:var(--ink-2);font-size:.9rem}.demo[data-astro-cid-adcp52md] figcaption[data-astro-cid-adcp52md] .stamp[data-astro-cid-adcp52md]{margin-top:.15rem;font-size:.6rem}.demo-open[data-astro-cid-adcp52md]{color:var(--tape);margin-top:.35rem;font-weight:700}