html.light{--syntax-comment:257, 9.1%, 61.2%;--syntax-constant:197, 53.2%, 33.5%;--syntax-constant-numeric:3, 52.7%, 66.9%;--syntax-constant-language:3, 52.7%, 66.9%;--syntax-entity-name:3, 52.7%, 66.9%;--syntax-entity-name-section:189, 29.8%, 48%;--syntax-entity-name-tag:189, 29.8%, 48%;--syntax-entity-name-namespace:189, 29.8%, 48%;--syntax-entity-name-type:189, 29.8%, 48%;--syntax-entity-other-attribute-name:268, 21.5%, 57.1%;--syntax-entity-other-inherited-class:268, 21.5%, 57.1%;--syntax-invalid:343, 35.1%, 54.7%;--syntax-invalid-deprecated:248, 12.2%, 51.8%;--syntax-keyword:197, 53.2%, 33.5%;--syntax-variable-language-this:197, 53.2%, 33.5%;--syntax-markup-inserted-diff:189, 29.8%, 48%;--syntax-markup-deleted-diff:343, 35.1%, 54.7%;--syntax-markup-heading: ;--syntax-markup-bold-markdown: ;--syntax-markup-italic-markdown: ;--syntax-meta-diff-range:268, 21.5%, 57.1%;--syntax-meta-tag:248, 19.2%, 39.8%;--syntax-meta-brace:248, 19.2%, 39.8%;--syntax-meta-import:197, 53.2%, 33.5%;--syntax-meta-export:197, 53.2%, 33.5%;--syntax-meta-directive-vue:268, 21.5%, 57.1%;--syntax-meta-property-name-css:189, 29.8%, 48%;--syntax-meta-property-value-css:35, 81.2%, 56.1%;--syntax-meta-tag-other-html:248, 12.2%, 51.8%;--syntax-punctuation:248, 12.2%, 51.8%;--syntax-punctuation-accessor:197, 53.2%, 33.5%;--syntax-punctuation-definition-string:35, 81.2%, 56.1%;--syntax-punctuation-definition-tag:257, 9.1%, 61.2%;--syntax-storage-type:197, 53.2%, 33.5%;--syntax-storage-modifier:197, 53.2%, 33.5%;--syntax-string:35, 81.2%, 56.1%;--syntax-support:189, 29.8%, 48%;--syntax-support-constant:35, 81.2%, 56.1%;--syntax-support-function:343, 35.1%, 54.7%;--syntax-variable:3, 52.7%, 66.9%;--syntax-variable-other:248, 19.2%, 39.8%;--syntax-variable-language:248, 19.2%, 39.8%;--syntax-variable-function:248, 19.2%, 39.8%;--syntax-variable-argument:248, 19.2%, 39.8%;--syntax-variable-parameter:268, 21.5%, 57.1%;--input-border:#6e6a8614;--tab-activeBackground:#6e6a860d}html.dark{--syntax-comment:249, 11.7%, 47.1%;--syntax-constant:197, 49%, 37.6%;--syntax-constant-numeric:2, 55.1%, 82.5%;--syntax-constant-language:2, 55.1%, 82.5%;--syntax-entity-name:2, 55.1%, 82.5%;--syntax-entity-name-section:189, 43.5%, 72.9%;--syntax-entity-name-tag:189, 43.5%, 72.9%;--syntax-entity-name-namespace:189, 43.5%, 72.9%;--syntax-entity-name-type:189, 43.5%, 72.9%;--syntax-entity-other-attribute-name:267, 57.1%, 78%;--syntax-entity-other-inherited-class:267, 57.1%, 78%;--syntax-invalid:343, 75.6%, 67.8%;--syntax-invalid-deprecated:248, 15%, 60.8%;--syntax-keyword:197, 49%, 37.6%;--syntax-variable-language-this:197, 49%, 37.6%;--syntax-markup-inserted-diff:189, 43.5%, 72.9%;--syntax-markup-deleted-diff:343, 75.6%, 67.8%;--syntax-markup-heading: ;--syntax-markup-bold-markdown: ;--syntax-markup-italic-markdown: ;--syntax-meta-diff-range:267, 57.1%, 78%;--syntax-meta-tag:245, 50%, 91.4%;--syntax-meta-brace:245, 50%, 91.4%;--syntax-meta-import:197, 49%, 37.6%;--syntax-meta-export:197, 49%, 37.6%;--syntax-meta-directive-vue:267, 57.1%, 78%;--syntax-meta-property-name-css:189, 43.5%, 72.9%;--syntax-meta-property-value-css:35, 87.6%, 71.6%;--syntax-meta-tag-other-html:248, 15%, 60.8%;--syntax-punctuation:248, 15%, 60.8%;--syntax-punctuation-accessor:197, 49%, 37.6%;--syntax-punctuation-definition-string:35, 87.6%, 71.6%;--syntax-punctuation-definition-tag:249, 11.7%, 47.1%;--syntax-storage-type:197, 49%, 37.6%;--syntax-storage-modifier:197, 49%, 37.6%;--syntax-string:35, 87.6%, 71.6%;--syntax-support:189, 43.5%, 72.9%;--syntax-support-constant:35, 87.6%, 71.6%;--syntax-support-function:343, 75.6%, 67.8%;--syntax-variable:2, 55.1%, 82.5%;--syntax-variable-other:245, 50%, 91.4%;--syntax-variable-language:245, 50%, 91.4%;--syntax-variable-function:245, 50%, 91.4%;--syntax-variable-argument:245, 50%, 91.4%;--syntax-variable-parameter:267, 57.1%, 78%;--input-border:#6e6a8633;--tab-activeBackground:#6e6a861a}@font-face{font-family:Victor Mono Variable;font-style:normal;font-display:optional;font-weight:100 700;src:url(./victor-mono-latin-wght-normal.DLAw12qW.woff2)format("woff2-variations")}body>div>main>pre,body>div>main>div.code-group{grid-column:1/4;justify-self:center;width:100%;max-width:95ch}@media (width>=1280px){body>div>main[data-segment*=blog\/]>pre,body>div>main[data-segment*=blog\/]>div.code-group{width:min(95ch,100vw - 4rem)}}code,pre{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:Victor Mono Variable,JetBrains Mono,Fira Code,Ligconsolata,MonoLisa,Cartograph CF,Cascadia Code,Dank Mono,Operator Mono Lig,Cascadia Mono,Victor Mono,Consolas,monospace;line-height:1.375}pre{border:1px solid #0000;position:relative;overflow:auto}pre:hover{border-color:var(--accent-color);transition:all .2s ease-in}:not(pre)>code{white-space:normal;line-height:inherit;border-radius:.3em;padding:.3em .5em}pre>code{margin-top:0;padding:0;line-height:2;display:block;overflow:auto}code{word-break:break-word;border:1px solid var(--input-border)}code>div.line{margin:0;padding-left:1.5em;padding-right:.75em}code>div.line:first-child{margin-top:3em}code>div.line:last-child{margin-bottom:1em}code.dim>div:not(.highlight){opacity:.3;filter:blur(.065rem);transition:all .2s ease-in}code.dim:hover>div:not(.highlight){filter:blur();opacity:1}code.diff>div.line.addition:before{content:"+";color:hsl(var(--syntax-entity-name-section));font-size:.8rem}code.diff>div.line.addition{border-left:3px solid hsl(var(--syntax-entity-name-section));background:hsla(var(--syntax-entity-name-section), 8%)}code.diff>div.line.removal:before{content:"-";color:hsl(var(--syntax-invalid));font-size:.8rem}code.diff>div.line.removal{border-left:3px solid hsl(var(--syntax-invalid));background:hsla(var(--syntax-invalid), 8%)}pre>.code-heading{background:var(--tab-activeBackground);color:var(--text-color);font-family:var(--text-font);justify-content:flex-start;align-items:center;padding:.2em .4em;font-size:.85rem;transition:color .2s ease-in;display:flex;position:absolute;top:0;left:0;right:0}pre>.code-heading>.file-name{width:100%}pre>.code-heading>.icon{opacity:.3;margin-left:auto;transition:opacity .2s ease-in}pre:hover>.code-heading>.icon{opacity:1}pre>.code-heading>.icon.success{color:#33c758cc;animation:1.5s linear wiggle}pre>.code-heading>*{margin:0 .4em}pre>.code-heading>a{font-weight:700;font-size:initial}.custom-block{--background-color:none;--border-color:none;background:var(--background-color);border:1px solid var(--border-color);border-radius:3px;padding:.5em 1em;overflow:auto}.custom-block>p{margin-top:0}.custom-block-title{text-transform:uppercase;color:var(--title-color);align-items:center;gap:.5em;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.custom-block-icon{animation:3s infinite pulse;display:inline-flex}.custom-block.success,.custom-block.tip{--background-color:#33c7581a;--border-color:#33c758cc;--title-color:#33c758}.custom-block.danger{--background-color:#e23c3c1a;--border-color:#e23c3ccc;--title-color:#e23c3c}.custom-block.info,.custom-block.info-ai{--background-color:#6f7ef11a;--border-color:#6f7ef1cc;--title-color:#6f7ef1}.custom-block.warning{--background-color:#ffeb6b1a;--border-color:#ffeb6bcc;--title-color:#ffeb6b}html.light .custom-block.success,html.light .custom-block.tip{--title-color:#166534}html.light .custom-block.info,html.light .custom-block.info-ai{--title-color:#3730a3}html.light .custom-block.warning{--title-color:#854d0e}.code-group{overflow:auto}.code-group-tabs{flex-direction:row;display:flex;overflow:auto}.code-group-tabs>button{margin-bottom:0}.code-group-tab{border-top-left-radius:3px;border-top-right-radius:3px;margin-top:0;margin-right:.1rem;padding:.2em .8em;transition:all .2s ease-in-out}.code-group-tab:not(.active){background-color:var(--tab-activeBackground);color:var(--text-color-light);font-weight:300}.code-group-tab.active{border-top:1px solid hsla(var(--accent-color));background-color:var(--tab-activeBackground);font-weight:900}.code-group-code{margin-top:0}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.pulse{animation:3s infinite pulse}@keyframes pulse{0%{font-variation-settings:"wght" 100}50%{font-variation-settings:"wght" 700}to{font-variation-settings:"wght" 100}}