@import"https://unpkg.com/open-props/sizes.min.css"layer(props);@import"https://unpkg.com/open-props/easings.min.css"layer(props);@import"https://unpkg.com/open-props/animations.min.css"layer(props);@layer reset,global,props,fonts,composition,utility,blocks,exceptions;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{overscroll-behavior:none}body,h1,h2,h3,h4,p,figure,blockquote,ol,ul,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}ul,ol{list-style:disc;padding:0;padding-inline-start:2ch}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer global{body{--bg-color: var(--color-base-light);--fg-color: var(--color-base-dark);--bg-color-subtle: var(--color-gray-subtle-light);--fg-color-subtle: var(--color-gray-light);--accent-color: var(--color-accent-light);font-family:var(--font-base);font-size:var(--size-step-0);font-weight:var(--font-weight-base);line-height:var(--line-height-base);background:var(--bg-color);color:var(--fg-color);letter-spacing:var(--tracking);display:flex;flex-direction:column}[data-theme=light] body{--bg-color: var(--color-base-light);--fg-color: var(--color-base-dark);--bg-color-subtle: var(--color-gray-subtle-light);--fg-color-subtle: var(--color-gray-light);--accent-color: var(--color-accent-light)}[data-theme=dark] body{--bg-color: var(--color-base-dark);--fg-color: var(--color-base-light);--bg-color-subtle: var(--color-gray-subtle-dark);--fg-color-subtle: var(--color-gray-dark);--accent-color: var(--color-accent-dark)}h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading-1)}h2,h3{font-family:var(--font-heading);font-weight:var(--font-weight-heading-2)}h4,h5,h6{font-family:var(--font-base);font-weight:var(--font-weight-bold)}h1,h2,h3{line-height:var(--line-height-tight);letter-spacing:var(--tracking-l);max-inline-size:24ch;text-wrap:balance}h1{font-size:var(--size-step-3)}h2{font-size:var(--size-step-2)}h3,h4,h5,h6{font-size:var(--size-step-1)}p,li,h4,h5,h6,blockquote:not([class]){max-width:var(--content-measure)}blockquote:not([class]){font-family:var(--font-heading);font-size:var(--size-step-1);font-style:italic;padding-block:var(--space-m);color:var(--color-gray-light)}blockquote:not([class]) p:last-of-type{font-family:var(--font-base);font-size:var(--size-step-1);font-weight:400}svg{height:2.5ex;width:auto;flex:none}[role=list]{padding:0}a{color:var(--color-base-dark)}a:hover{text-decoration:none}:target{scroll-margin-top:2ex}main:focus{outline:none}:focus-visible{outline:var(--outline-size) solid;outline-offset:var(--outline-offset);outline-color:var(--fg-color)}main>ul[role=list],header,section,article>*:not(ul,ol),aside{padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right)}::marker{color:var(--color-gray-subtle-dark);display:none}input[type=text],input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-base-dark);font-size:1rem;line-height:1.5;padding-block:var(--space-3xs);padding-inline:var(--space-2xs);border-radius:var(--border-radius-sm)}hr{border:none;height:1px;background-color:var(--bg-color-subtle)}p>code,li>code,a>code{padding:2px 4px;border-radius:var(--border-radius-sm);background-color:var(--bg-color-subtle);color:var(--accent-color);font-size:var(--size-step-0)}pre{padding:var(--space-2xs-xs);font-size:var(--size-step--1);background-color:var(--color-base-dark);color:var(--color-base-light);overflow-x:auto;width:100vw;margin-inline-start:50%;transform:translate(-50%)}@media (min-width: 640px){pre{width:revert;margin-inline-start:revert;transform:revert;border-radius:var(--border-radius-sm)}}footer{margin-block-start:var(--space-xl-2xl)}summary{cursor:default}}@layer props{:root{--color-base-light: hsl(0, 0%, 100%);--color-base-dark: hsl(251, 41%, 8%);--color-accent-dark: hsl(237, 90%, 80%);--color-accent-light: hsl(248, 86%, 60%);--color-gray-light: hsl(206, 5.8%, 46.3%);--color-gray-subtle-light: hsl(208, 11.3%, 88.9%);--color-gray-dark: hsl(206, 5.2%, 49.5%);--color-gray-subtle-dark: hsl(201, 6.2%, 20.5%);--font-base: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-heading: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-weight-heading-1: 700;--font-weight-heading-2: 500;--font-weight-base: 400;--font-weight-medium: 500;--font-weight-bold: 700;--content-measure: 65ch;--heading-measure: 24ch;--outline-offset: .25rem;--outline-size: 2px;--gutter: var(--space-s-m);--border-radius: 12px;--border-radius-sm: .25rem;--duration-sm: .25s;--duration-md: .5s;--duration-lg: .7s;--iteration-count: 1;--transition-base: var(--duration-sm) ease;--transition-movement: var(--duration-sm) linear;--transition-fade: var(--duration-md) ease;--transition-bounce: var(--duration-md) cubic-bezier(.5, .05, .2, 1.5);--tracking-s: -.07ch;--tracking: -.05ch;--tracking-l: -.01ch;--line-height-base: 1.5;--line-height-tight: 1;--size-step--1: clamp(.88rem, calc(.95rem - .08vw) , .94rem);--size-step-0: clamp(1.13rem, calc(1.09rem + .19vw) , 1.25rem);--size-step-1: clamp(1.35rem, calc(1.22rem + .65vw) , 1.77rem);--size-step-2: clamp(1.62rem, calc(1.35rem + 1.37vw) , 2.5rem);--size-step-3: clamp(1.94rem, calc(1.45rem + 2.47vw) , 3.53rem);--size-step-4: clamp(2.33rem, calc(1.5rem + 4.14vw) , 5rem);--size-step-5: clamp(2.8rem, calc(1.47rem + 6.63vw) , 7.07rem);--space-3xs: clamp(.25rem, calc(.23rem + .1vw) , .31rem);--space-2xs: clamp(.5rem, calc(.46rem + .19vw) , .63rem);--space-xs: clamp(.75rem, calc(.69rem + .29vw) , .94rem);--space-s: clamp(1rem, calc(.92rem + .39vw) , 1.25rem);--space-m: clamp(1.5rem, calc(1.38rem + .58vw) , 1.88rem);--space-l: clamp(2rem, calc(1.84rem + .78vw) , 2.5rem);--space-xl: clamp(3rem, calc(2.77rem + 1.17vw) , 3.75rem);--space-2xl: clamp(4rem, calc(3.69rem + 1.55vw) , 5rem);--space-3xs-2xs: clamp(.25rem, calc(.13rem + .58vw) , .63rem);--space-2xs-xs: clamp(.5rem, calc(.36rem + .68vw) , .94rem);--space-xs-s: clamp(.75rem, calc(.59rem + .78vw) , 1.25rem);--space-s-m: clamp(1rem, calc(.73rem + 1.36vw) , 1.88rem);--space-m-l: clamp(1.5rem, calc(1.19rem + 1.55vw) , 2.5rem);--space-l-xl: clamp(2rem, calc(1.46rem + 2.72vw) , 3.75rem);--space-xl-2xl: clamp(3rem, calc(2.38rem + 3.11vw) , 5rem);--space-l-2xl: clamp(2rem, calc(1.07rem + 4.66vw) , 5rem)}}@layer composition{.repel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--gutter, var(--space-s-m))}.cluster{display:flex;flex-wrap:var(--wrap, wrap);flex-direction:var(--direction, row);justify-content:var(--justify, flex-start);align-items:var(--align, center);gap:var(--gutter, var(--space-s-m))}.cluster[data-nowrap]{--wrap: nowrap;overflow:auto}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gutter, var(--space-s))}.sidebar:not([data-dir])>:first-child{flex-grow:1}.sidebar:not([data-dir])>:last-child{flex-basis:0;flex-grow:999;min-inline-size:50%}.sidebar[data-dir=rtl]>:last-child{flex-grow:1}.sidebar[data-dir=rtl]>:first-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-min-inline-size, 50%)}.full-bleed{margin-left:calc(50% - 50vw);max-width:none;width:100vw}.full-bleed>*{height:auto;max-width:none;width:100%}.switcher{display:flex;flex-wrap:wrap;gap:var(--space-s)}.switcher>*{flex-grow:1;flex-basis:calc((--space-14 - 100%)*999)}.switcher>:nth-last-child(n+5),.switcher>:nth-last-child(n+5)~*{flex-basis:100%}.grid{--grid-min-item-size: 25ch;display:grid;gap:var(--gutter, var(--space-2xl))}@supports (width: min(var(--grid-min-item-size),100%)){.grid{grid-template-columns:repeat(var(--grid-placement, auto-fit),minmax(min(var(--grid-min-item-size, 20ch),100%),1fr))}}}@layer utility{.block{display:block}.prose{line-height:1.75}.flow>:not([hidden])~:not([hidden]){margin-block-start:var(--flow-space, var(--space-s-m))}.prose :is(pre,pre+*,figure,figure+*,h2,h3,h4,h5,h6){--flow-space: var(--space-l-xl)}.prose :is(h2+*,h3+*,h4+*,h5+*,h6+*){--flow-space: var(--space-s)}.w-full{inline-size:100%}.wrapper{max-inline-size:clamp(16rem,var(--wrapper-max-width, 100vw),80rem);margin-inline:auto;padding-inline:var(--gutter, var(--space-s));position:relative}.flex{display:flex;flex-direction:var(--flex-direction, row)}.gutter-s{--gutter: var(--space-s)}.gutter-3xs{--gutter: var(--space-3xs)}.gutter-2xs{--gutter: var(--space-2xs)}.gutter-xs{--gutter: var(--space-xs)}.region{padding-block:var(--region-space, var(--space-l-xl))}.prose{max-inline-size:var(--content-measure)}.object-fit-cover{height:100%;object-fit:cover;width:100%}.no-underline{text-decoration:none}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-mono{font-family:monospace}.italic{font-style:italic}.flex-1{flex:1 1 0%}.text-xs{font-size:var(--size-step-0)}.text-2xs{font-size:var(--size-step--1)}.uppercase{text-transform:uppercase}.text-center{text-align:center}.align-center{align-items:center}.color-gray-light{color:var(--color-gray-light)}.visually-hidden{clip:rect(0 0 0 0);border:0;height:0;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bg-accent-light{background-color:var(--color-accent-light)}.border-none{border:none}.flow-s{--flow-space: var(--space-s)}.flow-m{--flow-space: var(--space-m)}.flow-xs{--flow-space: var(--space-xs)}.flow-2xs{--flow-space: var(--space-2xs)}.flow-3xs{--flow-space: var(--space-3xs)}.wrap-balance{text-wrap:balance}.white-space-nowrap{white-space:nowrap}.full-bleed{width:100vw;margin-left:50%;transform:translate(-50%)}.animation-blink{animation:var(--animation-blink)}.animate-once{animation-iteration-count:1}}@layer blocks{code[class*=language-],pre[class*=language-]{color:#d6deeb;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;font-size:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#1d3b53fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#1d3b53fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{color:#fff;background:#011627}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:#ef53508f;font-style:italic}.token.symbol,.token.property{color:#80cbc4}.token.tag,.token.operator,.token.keyword{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.constant,.token.function,.token.builtin,.token.char{color:#82aaff}.token.selector,.token.doctype{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string{color:#addb67}.token.class-name,.token.atrule,.token.attr-value{color:#ffcb8b}.token.regex,.token.important,.token.variable{color:#d6deeb}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.header{max-inline-size:var(--content-measure);padding-block-start:var(--space-m)}.hero :is(h1,h2){text-transform:uppercase}.hero a{text-decoration:none;font-weight:700}.hero a:hover{text-decoration:underline}.features{--gutter: var(--space-l)}.post{min-block-size:100vh;min-block-size:100dvh;display:flex;flex-direction:column}.cta{border:none;background-color:var(--color-base-dark);padding-block:.25rem;padding-inline:.5rem;font-size:var(--size-step--1);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);color:var(--color-base-light)}}@layer exceptions{.grid[data-layout="50-50"]{--grid-placement: auto-fit;--grid-min-item-size: clamp(16rem, 50vw, 26rem)}}a.svelte-1y1xep9{text-decoration:none;position:relative}[aria-current=page].svelte-1y1xep9{color:var(--color-base-light)}[aria-current=page].svelte-1y1xep9:before{content:"";position:absolute;inset-inline:calc(var(--space-2xs) * -1);inset-block:calc(var(--space-3xs) * -1);z-index:-1;border-radius:var(--border-radius-sm);padding-inline:var(--space-2xs);padding-block:var(--space-3xs);background-color:var(--color-base-dark)}[aria-current=page].svelte-1y1xep9:focus-visible{outline-offset:.6rem}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta,.hljs-meta .hljs-keyword{color:#82aaff}.hljs-meta .hljs-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-tag,.hljs-name,.hljs-attr{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}
