.BlogMarkdown-module__8ZofXq__document{color:#d4d4d8;min-width:0;font-family:var(--font-sans,sans-serif);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-align:start;unicode-bidi:isolate;font-size:1.0625rem;line-height:1.8;container:blog-document/inline-size}.BlogMarkdown-module__8ZofXq__document:lang(ar){font-family:var(--font-blog-arabic,var(--font-sans,sans-serif));line-height:1.9}.BlogMarkdown-module__8ZofXq__document>:first-child{margin-block-start:0}.BlogMarkdown-module__8ZofXq__document p{margin-block:1.1rem}.BlogMarkdown-module__8ZofXq__document strong,.BlogMarkdown-module__8ZofXq__heading{color:#fafafa;font-weight:650}.BlogMarkdown-module__8ZofXq__heading{letter-spacing:-.01em;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;margin-block:2.25rem .85rem;scroll-margin-top:7rem;line-height:1.3}.BlogMarkdown-module__8ZofXq__heading:lang(ar){letter-spacing:0;line-height:1.5}.BlogMarkdown-module__8ZofXq__document h1{font-size:clamp(1.75rem,1rem + 4cqi,2.5rem)}.BlogMarkdown-module__8ZofXq__document h2{font-size:clamp(1.35rem,.9rem + 3cqi,1.875rem)}.BlogMarkdown-module__8ZofXq__document h3{font-size:clamp(1.2rem,1rem + 1.25cqi,1.4rem)}.BlogMarkdown-module__8ZofXq__document h4{font-size:1.15rem}.BlogMarkdown-module__8ZofXq__document h5{font-size:1.05rem}.BlogMarkdown-module__8ZofXq__document h6{font-size:1rem}.BlogMarkdown-module__8ZofXq__document a{color:var(--color-brand-300,#c4b4fe);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover){.BlogMarkdown-module__8ZofXq__document a:hover{color:#ddd5ff}}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__anchor{color:var(--devup-gradient-orange,#fd831c);opacity:0;margin-inline-start:.4em;padding-inline:.1em;font-size:.75em;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.BlogMarkdown-module__8ZofXq__heading:hover .BlogMarkdown-module__8ZofXq__anchor,.BlogMarkdown-module__8ZofXq__heading:focus-within .BlogMarkdown-module__8ZofXq__anchor,.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__anchor:focus-visible{opacity:1}.BlogMarkdown-module__8ZofXq__document a:focus-visible,.BlogMarkdown-module__8ZofXq__document pre:focus-visible,.BlogMarkdown-module__8ZofXq__tableScroll:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:3px;border-radius:.2rem}.BlogMarkdown-module__8ZofXq__document ul,.BlogMarkdown-module__8ZofXq__document ol{margin-block:1.1rem;padding-inline-start:1.6rem}.BlogMarkdown-module__8ZofXq__document ul{list-style:outside}.BlogMarkdown-module__8ZofXq__document ol{list-style:decimal}.BlogMarkdown-module__8ZofXq__document li{margin-block:.4rem}.BlogMarkdown-module__8ZofXq__document li::marker{color:#a3a3a3}.BlogMarkdown-module__8ZofXq__document li>div>p:first-child{margin-block-start:0}.BlogMarkdown-module__8ZofXq__document li>div>p:last-child{margin-block-end:0}.BlogMarkdown-module__8ZofXq__task{align-items:baseline;gap:.65rem;list-style:none;display:flex}.BlogMarkdown-module__8ZofXq__task input{accent-color:#a788fc;flex:none}.BlogMarkdown-module__8ZofXq__task>div{min-width:0}.BlogMarkdown-module__8ZofXq__document blockquote{border-inline-start:3px solid var(--color-brand-400,#a788fc);color:#d4d4d8;margin-block:1.5rem;margin-inline:0;padding-inline-start:1.1rem}.BlogMarkdown-module__8ZofXq__callout{border:1px solid #222;border-inline-start:3px solid var(--color-brand-400,#a788fc);background:#0f0f0f;border-radius:.75rem;margin-block:1.5rem;padding:1rem 1.15rem}.BlogMarkdown-module__8ZofXq__callout[data-kind=warning],.BlogMarkdown-module__8ZofXq__callout[data-kind=caution]{border-inline-start-color:var(--color-gold-400,#fbbf24)}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__calloutTitle{color:#fafafa;margin-block:0 .3rem;font-weight:650}.BlogMarkdown-module__8ZofXq__callout>:last-child{margin-block-end:0}.BlogMarkdown-module__8ZofXq__document hr{border:0;border-block-start:1px solid #222;margin-block:2.25rem}.BlogMarkdown-module__8ZofXq__inlineCode{color:#ede8ff;font-size:.875em;font-family:var(--font-mono,monospace);overflow-wrap:break-word;unicode-bidi:isolate;background:#111;border:1px solid #262626;border-radius:.3rem;padding:.1em .35em;display:inline}.BlogMarkdown-module__8ZofXq__codeBlock{text-align:left;background:#0a0a0a;border:1px solid #222;border-radius:.75rem;min-width:0;max-width:100%;margin-block:1.75rem;overflow:hidden}.BlogMarkdown-module__8ZofXq__codeHeader{background:#0f0f0f;border-block-end:1px solid #222;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.4rem .5rem .4rem 1rem;display:flex}.BlogMarkdown-module__8ZofXq__codeHeader>:last-child{margin-left:auto}.BlogMarkdown-module__8ZofXq__codeLabel{min-width:0;font:600 .72rem/1.4 var(--font-mono,monospace);letter-spacing:.04em;color:#c4b4fe;unicode-bidi:isolate;flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.BlogMarkdown-module__8ZofXq__filename{overflow-wrap:break-word;letter-spacing:0;color:#a3a3a3;min-width:0;font-weight:400}.BlogMarkdown-module__8ZofXq__codeBlock pre,.BlogMarkdown-module__8ZofXq__literal{white-space:pre;overflow-wrap:normal;word-break:normal;tab-size:4;color:#e5e5e5;min-width:0;max-width:100%;font:.875rem/1.7 var(--font-mono,monospace);text-align:left;unicode-bidi:isolate;margin:0;padding:1rem 1.1rem;overflow-x:auto}.BlogMarkdown-module__8ZofXq__codeBlock pre{background:#0a0a0a}.BlogMarkdown-module__8ZofXq__codeBlock code{white-space:inherit;unicode-bidi:isolate}.BlogMarkdown-module__8ZofXq__literal{background:#0f0f0f;border:1px solid #222;border-radius:.6rem;margin-block:1.5rem}.BlogMarkdown-module__8ZofXq__image{border-radius:.6rem;max-width:100%;height:auto;margin-block:.5rem;display:inline-block}.BlogMarkdown-module__8ZofXq__tableScroll{border:1px solid #222;border-radius:.6rem;min-width:0;max-width:100%;margin-block:1.5rem;overflow-x:auto}.BlogMarkdown-module__8ZofXq__document table{border-collapse:collapse;width:100%;font-size:.925rem}.BlogMarkdown-module__8ZofXq__document th,.BlogMarkdown-module__8ZofXq__document td{text-align:start;vertical-align:top;border-block-end:1px solid #222;padding:.65rem .9rem}.BlogMarkdown-module__8ZofXq__document th{color:#fafafa;background:#0f0f0f;font-weight:650}.BlogMarkdown-module__8ZofXq__document tr:last-child td{border-block-end:0}.BlogMarkdown-module__8ZofXq__footnoteRef{font-size:.75em;line-height:0}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__footnoteRef a{padding-inline:.1em;scroll-margin-block-start:7rem;text-decoration:none}.BlogMarkdown-module__8ZofXq__footnotes{color:#a3a3a3;border-block-start:1px solid #222;margin-block-start:3rem;padding-block-start:1.25rem;font-size:.925rem}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__footnotes>h2{color:#fafafa;margin-block:0 .75rem;font-size:1rem;font-weight:650}.BlogMarkdown-module__8ZofXq__footnotes li{scroll-margin-block-start:7rem}.BlogMarkdown-module__8ZofXq__footnotes li>p:first-child{margin-block-start:0}.BlogMarkdown-module__8ZofXq__footnotes li>p:last-child{margin-block-end:0}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__backLink{margin-inline-start:.15rem;text-decoration:none}.BlogMarkdown-module__8ZofXq__modelCard{background:linear-gradient(#111,#0a0a0a);border:1px solid #222;border-radius:.85rem;margin-block:1.75rem;padding:1.05rem 1.2rem}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__modelHeader{align-items:center;gap:.65rem;min-width:0;margin-block:0;display:flex}.BlogMarkdown-module__8ZofXq__modelLogo{object-fit:contain;border-radius:.3rem;flex:none;block-size:1.5rem;inline-size:1.5rem}.BlogMarkdown-module__8ZofXq__modelName{color:#fafafa;overflow-wrap:break-word;min-width:0;font-size:1.05rem;font-weight:650}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__modelCapabilities{flex-wrap:wrap;gap:.4rem;margin-block:.8rem 0;padding-inline-start:0;list-style:none;display:flex}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__modelCapabilities li{color:#d4d4d8;background:#111;border:1px solid #2a2a2a;border-radius:999px;margin-block:0;padding:.1rem .6rem;font-size:.8rem}.BlogMarkdown-module__8ZofXq__modelOptional{color:#a3a3a3}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__modelActions{flex-wrap:wrap;gap:.6rem 1.25rem;margin-block:.9rem 0;font-size:.925rem;display:flex}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__modelAction{color:var(--color-brand-300,#c4b4fe);font-weight:600}.BlogMarkdown-module__8ZofXq__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container blog-document (min-width:36rem){.BlogMarkdown-module__8ZofXq__codeBlock pre,.BlogMarkdown-module__8ZofXq__literal{padding:1.1rem 1.35rem}.BlogMarkdown-module__8ZofXq__callout,.BlogMarkdown-module__8ZofXq__modelCard{padding:1.15rem 1.4rem}}@container blog-document (max-width:22rem){.BlogMarkdown-module__8ZofXq__document ul,.BlogMarkdown-module__8ZofXq__document ol{padding-inline-start:1.25rem}.BlogMarkdown-module__8ZofXq__document th,.BlogMarkdown-module__8ZofXq__document td{padding:.55rem .7rem}}@media (prefers-reduced-motion:reduce){.BlogMarkdown-module__8ZofXq__document{scroll-behavior:auto}.BlogMarkdown-module__8ZofXq__document .BlogMarkdown-module__8ZofXq__anchor{transition:none}}
.BlogArticleView-module__bruVIG__article{color:#d4d4d8;min-width:0;font-family:var(--font-sans,sans-serif);container:blog-article/inline-size}.BlogArticleView-module__bruVIG__article:lang(ar){font-family:var(--font-blog-arabic,var(--font-sans,sans-serif))}.BlogArticleView-module__bruVIG__layout{--blog-gutter:1rem;grid-template-columns:minmax(0, 1fr) min(720px, 100% - 2 * var(--blog-gutter)) minmax(0, 1fr);min-width:0;padding-block:2.5rem 4rem;display:grid}.BlogArticleView-module__bruVIG__layout>*{grid-column:2;min-width:0}.BlogArticleView-module__bruVIG__header{grid-row:1}.BlogArticleView-module__bruVIG__tocInline{grid-row:2}.BlogArticleView-module__bruVIG__body{grid-row:3}.BlogArticleView-module__bruVIG__about{grid-row:4}.BlogArticleView-module__bruVIG__category{letter-spacing:.06em;text-transform:uppercase;margin:0 0 .9rem;font-size:.8rem;font-weight:600}.BlogArticleView-module__bruVIG__category:lang(ar){letter-spacing:0;text-transform:none;font-size:.9rem}.BlogArticleView-module__bruVIG__category a{color:var(--devup-gradient-orange,#fd831c);text-decoration:none}@media (hover:hover){.BlogArticleView-module__bruVIG__category a:hover{text-underline-offset:.2em;text-decoration:underline}}.BlogArticleView-module__bruVIG__title{color:#fff;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;margin:0;font-size:clamp(2rem,1.2rem + 3.5cqi,3rem);font-weight:700;line-height:1.15}.BlogArticleView-module__bruVIG__title:lang(ar){letter-spacing:0;line-height:1.4}.BlogArticleView-module__bruVIG__excerpt{color:#a3a3a3;overflow-wrap:break-word;margin:1rem 0 0;font-size:clamp(1.05rem,.95rem + .6cqi,1.25rem);line-height:1.6}.BlogArticleView-module__bruVIG__meta{color:#a3a3a3;border-block-end:1px solid #222;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.25rem;margin-block:1.4rem 0;padding-block-end:1.75rem;font-size:.875rem;display:flex}.BlogArticleView-module__bruVIG__byline{color:#fafafa;font-weight:600}.BlogArticleView-module__bruVIG__codeButton{background:var(--color-emerald-400,#00d492);color:#000;border-radius:999px;align-self:center;align-items:center;gap:.35rem;min-block-size:2rem;padding-block:.3rem;padding-inline:.9rem;font-size:.85rem;font-weight:650;line-height:1.2;text-decoration:none;transition:filter .15s;display:inline-flex}.BlogArticleView-module__bruVIG__codeButton:focus-visible{outline:2px solid var(--color-emerald-400,#00d492);outline-offset:3px}@media (hover:hover){.BlogArticleView-module__bruVIG__codeButton:hover{filter:brightness(1.08)}}.BlogArticleView-module__bruVIG__externalMark{flex:none;display:block}.BlogArticleView-module__bruVIG__article[dir=rtl] .BlogArticleView-module__bruVIG__externalMark{transform:scaleX(-1)}.BlogArticleView-module__bruVIG__body{padding-block-start:2rem}.BlogArticleView-module__bruVIG__tocInline{background:#0f0f0f;border:1px solid #222;border-radius:.75rem;margin-block:1.5rem 0}.BlogArticleView-module__bruVIG__tocSummary{cursor:pointer;color:#fafafa;border-radius:.75rem;padding:.75rem 1rem;font-size:.925rem;font-weight:600}.BlogArticleView-module__bruVIG__tocSummary:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px}.BlogArticleView-module__bruVIG__tocInline[open] .BlogArticleView-module__bruVIG__tocSummary{border-block-end:1px solid #222;border-end-end-radius:0;border-end-start-radius:0}.BlogArticleView-module__bruVIG__tocInline .BlogArticleView-module__bruVIG__tocList{padding:.75rem 1rem .9rem}.BlogArticleView-module__bruVIG__tocAside{display:none}.BlogArticleView-module__bruVIG__tocTitle{color:#fafafa;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:600}.BlogArticleView-module__bruVIG__tocTitle:lang(ar){letter-spacing:0;text-transform:none;font-size:.875rem}.BlogArticleView-module__bruVIG__tocList{margin:0;padding:0;font-size:.875rem;line-height:1.5;list-style:none}.BlogArticleView-module__bruVIG__tocList li{overflow-wrap:break-word;margin-block:.4rem}.BlogArticleView-module__bruVIG__tocList .BlogArticleView-module__bruVIG__tocSub{padding-inline-start:.9rem}.BlogArticleView-module__bruVIG__tocList a{color:#a3a3a3;text-decoration:none}.BlogArticleView-module__bruVIG__tocList a:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px;border-radius:.2rem}@media (hover:hover){.BlogArticleView-module__bruVIG__tocList a:hover{color:#fff}}.BlogArticleView-module__bruVIG__about{background:radial-gradient(120% 140% at 0 0,#7c3aed29,#0000 60%),#0f0f0f;border:1px solid #222;border-radius:1rem;margin-block-start:3.5rem;padding:1.5rem}.BlogArticleView-module__bruVIG__aboutHeading{color:#fff;margin:0;font-size:1.15rem;font-weight:650}.BlogArticleView-module__bruVIG__aboutBody{color:#a3a3a3;overflow-wrap:break-word;margin:.6rem 0 1.25rem;line-height:1.7}.BlogArticleView-module__bruVIG__cta{background:var(--devup-brand-gradient-pill,linear-gradient(135deg, #fd831c 0%, #f93d31 30%, #e0296e 65%, #a855f7 100%));min-height:2.5rem;color:var(--devup-brand-gradient-pill-text,#000);border-radius:999px;align-items:center;padding:.55rem 1.15rem;font-size:.925rem;font-weight:650;text-decoration:none;transition:filter .15s;display:inline-flex}.BlogArticleView-module__bruVIG__cta:focus-visible{outline:3px solid var(--devup-focus-ring,#fd831c73);outline-offset:3px}@media (hover:hover){.BlogArticleView-module__bruVIG__cta:hover{filter:brightness(1.08)}}@container blog-article (min-width:40rem){.BlogArticleView-module__bruVIG__layout{--blog-gutter:1.5rem;padding-block:3.5rem 5rem}.BlogArticleView-module__bruVIG__about{padding:1.75rem 2rem}}@container blog-article (min-width:64rem){.BlogArticleView-module__bruVIG__layout{--blog-gutter:2rem;padding-block:4.5rem 6rem}}@container blog-article (min-width:1100px){.BlogArticleView-module__bruVIG__tocInline{display:none}.BlogArticleView-module__bruVIG__tocAside{grid-area:3/3/span 2;align-self:start;max-block-size:calc(100dvh - 8rem);max-inline-size:16rem;padding-block-start:2rem;padding-inline:2.5rem 1rem;display:block;position:sticky;top:6rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.BlogArticleView-module__bruVIG__cta,.BlogArticleView-module__bruVIG__codeButton{transition:none}}
.BlogCodeView-module__I7f58G__page{color:#d4d4d8;min-width:0;font-family:var(--font-sans,sans-serif);container:blog-code/inline-size}.BlogCodeView-module__I7f58G__page:lang(ar){font-family:var(--font-blog-arabic,var(--font-sans,sans-serif))}.BlogCodeView-module__I7f58G__shell{--blog-code-gutter:1rem;box-sizing:border-box;inline-size:min(1280px,100%);min-width:0;padding-block:2rem 4rem;padding-inline:var(--blog-code-gutter);margin-inline:auto}.BlogCodeView-module__I7f58G__backRow{margin:0 0 1rem;font-size:.9rem}.BlogCodeView-module__I7f58G__back{color:#a3a3a3;overflow-wrap:break-word;align-items:baseline;gap:.4rem;text-decoration:none;display:inline-flex}.BlogCodeView-module__I7f58G__back:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px;border-radius:.2rem}@media (hover:hover){.BlogCodeView-module__I7f58G__back:hover{color:#fff}}.BlogCodeView-module__I7f58G__backArrow{display:inline-block}.BlogCodeView-module__I7f58G__page[dir=rtl] .BlogCodeView-module__I7f58G__backArrow{transform:scaleX(-1)}.BlogCodeView-module__I7f58G__title{color:#fff;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;margin:0;font-size:clamp(1.6rem,1.1rem + 2.2cqi,2.4rem);font-weight:700;line-height:1.2}.BlogCodeView-module__I7f58G__title:lang(ar){letter-spacing:0;line-height:1.4}.BlogCodeView-module__I7f58G__title a{color:inherit;text-decoration:none}.BlogCodeView-module__I7f58G__title a:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px;border-radius:.2rem}@media (hover:hover){.BlogCodeView-module__I7f58G__title a:hover{text-underline-offset:.15em;text-decoration:underline}}.BlogCodeView-module__I7f58G__meta{color:#a3a3a3;border-block-end:1px solid #222;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-block:1rem 0;padding-block-end:1.5rem;font-size:.875rem;display:flex}.BlogCodeView-module__I7f58G__zip{background:var(--color-emerald-400,#00d492);color:#000;border-radius:999px;align-items:center;min-block-size:2.25rem;padding-block:.4rem;padding-inline:1rem;font-weight:650;text-decoration:none;transition:filter .15s;display:inline-flex}.BlogCodeView-module__I7f58G__zip:focus-visible{outline:2px solid var(--color-emerald-400,#00d492);outline-offset:3px}@media (hover:hover){.BlogCodeView-module__I7f58G__zip:hover{filter:brightness(1.08)}}.BlogCodeView-module__I7f58G__columns{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0;margin-block-start:1.5rem;display:grid}.BlogCodeView-module__I7f58G__content{min-width:0}.BlogCodeView-module__I7f58G__tree{box-sizing:border-box;min-width:0;max-block-size:20rem;font:.85rem/1.4 var(--font-mono,monospace);text-align:start;background:#0f0f0f;border:1px solid #222;border-radius:.75rem;padding:.5rem;overflow:auto}.BlogCodeView-module__I7f58G__treeList{margin:0;padding:0;list-style:none}.BlogCodeView-module__I7f58G__treeList .BlogCodeView-module__I7f58G__treeList{padding-inline-start:.9rem}.BlogCodeView-module__I7f58G__row{color:#d4d4d8;white-space:nowrap;cursor:pointer;border-radius:.4rem;align-items:center;gap:.45rem;min-block-size:1.9rem;padding-block:.15rem;padding-inline:.5rem;text-decoration:none;display:flex}.BlogCodeView-module__I7f58G__row:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:-2px}@media (hover:hover){.BlogCodeView-module__I7f58G__row:hover{color:#fff;background:#1a1a1a}}.BlogCodeView-module__I7f58G__row[aria-current=page]{color:#fff;background:#00d49224;font-weight:600}summary.BlogCodeView-module__I7f58G__row{list-style:none}summary.BlogCodeView-module__I7f58G__row::-webkit-details-marker{display:none}.BlogCodeView-module__I7f58G__icon{flex:none;display:block}.BlogCodeView-module__I7f58G__iconOpen{flex:none;display:none}.BlogCodeView-module__I7f58G__iconClosed{flex:none;display:block}.BlogCodeView-module__I7f58G__folder[open]>summary>.BlogCodeView-module__I7f58G__iconOpen{display:block}.BlogCodeView-module__I7f58G__folder[open]>summary>.BlogCodeView-module__I7f58G__iconClosed{display:none}.BlogCodeView-module__I7f58G__file{background:#0f0f0f;border:1px solid #222;border-radius:.75rem;min-width:0;overflow:hidden}.BlogCodeView-module__I7f58G__fileHeader{border-block-end:1px solid #222;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block:.75rem;padding-inline:1rem;display:flex}.BlogCodeView-module__I7f58G__filePath{color:#fff;min-width:0;font:600 .925rem/1.4 var(--font-mono,monospace);overflow-wrap:break-word;word-break:normal;align-items:center;gap:.5rem;margin:0;display:flex}.BlogCodeView-module__I7f58G__filePath>bdi{min-width:0}.BlogCodeView-module__I7f58G__fileSize{color:#a3a3a3;font-size:.85rem}.BlogCodeView-module__I7f58G__actions{flex-wrap:wrap;gap:.5rem;margin-inline-start:auto;display:flex}.BlogCodeView-module__I7f58G__action{color:#fafafa;border:1px solid #333;border-radius:.5rem;align-items:center;min-block-size:2rem;padding-block:.25rem;padding-inline:.8rem;font-size:.85rem;text-decoration:none;display:inline-flex}.BlogCodeView-module__I7f58G__action:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px}@media (hover:hover){.BlogCodeView-module__I7f58G__action:hover{background:#1a1a1a}}.BlogCodeView-module__I7f58G__notice{color:#d4d4d8;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding-block:1.25rem;padding-inline:1rem;display:flex}.BlogCodeView-module__I7f58G__media{padding:1rem}.BlogCodeView-module__I7f58G__image{border-radius:.5rem;block-size:auto;max-inline-size:100%;margin-inline:auto;display:block}.BlogCodeView-module__I7f58G__codeBlock{text-align:start;background:#0a0a0a;min-width:0}.BlogCodeView-module__I7f58G__codeHeader{border-block-end:1px solid #1c1c1c;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.4rem;padding-inline:.75rem;display:flex}.BlogCodeView-module__I7f58G__codeLanguage{color:#c4b4fe;font:600 .72rem/1.4 var(--font-mono,monospace);letter-spacing:.04em}.BlogCodeView-module__I7f58G__lines{min-width:0;color:#e5e5e5;max-inline-size:100%;font:.85rem/1.6 var(--font-mono,monospace);tab-size:4;white-space:pre;overflow-wrap:normal;word-break:normal;background:#0a0a0a;margin:0;padding-block:.75rem;overflow-x:auto}.BlogCodeView-module__I7f58G__lines:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:-2px}.BlogCodeView-module__I7f58G__linesInner{inline-size:max-content;min-inline-size:100%;display:block}.BlogCodeView-module__I7f58G__line{scroll-margin-block-start:8rem;display:flex}.BlogCodeView-module__I7f58G__line:target{background:#fd831c29}.BlogCodeView-module__I7f58G__lineNumber{box-sizing:border-box;color:#8b8b8b;text-align:end;-webkit-user-select:none;user-select:none;background:#0a0a0a;flex:none;min-inline-size:3.75rem;padding-inline:.75rem 1rem;text-decoration:none;position:sticky;inset-inline-start:0}.BlogCodeView-module__I7f58G__line:target .BlogCodeView-module__I7f58G__lineNumber{color:#fd831c;background:#24170b}.BlogCodeView-module__I7f58G__lineNumber:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:-2px}@media (hover:hover){.BlogCodeView-module__I7f58G__lineNumber:hover{color:#fafafa}}.BlogCodeView-module__I7f58G__lineText{white-space:pre;flex:none;padding-inline-end:1rem}.BlogCodeView-module__I7f58G__bidi{color:#fca5a5;background:#3f1d1d;border-radius:.2em;padding-inline:.15em;font-size:.85em}.BlogCodeView-module__I7f58G__readme{background:#0f0f0f;border:1px solid #222;border-radius:.75rem;min-width:0;overflow:hidden}.BlogCodeView-module__I7f58G__readmeHeader{font:600 .9rem/1.4 var(--font-mono,monospace);border-block-end:1px solid #222;align-items:center;gap:.5rem;padding-block:.75rem;padding-inline:1rem;display:flex}.BlogCodeView-module__I7f58G__readmeHeader a{color:#fafafa;text-decoration:none}.BlogCodeView-module__I7f58G__readmeHeader a:focus-visible{outline:2px solid var(--color-brand-300,#c4b4fe);outline-offset:2px;border-radius:.2rem}@media (hover:hover){.BlogCodeView-module__I7f58G__readmeHeader a:hover{text-decoration:underline}}.BlogCodeView-module__I7f58G__readmeBody{min-width:0;padding-block:1rem 1.5rem;padding-inline:1.25rem}.BlogCodeView-module__I7f58G__noReadme{color:#a3a3a3;border:1px dashed #333;border-radius:.75rem;margin:0;padding:1rem}@container blog-code (min-width:48rem){.BlogCodeView-module__I7f58G__shell{--blog-code-gutter:1.5rem;padding-block:2.5rem 5rem}.BlogCodeView-module__I7f58G__columns{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:start}.BlogCodeView-module__I7f58G__tree{max-block-size:calc(100dvh - 8rem);position:sticky;inset-block-start:6rem}.BlogCodeView-module__I7f58G__readmeBody{padding-block:1.5rem 2rem;padding-inline:2rem}}@container blog-code (min-width:64rem){.BlogCodeView-module__I7f58G__shell{--blog-code-gutter:2rem}.BlogCodeView-module__I7f58G__columns{grid-template-columns:18rem minmax(0,1fr);gap:2rem}}@media (prefers-reduced-motion:reduce){.BlogCodeView-module__I7f58G__zip{transition:none}}