.demo[data-astro-cid-tvoqwjv4]{border:1px solid var(--hairline);background:var(--canvas);height:100%;transition:transform .32s var(--ease-out-soft), box-shadow .32s var(--ease-out-soft), border-color .2s;border-radius:22px;flex-direction:column;gap:.75rem;padding:.625rem .625rem .875rem;display:flex;box-shadow:0 20px 40px -32px #001e5059}.demo[data-astro-cid-tvoqwjv4]:hover{border-color:color-mix(in srgb, var(--c) 40%, transparent);box-shadow:0 26px 46px -28px color-mix(in srgb, var(--v2) 60%, transparent);transform:translateY(-4px)}.cap[data-astro-cid-tvoqwjv4]{color:var(--ink);align-items:center;gap:.5rem;padding-inline:.25rem;font-size:14px;font-weight:600;line-height:1.2;display:flex}.stage[data-astro-cid-tvoqwjv4]{aspect-ratio:5/4;background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--v1) 22%, transparent), transparent 60%), color-mix(in srgb, var(--c) 9%, var(--canvas));border-radius:16px;position:relative;overflow:hidden}.photo[data-astro-cid-tvoqwjv4]{background:linear-gradient(#7cc8ff,#d8f0ff);border-radius:10px;position:absolute;inset:12% 18% 34%;overflow:hidden;transform:scale(.8);box-shadow:0 10px 20px -12px #0006}.sun[data-astro-cid-tvoqwjv4]{aspect-ratio:1;background:#ffd23f;border-radius:50%;width:18%;position:absolute;top:14%;right:16%}.hill[data-astro-cid-tvoqwjv4]{width:90%;height:60%;position:absolute;bottom:0}.hill-a[data-astro-cid-tvoqwjv4]{clip-path:polygon(0 100%,45% 10%,100% 100%);background:#17a86b;left:-10%}.hill-b[data-astro-cid-tvoqwjv4]{clip-path:polygon(0 100%,55% 30%,100% 100%);background:#0b7a4d;right:-12%}.size[data-astro-cid-tvoqwjv4]{text-align:center;letter-spacing:-.02em;height:22px;font-size:15px;font-weight:700;position:absolute;bottom:17%;left:0;right:0}.size[data-astro-cid-tvoqwjv4] span[data-astro-cid-tvoqwjv4]{position:absolute;inset:0}.size-before[data-astro-cid-tvoqwjv4]{color:var(--muted);opacity:0}.size-after[data-astro-cid-tvoqwjv4]{color:var(--c)}.bar[data-astro-cid-tvoqwjv4]{background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:9px;height:6px;position:absolute;bottom:10%;left:22%;right:22%}.bar[data-astro-cid-tvoqwjv4] span[data-astro-cid-tvoqwjv4]{border-radius:inherit;background:linear-gradient(90deg, var(--v1), var(--v2));width:8%;height:100%;display:block}.page[data-astro-cid-tvoqwjv4]{aspect-ratio:3/4;background:#fff;border-radius:6px;width:30%;margin-left:-15%;padding:9% 10%;position:absolute;top:18%;left:50%;box-shadow:0 8px 18px -10px #00000073}.page[data-astro-cid-tvoqwjv4] i[data-astro-cid-tvoqwjv4]{background:linear-gradient(90deg, var(--v1), var(--v2));border-radius:3px;width:55%;height:16%;margin-bottom:12%;display:block}.page[data-astro-cid-tvoqwjv4] b[data-astro-cid-tvoqwjv4]{background:#e6e6ea;border-radius:3px;height:6%;margin-top:9%;display:block}.page[data-astro-cid-tvoqwjv4] b[data-astro-cid-tvoqwjv4]:last-child{width:60%}.page-1[data-astro-cid-tvoqwjv4]{transform:translate(-6px,6px)rotate(-4deg)}.page-2[data-astro-cid-tvoqwjv4]{transform:translateY(3px)rotate(2deg)}.page-3[data-astro-cid-tvoqwjv4]{transform:none}.merged-tag[data-astro-cid-tvoqwjv4],.pass[data-astro-cid-tvoqwjv4]{white-space:nowrap;color:#fff;background:linear-gradient(90deg, var(--v1), var(--v2));border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.portrait[data-astro-cid-tvoqwjv4]{background:linear-gradient(#eaf2ff,#cfe0ff);border-radius:8px;position:absolute;inset:8% 16% 22%;overflow:hidden}.head[data-astro-cid-tvoqwjv4]{aspect-ratio:1;background:#8a5a44;border-radius:50%;width:30%;margin-left:-15%;position:absolute;top:20%;left:50%;box-shadow:inset 0 10px #2b1d16}.body[data-astro-cid-tvoqwjv4]{background:#2f3a56;border-radius:50% 50% 0 0;width:70%;height:55%;margin-left:-35%;position:absolute;bottom:-30%;left:50%}.frame[data-astro-cid-tvoqwjv4]{aspect-ratio:3.5/4.5;border:2px dashed var(--c);height:64%;box-shadow:0 0 0 999px color-mix(in srgb, var(--canvas) 55%, transparent);border-radius:6px;position:absolute;top:11%;left:50%;translate:-50%}.pass[data-astro-cid-tvoqwjv4]{font-size:10.5px;bottom:7%}.sig[data-astro-cid-tvoqwjv4]{width:84%;height:72%;position:absolute;inset:14% 8%}.ink[data-astro-cid-tvoqwjv4]{fill:none;stroke:var(--c);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.under[data-astro-cid-tvoqwjv4]{stroke-width:2.4px;opacity:.7}@media (prefers-reduced-motion:no-preference){.photo[data-astro-cid-tvoqwjv4]{animation:d-shrink 6s var(--ease-out-soft) infinite}.size-before[data-astro-cid-tvoqwjv4]{animation:6s infinite d-before}.size-after[data-astro-cid-tvoqwjv4]{animation:6s infinite d-after}.bar[data-astro-cid-tvoqwjv4] span[data-astro-cid-tvoqwjv4]{animation:d-bar 6s var(--ease-out-soft) infinite}.page-1[data-astro-cid-tvoqwjv4]{animation:d-p1 6s var(--ease-out-soft) infinite .4s}.page-2[data-astro-cid-tvoqwjv4]{animation:d-p2 6s var(--ease-out-soft) infinite .4s}.page-3[data-astro-cid-tvoqwjv4]{animation:d-p3 6s var(--ease-out-soft) infinite .4s}.demos[data-astro-cid-tvoqwjv4] .cat-pdf[data-astro-cid-tvoqwjv4] .merged-tag[data-astro-cid-tvoqwjv4]{animation:d-tag 6s var(--ease-out-soft) infinite .4s}.frame[data-astro-cid-tvoqwjv4]{animation:d-frame 6s var(--ease-out-soft) infinite .8s}.pass[data-astro-cid-tvoqwjv4]{animation:d-tag 6s var(--ease-out-soft) infinite .8s}.ink[data-astro-cid-tvoqwjv4]{animation:7s ease-in-out 1.2s infinite d-draw}.under[data-astro-cid-tvoqwjv4]{animation-name:d-draw-under}}@keyframes d-shrink{0%,25%,to{transform:scale(1.06)}45%,85%{transform:scale(.8)}}@keyframes d-before{0%,30%,92%,to{opacity:1}36%,86%{opacity:0}}@keyframes d-after{0%,30%,92%,to{opacity:0;transform:translateY(6px)}42%,86%{opacity:1;transform:none}}@keyframes d-bar{0%,25%,to{width:100%}48%,85%{width:8%}}@keyframes d-p1{0%,22%,to{transform:translate(-78%,4px)rotate(-12deg)}42%,85%{transform:translate(-6px,6px)rotate(-4deg)}}@keyframes d-p2{0%,22%,to{transform:translateY(-8px)rotate(0)}42%,85%{transform:translateY(3px)rotate(2deg)}}@keyframes d-p3{0%,22%,to{transform:translate(78%,4px)rotate(12deg)}42%,85%{transform:none}}@keyframes d-tag{0%,44%,90%,to{opacity:0;transform:translate(-50%,8px)scale(.9)}52%,84%{opacity:1;transform:translate(-50%)}}@keyframes d-frame{0%,22%,to{aspect-ratio:1.5;height:84%;top:4%}44%,85%{aspect-ratio:3.5/4.5;height:64%;top:11%}}@keyframes d-draw{0%,8%{stroke-dashoffset:1px}55%,88%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1px;opacity:0}}@keyframes d-draw-under{0%,55%{stroke-dashoffset:1px}66%,88%{stroke-dashoffset:0;opacity:.7}96%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1px;opacity:0}}