@charset "UTF-8";#blogs{background:var(--color-bg);display:flex;flex-direction:column}#blogs{height:100vh;min-height:100vh;max-height:100vh}@supports (height: 100dvh){#blogs{height:100dvh;min-height:100dvh;max-height:100dvh}}@supports (height: 100svh){#blogs{height:100svh;min-height:100svh;max-height:100svh}}#nav{view-transition-name:backdrop-nav;background:var(--color-surface);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;position:sticky;top:0;z-index:999}@media (prefers-color-scheme: light){[data-prefers-color-scheme]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000;--color-comment: #6a737d;--color-prolog: #6a737d;--color-doctype: #6a737d;--color-cdata: #6a737d;--color-punctuation: #24292e;--color-keyword: #d73a49;--color-property: #005cc5;--color-tag: #22863a;--color-boolean: #d73a49;--color-number: #005cc5;--color-constant: #005cc5;--color-symbol: #005cc5;--color-function: #6f42c1;--color-class-name: #6f42c1;--color-string: #032f62;--color-char: #032f62;--color-attr-value: #032f62;--color-regex: #032f62;--color-url: #032f62;--color-operator: #d73a49;--color-entity: #d73a49;--color-inserted: #22863a;--color-deleted: #b31d28;--color-important: #b31d28;--color-bold: ;--color-italic: }}@media (prefers-color-scheme: dark){[data-prefers-color-scheme]{--color-primary: #93c5fd;--color-primary-hover: #bfdbfe;--color-accent: #f9a8d4;--color-bg: #0a0f1c;--color-surface: #111827;--color-surface-alt: #1f2937;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000;--color-comment: #5c6370;--color-prolog: #5c6370;--color-doctype: #5c6370;--color-cdata: #5c6370;--color-punctuation: #abb2bf;--color-keyword: #c678dd;--color-property: #c678dd;--color-tag: #c678dd;--color-boolean: #c678dd;--color-number: #c678dd;--color-constant: #c678dd;--color-symbol: #c678dd;--color-function: #61afef;--color-class-name: #61afef;--color-string: #98c379;--color-char: #98c379;--color-attr-value: #98c379;--color-regex: #98c379;--color-url: #98c379;--color-operator: #56b6c2;--color-entity: #56b6c2;--color-inserted: #56b6c2;--color-deleted: #e06c75;--color-important: #e06c75;--color-bold: ;--color-italic: }}[data-prefers-color-scheme][data-compel-color-scheme=light]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000;--color-comment: #6a737d;--color-prolog: #6a737d;--color-doctype: #6a737d;--color-cdata: #6a737d;--color-punctuation: #24292e;--color-keyword: #d73a49;--color-property: #005cc5;--color-tag: #22863a;--color-boolean: #d73a49;--color-number: #005cc5;--color-constant: #005cc5;--color-symbol: #005cc5;--color-function: #6f42c1;--color-class-name: #6f42c1;--color-string: #032f62;--color-char: #032f62;--color-attr-value: #032f62;--color-regex: #032f62;--color-url: #032f62;--color-operator: #d73a49;--color-entity: #d73a49;--color-inserted: #22863a;--color-deleted: #b31d28;--color-important: #b31d28;--color-bold: ;--color-italic: }[data-prefers-color-scheme][data-compel-color-scheme=dark]{--color-primary: #93c5fd;--color-primary-hover: #bfdbfe;--color-accent: #f9a8d4;--color-bg: #0a0f1c;--color-surface: #111827;--color-surface-alt: #1f2937;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000;--color-comment: #5c6370;--color-prolog: #5c6370;--color-doctype: #5c6370;--color-cdata: #5c6370;--color-punctuation: #abb2bf;--color-keyword: #c678dd;--color-property: #c678dd;--color-tag: #c678dd;--color-boolean: #c678dd;--color-number: #c678dd;--color-constant: #c678dd;--color-symbol: #c678dd;--color-function: #61afef;--color-class-name: #61afef;--color-string: #98c379;--color-char: #98c379;--color-attr-value: #98c379;--color-regex: #98c379;--color-url: #98c379;--color-operator: #56b6c2;--color-entity: #56b6c2;--color-inserted: #56b6c2;--color-deleted: #e06c75;--color-important: #e06c75;--color-bold: ;--color-italic: }.base{background-color:var(--color-bg);color:var(--color-text)}.scroll-scheme{overflow:auto;scroll-behavior:smooth;scrollbar-width:thin}.scroll-scheme::-webkit-scrollbar{width:12px;height:12px}.scroll-scheme::-webkit-scrollbar-track{background:var(--color-surface-alt)}.scroll-scheme::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:6px;border:3px solid var(--color-surface-alt)}.scroll-scheme::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-hover)}@media (min-width: 1536px){.scroll-scheme{scrollbar-width:auto}}.scroll-scheme{scrollbar-color:var(--color-primary) var(--color-surface-alt)}.banner{width:100vw}#content{overflow-y:scroll;position:sticky;padding-bottom:8rem}#content .heading-anchor{display:inline-block;color:var(--color-text-muted);position:relative;right:-1.5rem}#content pre{display:block;overflow-x:auto;max-width:100%;margin:1em 0;border-radius:.5em;white-space:pre;word-wrap:normal}#content pre:has(code){background-color:var(--color-surface);margin-bottom:2.5rem;padding-block:.75rem;padding-inline:1.5rem}#content pre:has(code) .token.comment{color:var(--color-comment)}#content pre:has(code) .token.prolog{color:var(--color-prolog)}#content pre:has(code) .token.doctype{color:var(--color-doctype)}#content pre:has(code) .token.cdata{color:var(--color-cdata)}#content pre:has(code) .token.punctuation{color:var(--color-punctuation)}#content pre:has(code) .token.keyword{color:var(--color-keyword)}#content pre:has(code) .token.property{color:var(--color-property)}#content pre:has(code) .token.tag{color:var(--color-tag)}#content pre:has(code) .token.boolean{color:var(--color-boolean)}#content pre:has(code) .token.number{color:var(--color-number)}#content pre:has(code) .token.constant{color:var(--color-constant)}#content pre:has(code) .token.symbol{color:var(--color-symbol)}#content pre:has(code) .token.function{color:var(--color-function)}#content pre:has(code) .token.class-name{color:var(--color-class-name)}#content pre:has(code) .token.string{color:var(--color-string)}#content pre:has(code) .token.char{color:var(--color-char)}#content pre:has(code) .token.attr-value{color:var(--color-attr-value)}#content pre:has(code) .token.regex{color:var(--color-regex)}#content pre:has(code) .token.url{color:var(--color-url)}#content pre:has(code) .token.operator{color:var(--color-operator)}#content pre:has(code) .token.entity{color:var(--color-entity)}#content pre:has(code) .token.inserted{color:var(--color-inserted)}#content pre:has(code) .token.deleted{color:var(--color-deleted)}#content pre:has(code) .token.important{color:var(--color-important)}#content pre:has(code) .token.bold{font-weight:700}#content pre:has(code) .token.italic{font-style:italic}#content code{font-family:Satoshi-Regular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:1.2px}#content pre code{display:block;width:10ch;tab-size:.75rem}@media (max-width: 768px){#content pre code{font-size:1rem}}@media (min-width: 768px){#content pre code{font-size:1.25rem}}#content aside .table-of-contents{font-family:Satoshi,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;background:var(--color-surface);line-height:180%;position:sticky;display:flex;flex-direction:column}#content aside .table-of-contents h3{display:flex;gap:.5rem;align-items:center}#content aside .table-of-contents .chapter{display:flex;flex-direction:column;margin-inline:.5rem}#content aside .table-of-contents .chapter a{font-family:Satoshi-Italic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;font-size:1.25rem;padding-block:.5rem;padding-inline:.5rem;color:var(--color-text-muted)}#content aside .table-of-contents .chapter a:hover{color:var(--color-text)}@media (max-width: 768px){#content aside .table-of-contents{display:none}}@media (min-width: 1024px){#content aside .table-of-contents{top:1.5rem;padding:.75rem;margin-inline:1.5rem;border-radius:.5rem}}@media (min-width: 1024px){#content aside{grid-area:1/2/2/3}}@media (min-width: 1024px){#content{display:grid;grid-template-columns:3.5fr 2fr;grid-template-rows:1fr 1fr}#content main{grid-area:1/1/2/1}#content main p,#content main li{padding-inline:.75rem}}@media (min-width: 1536px){#content{max-width:1200px;margin-inline:auto}}@media (max-width: 768px){#content section{margin-bottom:1.5rem}}@media (min-width: 768px){#content section{margin-bottom:2.5rem}}#content h1,#content h2,#content h3,#content h4{color:var(--color-heading);padding-top:1.5rem;font-family:Satoshi-Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;padding-inline:1rem}#content h1{line-height:120%}@media (max-width: 768px){#content h1{font-size:2.441rem;margin-bottom:1.5rem;margin-bottom:2.5rem}}@media (min-width: 768px){#content h1{font-size:3.052rem;margin-bottom:2.5rem}}@media (max-width: 768px){#content h2{font-size:1.563rem;margin-bottom:.75rem;margin-bottom:1.5rem}}@media (min-width: 768px){#content h2{font-size:1.953rem;margin-bottom:1.5rem}}#content h3{font-family:Satoshi-Light,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;margin-bottom:1.5rem}@media (max-width: 768px){#content h3{font-size:1.25rem}}@media (min-width: 768px){#content h3{font-size:1.563rem}}#content ul{list-style-type:disc}#content p,#content li{font-family:Satoshi-Regular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;letter-spacing:.6px;padding-inline:1rem}@media (max-width: 768px){#content p,#content li{font-size:1rem;margin-bottom:1.5rem;line-height:180%}}@media (min-width: 768px){#content p,#content li{font-size:1.25rem;margin-bottom:1.5rem;text-align:justify}}#content li{margin-left:2.5rem}#content .img-container{overflow:hidden;aspect-ratio:16/9}#content .img-container img{width:100%}@media (max-width: 768px){#content .img-container{min-height:8rem;margin-bottom:.75rem}}@media (min-width: 768px){#content .img-container{min-height:12rem;margin-bottom:1.5rem}}#content blockquote{text-indent:2.5rem;font-family:Satoshi,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt" 1;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;background:var(--color-surface);padding-inline:1.5rem}@media (max-width: 768px){#content blockquote{padding-block:2.5rem}}@media (min-width: 768px){#content blockquote{padding-block:1.5rem}}#content blockquote>:not(footer){font-size:1rem;color:var(--color-text)}@media (max-width: 768px){#content blockquote>:not(footer){max-width:unset}}@media (min-width: 1024px){#content blockquote>:not(footer){font-size:1.25rem;max-width:45ch}}#content blockquote footer{text-align:right;color:var(--color-text-muted)}@media (max-width: 768px){#content blockquote footer{margin-top:1.5rem}}