header-component:where(.astro-zgz2aqyx){transition:padding .3s,transform .3s,margin-inline .3s,border .15s,background-color .15s;&.not-top{--un-border-opacity: 1;border-color:hsl(var(--border) / var(--un-border-opacity));--un-bg-opacity: 1;background-color:hsl(var(--background) / var(--un-bg-opacity));padding-left:.375rem;padding-right:.375rem;box-shadow:#fff 0 0,#18181b14 0 0 0 1px,#27272a14 0 10px 15px -3px,#27272a14 0 4px 6px -4px}&[data-show=false]:not(.expanded){transform:translateY(-5rem)}}@media(min-width:800px){header-component:where(.astro-zgz2aqyx).not-top{margin-inline:8%}}.dark header-component:where(.astro-zgz2aqyx).not-top{background-color:hsl(var(--muted) / var(--un-bg-opacity))}@media(max-width:640px){#headerExpandContent:where(.astro-zgz2aqyx){grid-template-rows:0fr;transition:opacity .3s,padding .3s,border-color .15s,grid-template-rows .3s}.expanded:where(.astro-zgz2aqyx) #headerExpandContent:where(.astro-zgz2aqyx){grid-template-rows:1fr}.expanded:where(.astro-zgz2aqyx).not-top #headerExpandContent:where(.astro-zgz2aqyx){box-shadow:#fff 0 0,#18181b14 0 0 0 1px,#27272a14 0 10px 15px -3px,#27272a14 0 4px 6px -4px}header-component:where(.astro-zgz2aqyx) #headerExpandContent:where(.astro-zgz2aqyx):after{box-sizing:content-box;content:"";position:absolute;inset-inline:calc(-1rem - 1px);bottom:0;top:-5rem;z-index:-1;transition:.3s;visibility:hidden;opacity:0;border-bottom:1px solid transparent}header-component:where(.astro-zgz2aqyx):not(.not-top) #headerExpandContent:where(.astro-zgz2aqyx):after{visibility:visible;bottom:-1rem;opacity:1;background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));border-bottom-color:hsl(var(--border) / var(--un-border-opacity, 1))}}#toggleDarkMode:where(.astro-zgz2aqyx){&[data-theme=dark]{.system:where(.astro-zgz2aqyx){display:none}.dark:where(.astro-zgz2aqyx){display:block}}&[data-theme=light]{.system:where(.astro-zgz2aqyx){display:none}.light{display:block}}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-VariableItalic.ttf) format("truetype");font-style:italic;font-display:swap}html{font-family:Satoshi,sans-serif}:root{--background: 210 20% 98%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 217 91% 60%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95%;--muted-foreground: 240 3.8% 28.1%;--accent: 217 91% 60%;--accent-foreground: 0 0% 98%;--destructive: 0 72.22% 50.59%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 88%;--input: 240 5.9% 90%;--ring: 217 91% 60%;--radius: .5rem}.dark{--background: 218 28% 13%;--foreground: 0 0% 100%;--card: 218 20% 18%;--card-foreground: 0 0% 100%;--popover: 218 20% 18%;--popover-foreground: 0 0% 100%;--primary: 200 100% 50%;--primary-foreground: 218 28% 13%;--secondary: 218 15% 25%;--secondary-foreground: 0 0% 100%;--muted: 218 20% 18%;--muted-foreground: 0 0% 70%;--accent: 200 100% 50%;--accent-foreground: 218 28% 13%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 100%;--border: 218 15% 25%;--input: 218 20% 18%;--ring: 200 100% 50%}:root{--un-default-border-color: hsl(var(--border) / 1)}html.dark{color-scheme:dark}a{transition:color .2s ease;&:hover{color:hsl(var(--primary) / var(--un-text-opacity, 1))}}.htb-accent{color:hsl(var(--primary))}.htb-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;transition:all .2s ease}.htb-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 4px 12px hsl(var(--primary) / .1)}.dark .bg-muted{background-color:hsl(var(--muted) / var(--un-bg-opacity, 1))!important}.dark .bg-background{background-color:hsl(var(--background) / var(--un-bg-opacity, 1))!important}.dark .group:hover .group-hover\:bg-muted,.dark .group.expanded.not-top .dark\:group-\[\.expanded\.not-top\]\:bg-muted,.dark .group\/expand.expanded .group-\[\.expanded\]\/expand\:bg-muted,.dark .\[\&\.highlight-bg-translucent\]\:bg-muted.highlight-bg-translucent{background-color:hsl(var(--muted) / var(--un-bg-opacity, 1))!important}.dark quote-component p{color:#fff!important}.dark blockquote,.dark blockquote p,.dark .prose blockquote,.dark .prose blockquote p{color:#fff!important}strong,.dark strong{color:#fff;font-weight:400}html body .prose code:before,html body .prose code:after,html body :is(.prose) :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,html body :is(.prose) :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after,html body * code:before,html body * code:after{content:none!important;display:none!important}html body .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,html body .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none!important}html body code:before,html body code:after{content:none!important}:not(pre)>code{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace!important;font-size:.875em!important;font-weight:500!important;padding:.2em .4em!important;border-radius:.375rem!important;border:1px solid!important;background-color:hsl(var(--muted) / .8)!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important;transition:all .2s ease!important;display:inline-block!important;line-height:1.2!important;white-space:nowrap!important}:not(.dark) :not(pre)>code{background-color:#f3f4f6!important;color:#23252a!important;border-color:#e5e7eb!important;box-shadow:0 1px 2px #e5e7eb80!important}.dark :not(pre)>code{background-color:#282c34!important;color:#d5d8dc!important;border-color:#373d48!important;box-shadow:0 1px 2px #16181d80!important}:not(pre)>code:hover{transform:translateY(-1px)!important;box-shadow:0 2px 4px hsl(var(--border) / .3)!important}:not(.dark) :not(pre)>code:hover{background-color:#eeeff2!important;border-color:#dcdfe4!important;box-shadow:0 2px 4px #e5e7ebb3!important}.dark :not(pre)>code:hover{background-color:#31363f!important;border-color:#434956!important;box-shadow:0 2px 4px #16181db3!important}.highlight{color:var(--highlightColor, hsl(var(--primary) / var(--un-text-opacity)))!important}.highlight-bg{background-color:var( --highlightColor, hsl(var(--primary) / var(--un-text-opacity)) )!important}