@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:maple;src:url(/fonts/maple-mono-italic.ttf)}.text-secondary{--un-text-opacity:1;color:rgb(113 113 122 / var(--un-text-opacity))}@media (prefers-color-scheme: dark){.text-secondary{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity))}}:root{--un-bg-opacity:1;background-color:rgb(244 244 245 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(39 39 42 / var(--un-text-opacity));color-scheme:light dark;font-family:Inter,sans-serif;font-size:14px;font-weight:500;--svg-outline: #d4d4d8;--svg-foreground: #A2A1A1;--svg-surface: white;--draw-fs: 16;--draw-fg: #333;--draw-red: #f11d0e;--draw-orange: #f14e0e;--draw-yellow: #f1b62d;--draw-green: #18c767;--draw-blue: #58a6ff;--draw-indigo: #7c58ff;--draw-violet: #ae58ff;--draw-pink: #ee00ab}@media (prefers-color-scheme: dark){:root{--un-bg-opacity:1;background-color:rgb(23 23 23 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(250 250 249 / var(--un-text-opacity))}}@media screen and (max-width: 720px){:root{--draw-fs: 14}}@media (prefers-color-scheme: dark){:root{--svg-outline: #525252;--svg-foreground: #d4d4d4;--svg-surface: #262626;--draw-fg: #eee;--draw-red: #f11d0e;--draw-orange: #f14e0e;--draw-yellow: #ffe44a;--draw-green: #15e272;--draw-blue: #58a6ff;--draw-indigo: #7c58ff;--draw-violet: #ae58ff;--draw-pink: #ee00ab}}a{overflow-wrap:break-word;text-decoration-line:underline}kbd{border-width:1px;border-bottom-width:2px;border-radius:.375rem;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme: dark){kbd{--un-border-opacity:1;border-color:rgb(82 82 91 / var(--un-border-opacity))}}kbd+kbd{margin-inline-start:.25rem}.font-mono{font-family:DM Mono,monospace}.hover-link a{transition-duration:.2s}.hover-link a:hover{--un-bg-opacity:1;background-color:rgb(228 228 231 / var(--un-bg-opacity))}@media (prefers-color-scheme: dark){.hover-link a:hover{--un-bg-opacity:1;background-color:rgb(38 38 38 / var(--un-bg-opacity))}}p+*,*+p{margin-top:1rem}.container{margin-left:auto;margin-right:auto;max-width:960px;padding-left:1rem;padding-right:1rem}.page-half{max-width:480px}img,video{max-width:100%}hr{margin-top:1rem;border-top-width:1px;--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(212 212 216 / var(--un-border-top-opacity))}@media (prefers-color-scheme: dark){hr{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(82 82 82 / var(--un-border-top-opacity))}}.footnotes{border-top-width:1px;--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(212 212 216 / var(--un-border-top-opacity));padding-top:2rem;margin-top:4rem}@media (prefers-color-scheme: dark){.footnotes{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(82 82 82 / var(--un-border-top-opacity))}}.footnotes h2{display:none}.footnotes ol{margin-inline-start:0}.footnotes li{margin-inline-start:2rem;list-style-type:decimal}.footnotes li::marker{--un-text-opacity:1;color:rgb(113 113 122 / var(--un-text-opacity))}@media (prefers-color-scheme: dark){.footnotes li::marker{--un-text-opacity:1;color:rgb(163 163 163 / var(--un-text-opacity))}}code{font-family:DM Mono,monospace;font-size:.95rem!important;font-variant-ligatures:common-ligatures;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}@media (prefers-color-scheme: dark){code{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity))}}.cursive{font-family:maple,cursive}article h1,article h2,article h3,article h4,article h5,article h6{font-weight:700}article h1{font-size:1.875rem;line-height:2.25rem}article h2{font-size:1.25rem;line-height:1.75rem}article h3,h4{font-size:1.125rem;line-height:1.75rem}article h5,h6{font-size:1rem;line-height:1.5rem}article ul{margin-inline-start:2rem;list-style-type:disc;list-style-position:outside}article li+li{margin-top:.5rem}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:2rem}article blockquote{margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem;max-width:30rem;border-inline-start-width:3px;--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));border-start-end-radius:.5rem;border-end-end-radius:.5rem;--un-bg-opacity:1;background-color:rgb(228 228 231 / var(--un-bg-opacity));--un-bg-opacity:.5;padding:.5rem;font-size:1.25rem;line-height:1.75rem}@media (prefers-color-scheme: dark){article blockquote{--un-border-opacity:1;border-color:rgb(245 158 11 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(38 38 38 / var(--un-bg-opacity))}}article table{width:100%}article th,article td{text-align:start}article video{border-radius:.75rem}article pre{margin-top:.5rem}article ol{margin-inline-start:2rem;list-style-type:decimal;list-style-position:outside}@media screen and (min-width: 768px){article>section:not(.footnotes){columns:2;column-rule-width:thin;column-rule-style:solid;column-rule-color:var(--bs-gray-400);column-gap:3rem}@media (prefers-color-scheme: dark){article>section:not(.footnotes){column-rule-color:var(--bs-gray-700)}}}.astro-code{counter-reset:step;counter-increment:step 0;padding:1rem;border-radius:.5rem}.astro-code .line{line-height:1}.astro-code .line:before{content:counter(step);counter-increment:step;width:1rem;margin-right:1.5rem;display:inline-block;text-align:right;color:#738a9466}.astro-code .diff{margin-bottom:-1.5rem;display:block;width:100%;padding-top:.25rem;padding-bottom:.25rem}.astro-code .diff.remove{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.astro-code .diff.add{--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity))}@media (prefers-color-scheme: dark){.astro-code .diff.remove{background-color:#a02e2e26!important}.astro-code .diff:is(.remove,.add)>*{background-color:transparent!important}.astro-code .diff.add{background-color:#2ea04326!important}}.astro-code .diff.remove>:first-child:before{content:"—";margin-inline-start:-.5rem;--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.astro-code .diff.add>:first-child:before{content:"+";margin-inline-start:-.5rem;--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity))}@media (prefers-color-scheme: dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.scheme-img>:nth-child(2){display:none}@media (prefers-color-scheme: dark){.scheme-img>:first-child{display:none}.scheme-img>:nth-child(2){display:block}}.card{border-width:1px;--un-border-opacity:1;border-color:rgb(228 228 231 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity));padding:1rem}@media (prefers-color-scheme: dark){.card{--un-border-opacity:1;border-color:rgb(64 64 64 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(38 38 38 / var(--un-bg-opacity))}}.feature-svg{width:100%;height:auto}.MafsView{margin-top:.5rem;border-width:2px;--un-border-opacity:1;border-color:rgb(228 228 231 / var(--un-border-opacity));border-radius:.5rem}@media (prefers-color-scheme: dark){.MafsView{--un-border-opacity:1;border-color:rgb(64 64 64 / var(--un-border-opacity))}}@media (prefers-color-scheme: light){.MafsView{--mafs-bg: #efefef;--mafs-fg: #222;--mafs-line-color: #aaa;--grid-line-subdivision-color: #999}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}input,select{border-width:0px!important}.reactEasyCrop_CropArea.reactEasyCrop_CropAreaGrid{display:none}.pulsate{animation:pulsate 1s ease-out infinite alternate}@keyframes pulsate{0%{transform:scale(.9)}to{transform:scale(1)}}.handwriting{font-family:Indie Flower,cursive}.wave{animation:wave 1s infinite}@keyframes wave{0%{tranform:rotate(0deg)}70%{transform:rotate(20deg)}to{transform:rotate(0)}}.fade-up{animation:fadeUp 1s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}