.article-lightbox__box{width:fit-content;max-width:95vw;padding:1.5rem}.article-lightbox__figure{margin:0}.article-lightbox__image{width:auto;max-width:100%;height:auto;max-height:78vh;margin:0 auto;display:block}.article-lightbox__caption{text-align:center;opacity:.75;margin-top:.75rem;font-size:.875rem}.article-lightbox__controls{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.article-lightbox__count{opacity:.75;font-variant-numeric:tabular-nums;font-size:.875rem}.post-page article img[role=button]{cursor:zoom-in}
.code-block{position:relative}.code-block__copy{color:#abb2bf;opacity:.6;cursor:pointer;background:#282c34e6;border:1px solid #ffffff26;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:opacity .15s,color .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.code-block__copy[hidden]{display:none}.code-block__copy:hover,.code-block__copy:focus-visible{opacity:1}.code-block__copy:focus-visible{outline-offset:2px;outline:2px solid #abb2bf}.code-block__copy[data-state=copied]{color:#98c379;opacity:1}.code-block__copy[data-state=failed]{color:#e06c75;opacity:1}@media (prefers-reduced-motion:reduce){.code-block__copy{transition:none}}.code-block__icon{width:1rem;height:1rem;display:block}.code-block__icon--done,.code-block__copy[data-state=copied] .code-block__icon--copy{display:none}.code-block__copy[data-state=copied] .code-block__icon--done{display:block}