[data-blog-code]{color:#24292e;background:#f6f6f6;border-radius:12px;position:relative}[data-blog-code] pre{tab-size:4;margin:0;padding:1.25rem 3.25rem 1.25rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.65;overflow-x:auto}[data-blog-code] pre code{font:inherit;color:inherit;white-space:pre;background:0 0}[data-blog-code] :is(pre,button):focus-visible{outline-offset:-3px;outline:2px solid #6f42c1}.article-code-copy{z-index:1;color:#57606a;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.article-code-copy:hover{color:#24292e;background:#eaeaea}.article-code-copy[data-copied]{color:#176329;border-color:#a7d7b4}.article-code-copy svg{display:block}[data-blog-code] :is(.c,.c1,.cm,.cp,.cs,.ch){color:#586069}[data-blog-code] :is(.k,.kc,.kd,.kn,.kp,.kr,.kt,.ow){color:#a01b42}[data-blog-code] :is(.s,.s1,.s2,.sa,.sb,.sc,.sd,.se,.sh,.si,.sr,.ss,.sx){color:#176329}[data-blog-code] :is(.m,.mb,.mf,.mh,.mi,.mo,.il,.nb,.bp,.no){color:#0055a6}[data-blog-code] :is(.nf,.fm,.nc,.nd,.ne){color:#6f42c1}[data-blog-code] :is(.o,.p){color:#444}