*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}img{height:auto}@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans%5Bslnt,wdth,wght%5D.woff2) format("woff2 supports variations"),url(/fonts/MonaSans%5Bslnt,wdth,wght%5D.woff2) format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:block;font-style:normal}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/fonts/rmono.woff2) format("woff2-variations")}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.darkmode-only,.lightmode-only{display:none}@media (prefers-color-scheme: dark){.darkmode-only{display:block}}@media (prefers-color-scheme: light){.lightmode-only{display:block}}.astro-code{--astro-code-background: #f9f9f9;--astro-code-foreground: var(--text-normal);--astro-code-token-constant: var(--text-normal);--astro-code-token-string: var(--text-secondary);--astro-code-token-comment: var(--text-secondary);--astro-code-token-keyword: var(--text-normal);--astro-code-token-parameter: var(--text-normal);--astro-code-token-function: var(--text-normal);--astro-code-token-string-expression: var(--text-secondary);--astro-code-token-punctuation: var(--text-secondary);--astro-code-token-link: var(--text-normal);padding:var(--space-l);font-size:.9375em;border-radius:var(--radius-base)}code{font-family:Roboto Mono Variable;font-size:.9375em;font-weight:425}code:not(pre code){padding:0;hyphens:none;-webkit-hyphens:none;background:#f9f9f9;font-size:.9375em}:root{--line-height-normal: 1.5;--line-height-tight: 1.25;--font-weight-normal: 450;--surface-0: #f5f5f5;--surface-1: #fff;--text-normal: #111;--text-secondary: #757575;--text-underline-offset: .125em;--text-underline-thickness: 1px;--text-underline: #949494}body{display:grid;min-height:100dvh;padding-top:var(--space-l-3xl);padding-left:var(--space-l-3xl);line-height:1.5;font-size:var(--step-0);font-family:Mona Sans,system-ui;font-optical-sizing:auto;font-weight:var(--font-weight-normal);font-style:normal;font-variation-settings:"wdth" 100;color:var(--text-normal);background:var(--surface-0)}main{position:relative;padding:var(--space-l-3xl);padding-top:var(--space-xl-3xl);background:#fff;height:100%}h1,h2,h3,h4,h5,h6{color:var(--text-secondary);font-size:var(--step-0);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);text-wrap:balance}h1{color:var(--text-normal);font-size:var(--step-3);letter-spacing:-.0325em}a{text-underline-offset:var(--text-underline-offset);-webkit-text-decoration-color:var(--text-underline);text-decoration-color:var(--text-underline);text-decoration-thickness:var(--text-underline-thickness);color:currentColor}a:hover{--text-underline: currentColor}p{text-wrap:pretty}strong{font-weight:525}:where(ul[role=list],ol[role=list]){list-style:none;padding:0;margin:0}:where(ul,ol):not([role=list]){padding-left:1em}:where(ul,ol):not([role=list]) li{padding-left:var(--space-3xs)}:where(ol,ul):not([role=list])>*+*{margin-top:var(--space-xs)}li::marker{color:var(--text-secondary)}.wrapper{max-width:64em}.grid{display:grid;grid-gap:var(--space-xl-3xl);gap:var(--space-xl-3xl);grid-template-columns:repeat(6,1fr)}@media (max-width: 800px){.grid{grid-template-columns:1fr}}.index-link{position:absolute;display:flex;align-items:center;gap:var(--space-3xs);color:var(--text-secondary);font-size:var(--step--1);top:calc(-1lh - var(--space-3xs));left:0;-webkit-text-decoration:none;text-decoration:none}.index-section-heading{margin-bottom:var(--space-s)}.index-section-list a{--text-underline: transparent}.index-section-list{max-height:calc(15lh + var(--space-3xs));overflow-y:auto}@media (max-width: 800px){.index-section-list{max-height:none}}@media (hover: hover){.index-section-list a:hover{--text-underline: revert}}.sections{margin-top:var(--space-xl-3xl)}.section{grid-column:span 2}li+li{margin-top:var(--space-3xs)}.article{--col-normal: 1 / 5;--col-expand: 1/ 6;--break-space: var(--space-xl-2xl)}.article :where(.grid>*){grid-column:var(--col-normal)}.article .grid{row-gap:0}.article .header{position:relative}.article :where(*:not(.header)+:where(p,ul,ol)){margin-top:var(--space-m)}.article h1{margin-bottom:var(--space-xl-3xl)}.article .article-note,.article img,.article .astro-code,.codepen-embed-wrapper{margin-top:calc(var(--space-m) + .5lh)}.article .astro-code,.article img:not(.does-not-exist),.article .codepen-embed-wrapper{grid-column:var(--col-expand)}.article h2{grid-column:var(--col-expand)}.article :where(.article-note,img,.astro-code,.codepen-embed-wrapper,script,h2)+p{margin-top:calc(var(--space-m) + .5lh)}.article h2{margin-top:var(--break-space)}.article h3{margin-top:var(--space-xl)}.article :where(.article-note,img,.astro-code,.codepen-embed-wrapper)+h2{margin-top:calc(var(--break-space) + .5lh)}.article :where(.article-note,img,.astro-code,.codepen-embed-wrapper)+h3{margin-top:calc(var(--break-space) + .5lh)}.article h2{border-bottom:1px solid #f1f1f1;padding-bottom:var(--space-s)}@media (max-width: 800px){.article{--col-normal: 1;--col-expand: 1}}hr{display:none}p,li{-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-lines:2;-webkit-hyphenate-limit-last:always;-webkit-hyphenate-limit-zone:8%;hyphens:auto;hyphenate-limit-chars:6 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:8%}