.shot{margin:2.2rem 0}.shot-img{cursor:zoom-in;display:block}.shot-img img{max-width:100%;height:auto;margin-inline:auto;display:block}.shot-none .shot-img img{border:1px solid var(--color-rule);border-radius:1rem;box-shadow:0 24px 50px -30px #001f3f73}.shot-frame{border:1px solid var(--color-rule);background:#fff;border-radius:.9rem;width:fit-content;max-width:100%;margin-inline:auto;overflow:hidden;box-shadow:0 30px 60px -34px #001f3f80}.shot-terminal .shot-frame{background:#0d1117;border-color:#0d1117}.shot-bar{background:#f3f6f9;border-bottom:1px solid #e3e9ef;align-items:center;gap:.4rem;height:2.1rem;padding:0 .85rem;display:flex}.shot-terminal .shot-bar{background:#161b22;border-bottom-color:#21262d}.shot-bar i{background:#d5dde5;border-radius:99px;width:.6rem;height:.6rem}.shot-terminal .shot-bar i{background:#30363d}.shot-url{text-overflow:ellipsis;white-space:nowrap;color:#6b7d8f;background:#fff;border:1px solid #e3e9ef;border-radius:99px;max-width:70%;margin-inline:auto;padding:.1rem .9rem;font-size:.75rem;overflow:hidden;transform:translate(-1rem)}.shot figcaption{color:var(--color-soft);margin-top:.75rem;font-size:.92rem;line-height:1.55}.motion-clip{width:fit-content;max-width:100%;margin-inline:auto;position:relative}.motion-clip video{background:#f3f6f9;max-width:100%;height:auto;display:block}.shot-none .motion-clip video{border:1px solid var(--color-rule);border-radius:1rem;box-shadow:0 24px 50px -30px #001f3f73}.motion-toggle{color:#fff;cursor:pointer;background:#001f3fb8;border:1px solid #ffffff80;border-radius:99px;place-items:center;width:2.4rem;height:2.4rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.motion-toggle svg{fill:currentColor;width:1.05rem;height:1.05rem}.motion-toggle:focus-visible{outline:2px solid var(--color-mint,#3ef2a0);outline-offset:2px}