.show[data-astro-cid-67ggu7zt]{flex-direction:column;gap:14px;margin:0;display:flex}.stage[data-astro-cid-67ggu7zt]{aspect-ratio:580/440;width:100%;max-width:580px;margin-left:auto;position:relative}.win[data-astro-cid-67ggu7zt]{background:#fff;border:1px solid #13201f1f;border-radius:12px;position:absolute;overflow:hidden}.win[data-astro-cid-67ggu7zt] img[data-astro-cid-67ggu7zt]{width:100%;height:auto;display:block}.chrome[data-astro-cid-67ggu7zt]{background:#f1efe9;border-bottom:1px solid #13201f14;align-items:center;gap:5px;height:26px;padding:0 10px;display:flex}.chrome[data-astro-cid-67ggu7zt] i[data-astro-cid-67ggu7zt]{background:#d6d1c6;border-radius:50%;width:8px;height:8px}.url[data-astro-cid-67ggu7zt]{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:1;align-items:center;gap:5px;margin-left:8px;padding:3px 10px;font-size:11px;display:flex;overflow:hidden}.url--old[data-astro-cid-67ggu7zt] b[data-astro-cid-67ggu7zt]{color:#b42318;font-weight:600}.win--before[data-astro-cid-67ggu7zt]{transform-origin:100% 100%;width:60%;top:2%;left:0;transform:rotate(-4deg);box-shadow:0 14px 34px #13201f24}.win--before[data-astro-cid-67ggu7zt] img[data-astro-cid-67ggu7zt]{filter:saturate(.75)contrast(.95)}.win--after[data-astro-cid-67ggu7zt]{width:76%;top:26%;right:4%;box-shadow:0 34px 70px #13201f38,0 6px 16px #13201f14}.phone[data-astro-cid-67ggu7zt]{background:#13201f;border-radius:22px;width:19%;padding:5px;position:absolute;bottom:0;right:0;box-shadow:0 24px 50px #13201f4d}.phone[data-astro-cid-67ggu7zt] img[data-astro-cid-67ggu7zt]{border-radius:17px;width:100%;height:auto;display:block}.tag[data-astro-cid-67ggu7zt]{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;bottom:10px}.tag--before[data-astro-cid-67ggu7zt]{color:#fff;background:#13201fd1;left:10px}.tag--after[data-astro-cid-67ggu7zt]{background:var(--after);color:var(--after-ink);left:10px}figcaption[data-astro-cid-67ggu7zt]{max-width:580px;color:var(--ink-2);text-align:right;margin-left:auto;font-size:13px}figcaption[data-astro-cid-67ggu7zt] a[data-astro-cid-67ggu7zt]{white-space:nowrap;font-weight:600}@media (width<=900px){.stage[data-astro-cid-67ggu7zt]{margin:0 auto}figcaption[data-astro-cid-67ggu7zt]{text-align:center;margin:0 auto}}@media (width<=480px){.url[data-astro-cid-67ggu7zt]{font-size:9px}.chrome[data-astro-cid-67ggu7zt]{height:20px}.phone[data-astro-cid-67ggu7zt]{border-radius:16px;padding:3px}.phone[data-astro-cid-67ggu7zt] img[data-astro-cid-67ggu7zt]{border-radius:13px}.tag[data-astro-cid-67ggu7zt]{padding:4px 8px;font-size:10px;bottom:7px}}@media (prefers-reduced-motion:no-preference){.phone[data-astro-cid-67ggu7zt]{animation:.7s cubic-bezier(.2,.7,.2,1) .2s both rise}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.examples[data-astro-cid-tfhoxcgc]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.examples--one[data-astro-cid-tfhoxcgc]{max-width:640px}.example[data-astro-cid-tfhoxcgc]{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-m);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.example[data-astro-cid-tfhoxcgc]:hover{border-color:var(--ink);transform:translateY(-2px)}.example[data-astro-cid-tfhoxcgc] img[data-astro-cid-tfhoxcgc]{aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1.5px solid var(--line);width:100%;height:auto;display:block}.example-body[data-astro-cid-tfhoxcgc]{flex-direction:column;gap:4px;padding:20px 22px 22px;display:flex}.example-name[data-astro-cid-tfhoxcgc]{font-size:20px;font-weight:600}.example-kind[data-astro-cid-tfhoxcgc]{color:var(--ink-2);font-size:15px}.example-open[data-astro-cid-tfhoxcgc]{color:var(--after-text);margin-top:8px;font-weight:600}@media (width<=760px){.examples[data-astro-cid-tfhoxcgc]{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.example[data-astro-cid-tfhoxcgc]{transition:none}.example[data-astro-cid-tfhoxcgc]:hover{transform:none}}