@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");code[class*=language-],pre[class*=language-]{color:#5565e8;font-size:1.125rem;text-shadow:none;font-family:Fira Code,Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#264f78}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto}:not(pre)>code[class*=language-]{border-radius:.3em;color:#db4c69}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#c98bdf}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation,.token.punctuation{color:var(--mainFontClr)}.token.boolean,.token.constant,.token.inserted,.token.number,.token.property,.token.symbol,.token.tag,.token.unit{color:#b5cea8}.token.attr-name,.token.builtin,.token.char,.token.deleted,.token.selector,.token.string{color:#fea55f}.language-css .token.string.url{text-decoration:underline}.token.entity,.token.operator,.token.operator.arrow{color:#c98bdf}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#c98bdf}.token.keyword.control-flow,.token.keyword.module{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#5565e8}.token.regex{color:#d16969}.token.important{color:#c98bdf}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.interpolation,.token.parameter{color:#9cdcfe}.token.boolean,.token.punctuation.interpolation-punctuation{color:#c98bdf}.token.exports .token.maybe-class-name,.token.imports .token.maybe-class-name,.token.property,.token.variable{color:#5565e8}.token.escape,.token.selector{color:#d7ba7d}.token.tag{color:#c98bdf}.token.cdata,.token.tag .token.punctuation{color:grey}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#c98bdf}.token.namespace{color:#4ec9b0}code[class*=language-javascript],code[class*=language-jsx],code[class*=language-tsx],code[class*=language-typescript],pre[class*=language-javascript],pre[class*=language-jsx],pre[class*=language-tsx],pre[class*=language-typescript]{color:#9cdcfe}code[class*=language-css],pre[class*=language-css]{color:#ce9178}code[class*=language-html],pre[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:grey}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0}.header{display:flex;font-size:1rem;padding-left:1.375rem;border-bottom:var(--stroke);position:relative}.header #contact{border-right:var(--stroke)}.header>span{min-width:11.5rem;padding:1.125rem 0}.header a{padding:1.125rem 2rem;border-left:var(--stroke)}.header a:hover{color:var(--hoverFontClr);box-shadow:inset 0 -3px 0 0 var(--accentClr1)}.header .header-nav{flex:1 1}.header .lang-item{margin-left:auto}.header .lang-btn{padding:1.125rem 1.25rem;white-space:nowrap;border:none;border-left:var(--stroke);background:none;font-family:Fira Code,monospace;font-size:1rem;color:var(--mainFontClr);cursor:pointer}.header .lang-btn:hover{color:var(--hoverFontClr)}.header .lang-btn .lang-active{color:var(--hoverFontClr);font-weight:600}.header .dark-light{display:flex;align-items:center;justify-content:center;padding:1.125rem 1.375rem;border:none;border-left:var(--stroke);background:none;color:var(--mainFontClr);cursor:pointer}.header .dark-light svg{width:20px;height:20px;display:block;transition:transform .4s}.header .dark-light:hover{color:var(--hoverFontClr)}.header .dark-light:hover svg{transform:rotate(20deg)}.header .menu-toggle,.header .mobile-menu{display:none}.page-active{color:var(--hoverFontClr);box-shadow:inset 0 -3px 0 0 var(--accentClr1)}@media screen and (max-width:920px){.header{padding-left:0}.header>span{display:none}.header .header-nav li:first-child a{border-left:none}.header .header-nav a{display:block;padding:1.125rem 1.5rem}}@media screen and (max-width:760px){.header{padding-left:1.375rem}.header>span{display:block;min-width:0}.header .header-nav a{display:none}.header .menu-toggle{display:flex;align-items:center;padding:0 1.125rem;border:none;border-left:var(--stroke);background:none;color:var(--mainFontClr);cursor:pointer}.header .menu-toggle:hover,.header .menu-toggle[aria-expanded=true]{color:var(--hoverFontClr)}.header .mobile-menu{position:absolute;top:100%;right:0;left:0;z-index:50;display:none;flex-direction:column;border-bottom:var(--stroke);background-color:var(--mainClr)}.header .mobile-menu.is-open{display:flex}.header .mobile-menu a{display:block;padding:1rem 1.375rem;border-top:var(--stroke);border-left:none;box-shadow:none}.header .mobile-menu a.page-active,.header .mobile-menu a:hover{color:var(--hoverFontClr);box-shadow:inset 3px 0 0 0 var(--accentClr1)}}@media screen and (max-width:420px){.header{padding-left:.5rem}.header>span{font-size:.9rem}.header .dark-light,.header .lang-btn{padding-left:.5rem;padding-right:.5rem}.header .menu-toggle{padding:0 .5rem}}.footer{width:100%;display:flex;align-items:center;border-top:var(--stroke);position:absolute;bottom:0}.footer span{padding:0 1.125rem 0 1.375rem}.footer nav{display:flex;align-items:center}.footer li:last-child a{border-right:var(--stroke)}.footer a{padding:.875rem;display:block;border-left:var(--stroke)}.footer .github{position:absolute;top:0;right:0;display:flex;align-items:center;gap:5px}.footer figure{width:24px;height:24px}@media screen and (max-width:565px){.footer span{display:none}.footer nav li:first-child a{border-left:none}}@media screen and (max-width:412px){.footer li:first-child a{border:var(--stroke);border-top:none;border-left:none;border-bottom:none}.footer .un{display:none}}@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--bodyClr:#010c15;--mainClr:#011627;--secondaryClr:#011221;--btnClr:#1c2b3a;--btnFontClr:#c5d4e3;--mainFontClr:#7d9bb8;--secondaryFontClr:#7a86e8;--thirdFontClr:#7d8bf0;--hoverFontClr:#fff;--strokeClr:#1e2d3d;--outlineClr:#1e3448;--accentClr1:#fea55f;--stroke:1px solid var(--strokeClr);--codeSnippet:0.876rem;--afCard:#0b2236;--afCardBorder:#1e3448;--afBubble:#12304a;--afRowLine:#16304a;--afText:#e6eef7;--afMuted:#8fa9c2;--afLine:#3b5670;--afPort:#5c7893;--afIconInk:#011627;--afGreen:#4ade80;--afPurple:#a594ff;--afBlue:#5ea8ff;--afOrange:#fea55f;--afTeal:#2dd4bf;--afRed:#f87171;--afShadow:0 6px 18px rgba(0,0,0,.35);--afShadowHover:0 18px 38px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.3)}.theme-01{--bodyClr:#d8edfe;--mainClr:#eaf5fe;--secondaryClr:#deeffe;--btnClr:#c5d4e3;--btnFontClr:#011221;--mainFontClr:#4e6a75;--secondaryFontClr:#313fb2;--thirdFontClr:#4553d6;--hoverFontClr:#000;--strokeClr:#c2d1e1;--outlineClr:#b7cde1;--accentClr1:#a04701;--stroke:1px solid var(--strokeClr);--afCard:#fff;--afCardBorder:#e5e7eb;--afBubble:#f3f4f6;--afRowLine:#eef0f3;--afText:#111827;--afMuted:#6b7280;--afLine:#a9b7c6;--afPort:#9ca3af;--afIconInk:#fff;--afGreen:#16a34a;--afPurple:#7c3aed;--afBlue:#2563eb;--afOrange:#ea580c;--afTeal:#0d9488;--afRed:#dc2626;--afShadow:0 6px 18px rgba(3,39,72,.12),0 2px 6px rgba(3,39,72,.06);--afShadowHover:0 22px 44px rgba(3,39,72,.22),0 4px 10px rgba(3,39,72,.1)}*{box-sizing:border-box;list-style:none;text-decoration:none;padding:0;margin:0;color:unset}h1{font-size:3.875rem}h1,h2{font-weight:700}h2{font-size:2rem}.lable{font-size:1rem}.code-snippet{font-size:.875rem}body{font-size:1rem;font-family:Fira Code,monospace;color:var(--mainFontClr);width:100%;height:100vh;padding:2vw;background-color:var(--bodyClr);transition:background-color .3s,color .3s}.footer,.form input,.form textarea,.header,.page-wrapper{transition:background-color .3s,border-color .3s}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--accentClr1);outline-offset:2px}.flex{display:flex;align-items:center}.page-wrapper{width:100%;height:100%;background-color:var(--mainClr);border-radius:.5rem;border:var(--stroke);position:relative}.content-wrapper{width:100%;height:calc(100% - 111px);position:relative}*{scrollbar-width:thin;scrollbar-color:var(--mainFontClr) transparent}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent;border-left:var(--stroke)}::-webkit-scrollbar-thumb{background-color:var(--mainFontClr);border:3px solid transparent}.text-subheadline{color:#4e5bcd}