.article-image-trigger,.article-image-viewer{display:none}@supports selector(:popover-open){.article-image-fallback{display:none}.article-image-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:.5rem;max-width:100%;padding:0;display:inline-block}.article-image-trigger img{margin:0}.article-image-viewer{color:#f8fafc;opacity:0;width:fit-content;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);transition:opacity .18s ease-out, transform .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;background:#0f172a;border:1px solid #475569;border-radius:.75rem;margin:auto;padding:.75rem;position:fixed;inset:0;overflow:auto;transform:translateY(.5rem)scale(.98);box-shadow:0 1rem 3rem #0000004d}.article-image-viewer:popover-open{opacity:1;display:block;transform:none}.article-image-viewer img{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:auto;max-width:calc(100vw - 3.5rem - 2px);height:auto;max-height:calc(100dvh - 3.5rem - 2px);margin:0;display:block}.article-image-viewer::backdrop{opacity:0;transition:opacity .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;background:#000000bf}.article-image-viewer:popover-open::backdrop{opacity:1}@starting-style{.article-image-viewer:popover-open{opacity:0;transform:translateY(.5rem)scale(.98)}.article-image-viewer:popover-open::backdrop{opacity:0}}.article-image-close{z-index:1;width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:#0f172ad9;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid;position:absolute;top:1rem;right:1rem}.article-image-close:hover{background:#334155}.article-image-trigger:focus-visible,.article-image-close:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}@media (prefers-reduced-motion:reduce){.article-image-viewer,.article-image-viewer::backdrop{transition:none}}}.article-content :not(pre)>code:before,.article-content :not(pre)>code:after{content:none}.article-content .article-table{width:100%;margin-block:2rem;position:relative;left:50%;overflow-x:auto;transform:translate(-50%)}@media (width>=1024px){.article-content .article-table{width:min(72rem,100vw - 3rem)}}.article-content .article-table table{width:auto;margin:0 auto;display:table}.article-content .code-block{margin-block:2rem;position:relative}.article-content .code-block pre{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#7c8795 transparent;margin:0}.article-content .code-block pre::-webkit-scrollbar{width:8px;height:8px}.article-content .code-block pre::-webkit-scrollbar-track{background:0 0}.article-content .code-block pre::-webkit-scrollbar-thumb{background:#7c8795;border-radius:999px}.article-content .code-block:has(.copy-code:not([hidden])) pre{padding-top:3rem}.article-content .copy-code{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #64748b;border-radius:.375rem;width:32px;height:32px;padding:0;position:absolute;top:.5rem;right:.5rem}.article-content .copy-code:not([hidden]){place-items:center;display:grid}.article-content .copy-code[data-state=success]{color:#86efac}.article-content .copy-code:hover{background:#334155}.article-content .copy-code:focus-visible,.article-content .article-table:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.article-content .article-diagram{width:100%;margin:2rem 0;position:relative;left:50%;transform:translate(-50%)}@media (width>=1024px){.article-content .article-diagram{width:min(72rem,100vw - 3rem)}}.article-diagram .diagram-output{padding-block:1rem;overflow-x:auto}.article-diagram .diagram-output svg{width:var(--diagram-width);min-width:calc(var(--diagram-width) * .85);max-width:100%;height:auto;margin-inline:auto;display:block}.article-diagram .diagram-source{margin-top:.75rem;font-size:.875rem}.article-diagram summary{color:#334155;cursor:pointer;border:1px solid #64748b;border-radius:.375rem;place-items:center;width:32px;height:32px;margin-inline:auto;list-style:none;display:grid}.article-diagram summary::-webkit-details-marker{display:none}.article-diagram summary:hover,.article-diagram details[open]>summary{background:#cbd5e1}.dark .article-diagram summary{color:#f8fafc}.dark .article-diagram summary:hover,.dark .article-diagram details[open]>summary{background:#334155}.article-diagram .diagram-source pre{white-space:pre;padding:1rem;overflow-x:auto}.article-diagram .diagram-error{font-size:.875rem}.article-diagram .diagram-output:focus-visible,.article-diagram summary:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.line-clamp-2[data-astro-cid-vqeokuyd]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}