.line-clamp-2[data-v-35f67356]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3[data-v-35f67356]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}code[class*=language-],pre[class*=language-]{color:#a9b7c6;font-family:Consolas,Monaco,Andale Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{color:inherit;background:#214283d9}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{color:inherit;background:#214283d9}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.cdata{color:gray}.token.delimiter,.token.boolean,.token.keyword,.token.selector,.token.important,.token.atrule{color:#cc7832}.token.operator,.token.punctuation,.token.attr-name{color:#a9b7c6}.token.tag,.token.tag .punctuation,.token.doctype,.token.builtin{color:#e8bf6a}.token.entity,.token.number,.token.symbol{color:#6897bb}.token.property,.token.constant,.token.variable{color:#9876aa}.token.string,.token.char{color:#6a8759}.token.attr-value,.token.attr-value .punctuation{color:#a5c261}.token.attr-value .punctuation:first-child{color:#a9b7c6}.token.url{color:#287bde;text-decoration:underline}.token.function{color:#ffc66d}.token.regex{background:#364135}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.inserted{background:#294436}.token.deleted{background:#484a4a}code.language-css .token.property,code.language-css .token.property+.token.punctuation{color:#a9b7c6}code.language-css .token.id{color:#ffc66d}code.language-css .token.selector>.token.class,code.language-css .token.selector>.token.attribute,code.language-css .token.selector>.token.pseudo-class,code.language-css .token.selector>.token.pseudo-element{color:#ffc66d}.bg-grid-white\/\[0\.02\][data-v-0d27bb77]{background-image:linear-gradient(to right,rgb(255 255 255 / .02) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .02) 1px,transparent 1px)}.share-button[data-v-0d27bb77]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#fff;border-radius:.5rem;transition:all .3s ease;border:none;cursor:pointer}.share-button[data-v-0d27bb77]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-scale[data-v-0d27bb77]:hover{transform:scale(1.02);transition:transform .3s ease}.line-clamp-2[data-v-0d27bb77]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3[data-v-0d27bb77]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-content[data-v-0d27bb77]{line-height:1.8}.blog-content h1[data-v-0d27bb77],.blog-content h2[data-v-0d27bb77],.blog-content h3[data-v-0d27bb77],.blog-content h4[data-v-0d27bb77],.blog-content h5[data-v-0d27bb77],.blog-content h6[data-v-0d27bb77]{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#111827}.dark .blog-content h1[data-v-0d27bb77],.dark .blog-content h2[data-v-0d27bb77],.dark .blog-content h3[data-v-0d27bb77],.dark .blog-content h4[data-v-0d27bb77],.dark .blog-content h5[data-v-0d27bb77],.dark .blog-content h6[data-v-0d27bb77]{color:#f9fafb}.blog-content h2[data-v-0d27bb77]{font-size:1.875rem;border-bottom:2px solid rgba(0,152,91,.2);padding-bottom:.5rem}.blog-content h3[data-v-0d27bb77]{font-size:1.5rem}.blog-content p[data-v-0d27bb77]{margin-bottom:1.5rem;color:#374151}.dark .blog-content p[data-v-0d27bb77]{color:#d1d5db}.blog-content a[data-v-0d27bb77]{color:#00985b;text-decoration:underline;text-underline-offset:2px}.blog-content a[data-v-0d27bb77]:hover{color:#00985bcc}.blog-content .code-block-container[data-v-0d27bb77]{position:relative;margin:1.5rem 0;border-radius:.75rem;overflow:hidden;background:#1f2937;border:1px solid rgba(0,152,91,.2);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .blog-content .code-block-container[data-v-0d27bb77]{background:#111827;border-color:#00985b4d}.blog-content .code-language-badge[data-v-0d27bb77]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.blog-content .language-name[data-v-0d27bb77]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fffc}.blog-content .copy-button[data-v-0d27bb77]{display:flex;align-items:center;justify-content:center;padding:.375rem;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;background:#ffffff1a;color:#fffc;transition:all .2s ease;cursor:pointer}.blog-content .copy-button[data-v-0d27bb77]:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.blog-content .copy-button.copied[data-v-0d27bb77]{background:#00985b33;border-color:#00985b66;color:#00985b}.blog-content .code-block[data-v-0d27bb77]{margin:0;padding:1.5rem;background:transparent;color:#f9fafb;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre;word-wrap:normal;word-break:normal;word-spacing:normal}.blog-content .code-block code[data-v-0d27bb77]{background:transparent!important;color:inherit!important;padding:0!important;font-size:inherit;font-family:inherit;border-radius:0}.blog-content .code-block[data-v-0d27bb77]::-webkit-scrollbar{height:8px}.blog-content .code-block[data-v-0d27bb77]::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.blog-content .code-block[data-v-0d27bb77]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.blog-content .code-block[data-v-0d27bb77]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.blog-content pre[data-v-0d27bb77]{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(0,152,91,.2)}.blog-content pre code[data-v-0d27bb77]{background:transparent;color:inherit;padding:0}.blog-content code.inline-code[data-v-0d27bb77],.blog-content code[data-v-0d27bb77]:not(.code-block code){background:#00985b1a;color:#00985b;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace}.dark .blog-content code.inline-code[data-v-0d27bb77],.dark .blog-content code[data-v-0d27bb77]:not(.code-block code){background:#00985b33;color:#00985b}.blog-content blockquote[data-v-0d27bb77]{border-left:4px solid #FF7849;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#4b5563;background:#ff784914;padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0}.dark .blog-content blockquote[data-v-0d27bb77]{color:#9ca3af;background:#ff78491f}.blog-content ul[data-v-0d27bb77],.blog-content ol[data-v-0d27bb77]{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li[data-v-0d27bb77]{margin-bottom:.5rem;color:#374151}.dark .blog-content li[data-v-0d27bb77]{color:#d1d5db}.blog-content img[data-v-0d27bb77]{border-radius:.75rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.blog-content .table-container[data-v-0d27bb77]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:1.5rem 0;border-radius:.75rem;border:1px solid rgba(0,152,91,.2);background:#00985b05;width:100%!important;max-width:100%!important;display:block!important;position:relative!important}.dark .blog-content .table-container[data-v-0d27bb77]{background:#00985b0d;border-color:#00985b4d}.blog-content table[data-v-0d27bb77]{width:-moz-max-content!important;width:max-content!important;border-collapse:collapse;margin:0;min-width:600px!important}.blog-content table th[data-v-0d27bb77],.blog-content table td[data-v-0d27bb77]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,152,91,.1);white-space:nowrap}.dark .blog-content table th[data-v-0d27bb77],.dark .blog-content table td[data-v-0d27bb77]{border-bottom-color:#00985b33}.blog-content table th[data-v-0d27bb77]{background:#00985b14;font-weight:600;color:#111827;position:sticky;top:0;z-index:1}.dark .blog-content table th[data-v-0d27bb77]{background:#00985b26;color:#f9fafb}.blog-content table tr[data-v-0d27bb77]:hover{background:#00985b08}.dark .blog-content table tr[data-v-0d27bb77]:hover{background:#00985b14}.blog-content table td[data-v-0d27bb77]{color:#374151}.dark .blog-content table td[data-v-0d27bb77]{color:#d1d5db}@media (max-width: 640px){.blog-content .code-block-container[data-v-0d27bb77]{margin:1rem -1rem;border-radius:0;border-left:none;border-right:none}.blog-content .code-language-badge[data-v-0d27bb77]{padding:.5rem 1rem}.blog-content .code-block[data-v-0d27bb77]{padding:1rem;font-size:.8rem}.blog-content .language-name[data-v-0d27bb77]{font-size:.6875rem}}.blog-content .token.comment[data-v-0d27bb77],.blog-content .token.prolog[data-v-0d27bb77],.blog-content .token.doctype[data-v-0d27bb77],.blog-content .token.cdata[data-v-0d27bb77]{color:#8b949e}.blog-content .token.punctuation[data-v-0d27bb77]{color:#c9d1d9}.blog-content .token.property[data-v-0d27bb77],.blog-content .token.tag[data-v-0d27bb77],.blog-content .token.boolean[data-v-0d27bb77],.blog-content .token.number[data-v-0d27bb77],.blog-content .token.constant[data-v-0d27bb77],.blog-content .token.symbol[data-v-0d27bb77],.blog-content .token.deleted[data-v-0d27bb77]{color:#ff7b72}.blog-content .token.selector[data-v-0d27bb77],.blog-content .token.attr-name[data-v-0d27bb77],.blog-content .token.string[data-v-0d27bb77],.blog-content .token.char[data-v-0d27bb77],.blog-content .token.builtin[data-v-0d27bb77],.blog-content .token.inserted[data-v-0d27bb77]{color:#a5d6ff}.blog-content .token.operator[data-v-0d27bb77],.blog-content .token.entity[data-v-0d27bb77],.blog-content .token.url[data-v-0d27bb77],.blog-content .language-css .token.string[data-v-0d27bb77],.blog-content .style .token.string[data-v-0d27bb77],.blog-content .token.atrule[data-v-0d27bb77],.blog-content .token.attr-value[data-v-0d27bb77],.blog-content .token.keyword[data-v-0d27bb77]{color:#ff7b72}.blog-content .token.function[data-v-0d27bb77],.blog-content .token.class-name[data-v-0d27bb77]{color:#d2a8ff}.blog-content .token.regex[data-v-0d27bb77],.blog-content .token.important[data-v-0d27bb77],.blog-content .token.variable[data-v-0d27bb77]{color:#ffa657}.blog-content .token.important[data-v-0d27bb77],.blog-content .token.bold[data-v-0d27bb77]{font-weight:700}.blog-content .token.italic[data-v-0d27bb77]{font-style:italic}.blog-content .table-container[data-v-0d27bb77]::-webkit-scrollbar{height:8px}.blog-content .table-container[data-v-0d27bb77]::-webkit-scrollbar-track{background:#00985b1a;border-radius:4px}.blog-content .table-container[data-v-0d27bb77]::-webkit-scrollbar-thumb{background:#00985b4d;border-radius:4px}.blog-content .table-container[data-v-0d27bb77]::-webkit-scrollbar-thumb:hover{background:#00985b80}.toc-nav ul[data-v-0d27bb77]{list-style:none;padding:0;margin:0}.toc-nav .toc-level-1[data-v-0d27bb77]{margin-left:0;font-weight:600}.toc-nav .toc-level-2[data-v-0d27bb77]{margin-left:1rem;font-weight:500}.toc-nav .toc-level-3[data-v-0d27bb77]{margin-left:2rem;font-weight:400}.toc-nav .toc-level-4[data-v-0d27bb77]{margin-left:3rem;font-weight:400;font-size:.875rem}.toc-nav .toc-level-5[data-v-0d27bb77]{margin-left:4rem;font-weight:400;font-size:.875rem}.toc-nav .toc-level-6[data-v-0d27bb77]{margin-left:5rem;font-weight:400;font-size:.8125rem}.toc-nav .toc-link[data-v-0d27bb77]{display:block;padding:.25rem 0;border-radius:.25rem;text-decoration:none;transition:all .2s ease;line-height:1.4}.toc-nav .toc-link[data-v-0d27bb77]:hover{background:#00985b14;padding-left:.5rem;transform:translate(.25rem)}.dark .toc-nav .toc-link[data-v-0d27bb77]:hover{background:#00985b1f}@media (max-width: 1279px){.toc-nav .toc-level-4[data-v-0d27bb77],.toc-nav .toc-level-5[data-v-0d27bb77],.toc-nav .toc-level-6[data-v-0d27bb77]{display:none}}.full-screen-toggle[data-v-0d27bb77]{transition:all .3s cubic-bezier(.4,0,.2,1)}.full-screen-toggle[data-v-0d27bb77]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00985b26}.full-screen-toggle[data-v-0d27bb77]:active{transform:translateY(0)}.prose.max-w-4xl[data-v-0d27bb77]{padding-left:2rem;padding-right:2rem}@media (max-width: 768px){.prose.max-w-4xl[data-v-0d27bb77]{padding-left:1rem;padding-right:1rem}}.grid[data-v-0d27bb77]{transition:all .3s cubic-bezier(.4,0,.2,1)}.xl\\[data-v-0d27bb77]:col-span-3,.xl\\[data-v-0d27bb77]:col-span-1{transition:all .3s cubic-bezier(.4,0,.2,1)}.prose.max-w-4xl .blog-content h1[data-v-0d27bb77],.prose.max-w-4xl .blog-content h2[data-v-0d27bb77],.prose.max-w-4xl .blog-content h3[data-v-0d27bb77]{scroll-margin-top:2rem}.full-screen-toggle[data-v-0d27bb77]:after{content:attr(data-shortcut);position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#9ca3af;opacity:0;transition:opacity .2s ease;pointer-events:none;white-space:nowrap}.full-screen-toggle[data-v-0d27bb77]:hover:after{opacity:1}