body{font-family:Arial,sans-serif}h1{font-size:2rem}h1,h2{font-weight:700;margin-top:20px;margin-bottom:20px}h2{font-size:1.5rem}h3{font-size:1.2rem}h3,p{font-weight:700;margin-top:20px;margin-bottom:20px}p{font-size:1rem}p .dark{--bg:#0f172a;--textColor:#ddd;--softBg:#1f273a;--softTextColor:#a6a6a6}p .light{--bg:#fff;--textColor:#000;--softBg:#f0f0f0;--softTextColor:#626262}a{border-bottom:1px solid transparent}a:hover{border-bottom:1px solid}.flex-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.copy-button{background-color:#f0f0f0;border:none;cursor:pointer;padding:.5rem;border-radius:.25rem}.copy-button:hover{background-color:#e0e0e0}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}table{width:100%}table,td,th{border:1px solid #000;border-collapse:collapse}.mt-8{margin-top:2rem}.text-green-500{color:#48bb78}.blog-post pre,.pre{padding:10px;border-radius:4px;overflow-x:auto;margin-bottom:1rem;direction:ltr}.light .blog-post pre{background-color:#f5f5f5;color:#333;direction:ltr}.dark .blog-post pre{background-color:#484849;color:#f5f5f5;direction:ltr}.light .blog-post code{background-color:#f5f5f5;color:#333;direction:ltr}.dark .blog-post code{background-color:#484849;color:#f5f5f5;direction:ltr}.markdown-content pre button{position:absolute;top:0;right:0;padding:.5rem;background-color:#f0f0f0;border:none;cursor:pointer;border-radius:.25rem}.markdown-content pre button:hover{background-color:#e0e0e0}.language-javascript,.language-markup{background-color:#f0f0f0;padding:.5rem;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;overflow:auto;white-space:pre-wrap;text-align:left}.language-javascript{unicode-bidi:bidi-override;font-family:monospace;direction:ltr;color:#fff;font-family:Courier New,monospace}.language-javascript,.language-markup{background-color:#2d2d2d;color:#f8f8f2;padding:.5rem;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem;overflow:auto;white-space:pre-wrap;text-align:left}.language-javascript .hljs-keyword,.language-javascript .hljs-link,.language-javascript .hljs-literal,.language-javascript .hljs-section,.language-javascript .hljs-selector-tag{color:#f92672}.language-javascript .hljs-function .hljs-keyword{color:#66d9ef}.language-javascript .hljs-subst{color:#a6e22e}.language-javascript .hljs-addition,.language-javascript .hljs-attribute,.language-javascript .hljs-bullet,.language-javascript .hljs-name,.language-javascript .hljs-string,.language-javascript .hljs-symbol,.language-javascript .hljs-template-tag,.language-javascript .hljs-template-variable,.language-javascript .hljs-title,.language-javascript .hljs-type,.language-javascript .hljs-variable{color:#e6db74}.language-javascript .hljs-comment,.language-javascript .hljs-deletion,.language-javascript .hljs-quote{color:#75715e}.language-javascript .hljs-doctag,.language-javascript .hljs-keyword,.language-javascript .hljs-literal,.language-javascript .hljs-name,.language-javascript .hljs-section,.language-javascript .hljs-selector-tag,.language-javascript .hljs-strong,.language-javascript .hljs-title,.language-javascript .hljs-type{font-weight:700}.language-javascript .hljs-emphasis{font-style:italic}