.scroll-shot[data-astro-cid-rapvybln]{border:1px solid var(--line);background:var(--graphite);view-timeline-name:--scroll-shot;border-radius:.5rem;overflow:clip}.scroll-shot--phone[data-astro-cid-rapvybln]{border:3px solid var(--graphite-2);border-radius:1rem}.scroll-shot__bar[data-astro-cid-rapvybln]{align-items:center;gap:var(--space-s);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--grey);padding:.45rem .75rem;line-height:1;display:flex}.scroll-shot__dots[data-astro-cid-rapvybln]{flex:none;gap:.3rem;display:flex}.scroll-shot__dots[data-astro-cid-rapvybln] span[data-astro-cid-rapvybln]{border:1px solid var(--line);border-radius:50%;width:.45rem;height:.45rem}.scroll-shot__url[data-astro-cid-rapvybln]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scroll-shot__screen[data-astro-cid-rapvybln]{aspect-ratio:1280/800;overflow:clip;container-type:size}.scroll-shot--phone[data-astro-cid-rapvybln] .scroll-shot__screen[data-astro-cid-rapvybln]{aspect-ratio:412/820}.scroll-shot__screen[data-astro-cid-rapvybln] img{width:100%;height:auto;display:block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.scroll-shot__screen[data-astro-cid-rapvybln] img{animation-name:scroll-shot-travel;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--scroll-shot;animation-range:cover 30% cover 90%}}}@keyframes scroll-shot-travel{to{transform:translateY(calc(100cqh - 100%))}}