.blog-prose{--guide-muted:#62736e}.blog-media,.blog-prose .guide-figure{width:100%;margin-inline:0}.blog-video{margin-block:30px 34px;overflow:hidden;border:1px solid rgb(34 42 53/14%);border-radius:12px;background:#fff;box-shadow:0 24px 48px -24px rgb(28 36 48/24%),0 8px 18px -10px rgb(28 36 48/14%),0 1px 3px rgb(28 36 48/4%)}.blog-video-frame{aspect-ratio:16/9;overflow:hidden;background:#0c1110}.blog-video video{display:block;width:100%;height:100%;margin:0;object-fit:contain}.blog-video figcaption{margin:0;padding:11px 16px 12px;color:var(--guide-muted);font-size:12px;line-height:1.7;text-align:center}@media (max-width:600px){.blog-video figcaption{text-align:left}}.blog-prose .blog-code pre.shiki{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:.5rem;overflow-x:auto;font-size:.85rem;line-height:1.6;background-color:var(--shiki-light-bg)}.blog-prose .blog-code pre.shiki span{color:var(--shiki-light)}.dark .blog-prose .blog-code pre.shiki{background-color:var(--shiki-dark-bg)}.dark .blog-prose .blog-code pre.shiki span{color:var(--shiki-dark)}.blog-prose .blog-code pre.shiki code{background:transparent;padding:0;font-size:inherit;color:inherit}.blog-prose .blog-code pre.shiki code:after,.blog-prose .blog-code pre.shiki code:before{content:none}.blog-prose .blog-code .blog-code-mark{background-color:#fde047;border-radius:2px}.blog-prose .blog-code .blog-code-mark,.blog-prose .blog-code .blog-code-mark span{color:#1c1917!important}.dark .blog-prose .blog-code .blog-code-mark{background-color:#ca8a04}.blog-prose :not(pre)>code:after,.blog-prose :not(pre)>code:before{content:none}.blog-prose :not(pre)>code{background-color:var(--muted);border-radius:.25rem;padding:.1em .35em;font-weight:500}.blog-prose .guide-screenshot{margin:0}