.blog-detail-shell{--blog-shell-width:1377px;isolation:isolate;overflow-x:clip}.blog-detail-shell:before,.blog-detail-shell:after{z-index:0;width:max(0px, calc((100% - var(--blog-shell-width)) / 2));pointer-events:none;content:"";background-repeat:repeat;background-size:20px 20px;position:absolute;top:0;bottom:0}.blog-detail-shell:before{border-right:.6px solid var(--neutral-100);background-image:linear-gradient(135deg, transparent 48.8%, var(--neutral-100) 48.9% 51.1%, transparent 51.2%);left:0}.blog-detail-shell:after{border-left:.6px solid var(--neutral-100);background-image:linear-gradient(45deg, transparent 48.8%, var(--neutral-100) 48.9% 51.1%, transparent 51.2%);right:0}.blog-detail-shell>*{z-index:1;position:relative}.blog-content-section:before{content:"";background:var(--neutral-100);width:min(100%,1377px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-inter-display), sans-serif;color:#1b1b1b}.prose p,.prose li,.prose blockquote{font-family:var(--font-inter-display), sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 32;color:#3f3f46;font-size:1rem;line-height:1.75}.prose p{margin-top:1.25rem;margin-bottom:0}#blog-article>:first-child{margin-top:0}.prose th{font-weight:500}.prose ul,.prose ol{margin-top:1rem;margin-bottom:1rem}.prose h2{margin-top:2.5rem;margin-bottom:1.375rem;font-size:1.5rem;line-height:normal}#blog-article h2{color:#1b1b1b}.prose a{color:#18181b;text-underline-offset:3px;-webkit-text-decoration:underline #d4d4d8;text-decoration:underline #d4d4d8;transition:color .15s,text-decoration-color .15s}.prose a:hover{color:#3a3a8c;text-decoration-color:#3a3a8c}.prose code:before,.prose code:after{content:none!important}.prose :not(pre)>code{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);border-radius:.25rem;font-size:80%;color:#000!important;font-weight:400!important;font-family:var(--font-fira-code), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace!important;background-color:#f0efed!important}.prose :not(pre)>code span{color:inherit!important}[data-rehype-pretty-code-figure]{margin:1.5rem 0;position:relative}[data-rehype-pretty-code-figure]>figcaption{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;font-family:var(--font-fira-code), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:#8b949e;z-index:1;background:#24292e;border:0;border-bottom-width:medium;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:2px 10px;display:inline-block;position:relative}[data-rehype-pretty-code-figure]>figcaption[data-language=plaintext]{display:none}.code-block-wrapper{position:relative}.code-block-wrapper pre{-webkit-overflow-scrolling:touch;border:0;border-radius:8px;margin:0;padding:1rem;overflow-x:auto;background:#24292e!important}[data-rehype-pretty-code-figure]>figcaption+.code-block-wrapper pre{border-top-left-radius:0;border-top-right-radius:0}.code-block-wrapper pre code{font-family:var(--font-fira-code), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;white-space:pre;word-wrap:normal;overflow-wrap:normal;font-size:.875rem;line-height:1.7}.code-block-wrapper pre code [data-line]{min-width:100%;padding:0 1rem;display:inline-block}.copy-btn{color:#fff9;cursor:pointer;opacity:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;right:12px}.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{color:#fff;background:#fff3;border-color:#fff6;transform:scale(1.1);box-shadow:0 2px 8px #0003}.copy-btn:active{background:#ffffff4d;transition:all .1s;transform:scale(.95)}.copy-btn.copied{opacity:1;color:#fff;background:#22c55ecc;border-color:#22c55e}@media (max-width:640px){.code-block-wrapper pre code{box-sizing:border-box;min-width:100%;display:inline-block}.code-block-wrapper pre code [data-line]:after{content:"";width:1.5rem;display:inline-block}.copy-btn{width:28px;height:28px;top:8px;right:8px}.copy-btn svg{width:14px;height:14px}}.react-tel-input .form-control:focus{border-color:#000!important;outline:none!important;box-shadow:0 0 0 1px #000!important}.react-tel-input .flag-dropdown.open .selected-flag,.react-tel-input .flag-dropdown:focus .selected-flag{border-color:#000!important}.prose .anchor-link{opacity:0;color:#71717a;align-items:center;margin-right:.5rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.prose h1:hover .anchor-link,.prose h2:hover .anchor-link,.prose h3:hover .anchor-link,.prose h4:hover .anchor-link,.prose h5:hover .anchor-link,.prose h6:hover .anchor-link{opacity:1}.prose .anchor-link:hover{color:#3f3f46}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;scroll-margin-top:80px;text-decoration:none}.prose h1 a,.prose h2 a,.prose h3 a,.prose h4 a,.prose h5 a,.prose h6 a{text-decoration:none}.table-of-contents{scrollbar-width:none;max-height:calc(100vh - 120px);overflow-y:auto}.table-of-contents::-webkit-scrollbar{display:none}@media (max-width:1377px){.blog-detail-shell:before,.blog-detail-shell:after{display:none}}@media (max-width:640px){#blog-article h2{font-size:1.75rem!important;line-height:normal!important}}