@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme;@layer base{*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}ul[role=list],ol[role=list]{list-style:none}:target{scroll-margin-block:3ex}body{background:var(--color-light);color:var(--color-dark);font-family:var(--font-serif);font-optical-sizing:auto;font-size-adjust:from-font;font-size:var(--text-md);line-height:var(--leading-normal)}h1,h2,h3{line-height:var(--leading-tight);text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}ul,ol{padding-inline-start:1em}blockquote{border-inline-start:.2em solid var(--color-muted);padding-inline-start:1em}a{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.3ex;text-decoration-thickness:.2ex}a:hover{text-underline-offset:.2ex}code{color:var(--color-accent);padding-inline:.1em}@supports not (font-size-adjust:from-font){code{font-size:.75em}}pre{background:var(--color-lightest);padding:1em;font-size:80%}figcaption{text-align:center;font-size:var(--text-sm);margin-block:var(--space-3xs)}}@layer components{.button{background:var(--color-accent);color:var(--color-lightest);font-size:var(--text-sm);padding:.5em 1em;text-decoration:none;transition:opacity .25s ease-in-out;display:inline-block}.button:hover{opacity:.75}.flow>*+*{margin-block-start:var(--flow-space,1em)}.grid{gap:var(--gutter);grid-template-columns:repeat(var(--grid-placement,auto-fill), minmax(var(--grid-min-item-size,18rem), 1fr));display:grid}.prose :is(h1,h2,h3){--flow-space:2em}.prose :is(h1,h2,h3)+*{--flow-space:.5em}.prose :is(blockquote,ul,ol,pre),.prose :is(blockquote,ul,ol,pre)+*{--flow-space:1.5em}.prose :is(h1,h2,h3){max-width:30ch}.prose :is(p,li,blockquote){text-wrap:pretty;max-width:55ch}.scrubber{cursor:grab;text-underline-offset:4px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);--scrubber-color:var(--scrubber-color,inherit);color:var(--scrubber-color);text-decoration:underline 2px dotted}.sidebar{gap:var(--gutter,var(--space-s-l));flex-wrap:wrap;display:flex}.sidebar:not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width,30rem);flex-grow:1}.sidebar:not([data-direction])>:last-child{min-width:var(--sidebar-content-min-width,50%);flex-grow:999;flex-basis:0}.sidebar[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width,30rem);flex-grow:1}.sidebar[data-direction=rtl]>:first-child{min-width:var(--sidebar-content-min-width,50%);flex-grow:999;flex-basis:0}.wrapper{max-width:var(--wrapper-max-width);padding-inline:var(--gutter);margin-inline:auto}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-2xl-3xl{margin-block:var(--spacing-2xl-3xl)}.my-md{margin-block:var(--spacing-md)}.mb-xl{margin-bottom:var(--spacing-xl)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2xs{height:var(--spacing-2xs)}.h-100{height:calc(var(--spacing) * 100)}.w-2xs{width:var(--spacing-2xs)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-lightest{background-color:var(--color-lightest)}.bg-muted{background-color:var(--color-muted)}.fill-\(--guide-color\){fill:var(--guide-color)}.fill-\(--target-color\){fill:var(--target-color)}.fill-none{fill:none}.stroke-\(--guide-color\){stroke:var(--guide-color)}.stroke-\(--target-color\){stroke:var(--target-color)}.stroke-blue{stroke:var(--color-blue)}.stroke-dimmed{stroke:var(--color-dimmed)}.stroke-muted\/20{stroke:#5b5b6633}@supports (color:color-mix(in lab, red, red)){.stroke-muted\/20{stroke:color-mix(in oklab, var(--color-muted) 20%, transparent)}}.stroke-none{stroke:none}.stroke-pink{stroke:var(--color-pink)}.stroke-red{stroke:var(--color-red)}.stroke-yellow{stroke:var(--color-yellow)}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.stroke-4{stroke-width:4px}.px-2xs{padding-inline:var(--spacing-2xs)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-lightest{color:var(--color-lightest)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\]{transition-property:scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-width\]{transition-property:stroke-width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke\]{transition-property:stroke;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-250{--tw-duration:.25s;transition-duration:.25s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:bg-dimmed:is(:where(.group).has-active *):not(.is-active){background-color:var(--color-dimmed)}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:fill-dimmed:is(:where(.group).has-active *):not(.is-active){fill:var(--color-dimmed)}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:stroke-dimmed:is(:where(.group).has-active *):not(.is-active){stroke:var(--color-dimmed)}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:stroke-none:is(:where(.group).has-active *):not(.is-active){stroke:none}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:not-hover\:fill-dimmed:is(:where(.group).has-active *):not(.is-active):not(:hover){fill:var(--color-dimmed)}@media not all and (hover:hover){.group-\[\.has-active\]\:not-\[\&\.is-active\]\:not-hover\:fill-dimmed:is(:where(.group).has-active *):not(.is-active){fill:var(--color-dimmed)}}.group-\[\.has-active\]\:not-\[\&\.is-active\]\:not-hover\:stroke-dimmed:is(:where(.group).has-active *):not(.is-active):not(:hover){stroke:var(--color-dimmed)}@media not all and (hover:hover){.group-\[\.has-active\]\:not-\[\&\.is-active\]\:not-hover\:stroke-dimmed:is(:where(.group).has-active *):not(.is-active){stroke:var(--color-dimmed)}}@media (hover:hover){.hover\:stroke-6:hover{stroke-width:6px}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.\[\&\.is-active\]\:scale-125.is-active{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.\[\&\.is-active\]\:fill-\(--guide-color\).is-active{fill:var(--guide-color)}.\[\&\.is-active\]\:stroke-\(--guide-color\).is-active{stroke:var(--guide-color)}.\[\&\.is-active\]\:stroke-muted.is-active{stroke:var(--color-muted)}.\[\&\.is-active\]\:stroke-pink.is-active{stroke:var(--color-pink)}.\[\&\.is-active\]\:stroke-red.is-active{stroke:var(--color-red)}.\[\&\.is-active\]\:stroke-3.is-active{stroke-width:3px}.\[\&\.is-active\]\:stroke-6.is-active{stroke-width:6px}.\[\&\.is-active\]\:stroke-8.is-active{stroke-width:8px}}:root,:host{--font-serif:"Crimson Pro", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:clamp(.7813rem, .7191rem + .3109vw, .96rem);--text-sm:clamp(.9375rem, .8462rem + .4565vw, 1.2rem);--text-sm--line-height:calc(1.25 / .875);--text-lg:clamp(1.35rem, 1.1674rem + .913vw, 1.875rem);--text-xl:clamp(1.62rem, 1.3683rem + 1.2587vw, 2.3438rem);--text-2xl:clamp(1.944rem, 1.6012rem + 1.7142vw, 2.9297rem);--text-3xl:clamp(2.3328rem, 1.8704rem + 2.3118vw, 3.6621rem);--text-4xl:clamp(2.7994rem, 2.1808rem + 3.0927vw, 4.5776rem);--font-weight-thin:100;--leading-tight:1.25;--leading-normal:1.5;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-accent:oklch(65.95% .2272 28.44);--color-dark:oklch(16.84% 0 0);--color-light:oklch(98.18% .0054 95.1);--color-muted:oklch(47.51% .0176 285.71);--color-dimmed:oklch(85.18% .0176 285.71);--color-lightest:oklch(100% 0 0);--color-pink:oklch(59.15% .2569 322.9);--color-purple:oklch(54.13% .2466 293.01);--color-indigo:oklch(51.06% .2301 276.97);--color-blue:oklch(58.76% .1389 241.97);--color-teal:oklch(60.02% .1038 184.7);--color-green:oklch(62.71% .1699 149.21);--color-yellow:oklch(68.06% .1423 75.83);--color-orange:oklch(64.61% .1943 41.12);--color-red:oklch(58.58% .222 17.58);--spacing-3xs:clamp(.3125rem, .2908rem + .1087vw, .375rem);--spacing-2xs:clamp(.5625rem, .4973rem + .3261vw, .75rem);--spacing-xs:clamp(.875rem, .788rem + .4348vw, 1.125rem);--spacing-sm:clamp(1.125rem, .9946rem + .6522vw, 1.5rem);--spacing-md:clamp(1.6875rem, 1.4918rem + .9783vw, 2.25rem);--spacing-lg:clamp(2.25rem, 1.9891rem + 1.3043vw, 3rem);--spacing-xl:clamp(3.375rem, 2.9837rem + 1.9565vw, 4.5rem);--spacing-2xl:clamp(4.5rem, 3.9783rem + 2.6087vw, 6rem);--spacing-3xl:clamp(6.75rem, 5.9674rem + 3.913vw, 9rem);--spacing-3xs-2xs:clamp(.3125rem, .1603rem + .7609vw, .75rem);--spacing-2xs-xs:clamp(.5625rem, .3668rem + .9783vw, 1.125rem);--spacing-xs-sm:clamp(.875rem, .6576rem + 1.087vw, 1.5rem);--spacing-sm-md:clamp(1.125rem, .7337rem + 1.9565vw, 2.25rem);--spacing-md-lg:clamp(1.6875rem, 1.231rem + 2.2826vw, 3rem);--spacing-lg-xl:clamp(2.25rem, 1.4674rem + 3.913vw, 4.5rem);--spacing-xl-2xl:clamp(3.375rem, 2.462rem + 4.5652vw, 6rem);--spacing-2xl-3xl:clamp(4.5rem, 2.9348rem + 7.8261vw, 9rem);--spacing-sm-lg:clamp(1.125rem, .4728rem + 3.2609vw, 3rem);--text-md:clamp(1.125rem, .9946rem + .6522vw, 1.5rem);--leading-none:1;--wrapper-max-width:75rem;--gutter:var(--spacing-xs-s,clamp(.875rem, .6576rem + 1.087vw, 1.5rem))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}