*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--font-titles:"Manrope Variable",sans-serif;--font-body:"Supreme-Variable",sans-serif;font-family:var(--font-body);font-size:1.1rem;font-weight:400;font-synthesis:none;@media (max-width:40rem){font-size:1rem}}::selection{background:rgba(var(--color-text-rgb),.25)}p{text-wrap:pretty}i{font-style:italic}ol,ul{-webkit-padding-start:var(--space-lg);padding-inline-start:var(--space-lg)}li{margin-top:var(--space-xs)}li::marker{color:rgba(var(--color-text-rgb),.5)}h1,h2,h3,h4,h5,h6{font-family:var(--font-titles);font-optical-sizing:auto;text-wrap:pretty}h1{font-size:2.5em;line-height:1.2em;letter-spacing:-.02em}h1,h2{font-weight:600}h2{font-size:1.5em;scroll-margin-top:calc(var(--nav-height) + var(--space-xl))}h2,h3{letter-spacing:-.01em}h3{font-size:1.2em}h3,h4{font-weight:800}h4{font-size:1em}h5{font-size:.85em}h5,h6{font-weight:800}h6{font-size:.8em}blockquote{padding-left:var(--space-md);border-left:2px solid var(--color-secondary)}a{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--color-text-rgb),.4);text-decoration-color:rgba(var(--color-text-rgb),.4);text-underline-offset:.1em;&:hover{text-decoration:underline}}table{border-spacing:0;border-collapse:collapse}table td,table th{padding:var(--space-sm);border:1px solid var(--color-secondary)}:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=color],input[type=search],input[type=tel],input[type=url],input[type=month],input[type=week],input[type=datetime],input[type=datetime-local],input[type=range],input[type=file],input[type=image],button,.button,textarea,select){background-color:rgba(var(--color-text-rgb),.1);padding:.3em .6em;border:0;border-radius:var(--rounding-small);vertical-align:middle;color:var(--color-text);transition:outline var(--transition-defaults);outline:2px solid transparent;&:focus{outline:2px solid var(--color-link)}&:hover{background-color:rgba(var(--color-text-rgb),.15)}}:where(.button),:where(button){cursor:pointer}label{padding-right:.5em}fieldset{margin-top:var(--space-lg);border:1px solid var(--color-secondary);border-radius:var(--rounding-medium)}.description{font-style:italic}figure{max-width:100%;display:flex;flex-direction:column;align-items:center;img,video{width:100%;height:auto;object-fit:cover;border-radius:var(--rounding-small)}}@media (max-width:54rem){figure{img,video{border-radius:0}}}.figcaption,figcaption{display:inline-block;margin:.5em;font-style:italic;font-size:.9em;max-width:min(60ch,calc(100% - 3rem))}code{font-size:.8rem}:root{--grid-width-narrow:36rem;--grid-width-wide:54rem;--grid-gap:1rem;--nav-height:3rem}.grid{padding-top:var(--nav-height);display:grid;grid-template-columns:[full-start] minmax(var(--grid-gap),1fr) [wide-start] minmax(0,calc((var(--grid-width-wide) - var(--grid-width-narrow)) / 2)) [narrow-start] min(var(--grid-width-narrow),calc(100% - 2 * var(--grid-gap))) [narrow-end] minmax(0,calc((var(--grid-width-wide) - var(--grid-width-narrow)) / 2)) [wide-end] minmax(var(--grid-gap),1fr) [full-end];grid-gap:0 var(--grid-gap);gap:0 var(--grid-gap)}:where(.grid)>*{grid-column:narrow}:where(.grid,.flow)>*{-webkit-margin-after:0!important;margin-block-end:0!important;-webkit-margin-before:0;margin-block-start:0}:where(.grid,.flow)>*+*{-webkit-margin-before:var(--space,var(--space-md));margin-block-start:var(--space,var(--space-md))}.grid>:is(h2,h3,h4,h5,h6){--space:var(--space-xl)}.grid>.description{--space:var(--space-xs)}.grid-narrow{grid-column:narrow}.grid-wide{grid-column:wide}.grid-full{grid-column:full}.cover-top{margin-top:calc(-1 * var(--nav-height))}.cover{grid-column:full;height:20rem;object-fit:cover}.cover+*{--space:var(--space-xl)}@media (max-width:54rem){.grid{gap:0;grid-template-columns:[full-start] var(--grid-gap) [wide-start narrow-start] minmax(0,1fr) [narrow-end wide-end] var(--grid-gap) [full-end]}.grid-wide{grid-column:full}}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Light.d3f699ab.woff2) format("woff2"),url(/_next/static/media/Satoshi-Light.ce217c5d.woff) format("woff"),url(/_next/static/media/Satoshi-Light.121b151d.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Regular.b1dca2a5.woff2) format("woff2"),url(/_next/static/media/Satoshi-Regular.bb2accee.woff) format("woff"),url(/_next/static/media/Satoshi-Regular.a12eb4fb.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Medium.22539d17.woff2) format("woff2"),url(/_next/static/media/Satoshi-Medium.f3941e68.woff) format("woff"),url(/_next/static/media/Satoshi-Medium.8217b72e.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Bold.12084922.woff2) format("woff2"),url(/_next/static/media/Satoshi-Bold.b28a04c4.woff) format("woff"),url(/_next/static/media/Satoshi-Bold.c60efc8f.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Black.c6d20a6b.woff2) format("woff2"),url(/_next/static/media/Satoshi-Black.28873509.woff) format("woff"),url(/_next/static/media/Satoshi-Black.12d5a2e3.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Supreme-Thin;src:url(/_next/static/media/Supreme-Thin.f491a4a3.woff2) format("woff2"),url(/_next/static/media/Supreme-Thin.a658ad39.woff) format("woff"),url(/_next/static/media/Supreme-Thin.e8f03b1c.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ThinItalic;src:url(/_next/static/media/Supreme-ThinItalic.bb67442d.woff2) format("woff2"),url(/_next/static/media/Supreme-ThinItalic.af2b7e5d.woff) format("woff"),url(/_next/static/media/Supreme-ThinItalic.ba373035.ttf) format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Extralight;src:url(/_next/static/media/Supreme-Extralight.14b17aa9.woff2) format("woff2"),url(/_next/static/media/Supreme-Extralight.a2186603.woff) format("woff"),url(/_next/static/media/Supreme-Extralight.1a45be11.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ExtralightItalic;src:url(/_next/static/media/Supreme-ExtralightItalic.182d6d18.woff2) format("woff2"),url(/_next/static/media/Supreme-ExtralightItalic.7754c457.woff) format("woff"),url(/_next/static/media/Supreme-ExtralightItalic.e00971b4.ttf) format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Light;src:url(/_next/static/media/Supreme-Light.0aab078d.woff2) format("woff2"),url(/_next/static/media/Supreme-Light.c36aa29e.woff) format("woff"),url(/_next/static/media/Supreme-Light.0c5c4efb.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Supreme-LightItalic;src:url(/_next/static/media/Supreme-LightItalic.58e36c4d.woff2) format("woff2"),url(/_next/static/media/Supreme-LightItalic.809291ea.woff) format("woff"),url(/_next/static/media/Supreme-LightItalic.c7b2d0e8.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Regular;src:url(/_next/static/media/Supreme-Regular.63407cbb.woff2) format("woff2"),url(/_next/static/media/Supreme-Regular.aa0a4a05.woff) format("woff"),url(/_next/static/media/Supreme-Regular.5f4b1f59.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Supreme-Italic;src:url(/_next/static/media/Supreme-Italic.25f78062.woff2) format("woff2"),url(/_next/static/media/Supreme-Italic.19c46c49.woff) format("woff"),url(/_next/static/media/Supreme-Italic.14322fcc.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Medium;src:url(/_next/static/media/Supreme-Medium.045a30f8.woff2) format("woff2"),url(/_next/static/media/Supreme-Medium.71e022db.woff) format("woff"),url(/_next/static/media/Supreme-Medium.42057afa.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Supreme-MediumItalic;src:url(/_next/static/media/Supreme-MediumItalic.2bb5949f.woff2) format("woff2"),url(/_next/static/media/Supreme-MediumItalic.cc6290d4.woff) format("woff"),url(/_next/static/media/Supreme-MediumItalic.38d9a74f.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Bold;src:url(/_next/static/media/Supreme-Bold.99f6cadb.woff2) format("woff2"),url(/_next/static/media/Supreme-Bold.b33e594f.woff) format("woff"),url(/_next/static/media/Supreme-Bold.72a50079.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Supreme-BoldItalic;src:url(/_next/static/media/Supreme-BoldItalic.47deab44.woff2) format("woff2"),url(/_next/static/media/Supreme-BoldItalic.18b29b7a.woff) format("woff"),url(/_next/static/media/Supreme-BoldItalic.c199d355.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Extrabold;src:url(/_next/static/media/Supreme-Extrabold.b1d9c7a2.woff2) format("woff2"),url(/_next/static/media/Supreme-Extrabold.2f9819b7.woff) format("woff"),url(/_next/static/media/Supreme-Extrabold.79355a94.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ExtraboldItalic;src:url(/_next/static/media/Supreme-ExtraboldItalic.eac93b45.woff2) format("woff2"),url(/_next/static/media/Supreme-ExtraboldItalic.0044ff3a.woff) format("woff"),url(/_next/static/media/Supreme-ExtraboldItalic.4b67fd3f.ttf) format("truetype");font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Variable;src:url(/_next/static/media/Supreme-Variable.293bdbb2.woff2) format("woff2"),url(/_next/static/media/Supreme-Variable.227080e1.woff) format("woff"),url(/_next/static/media/Supreme-Variable.f3255fc0.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:normal}@font-face{font-family:Supreme-VariableItalic;src:url(/_next/static/media/Supreme-VariableItalic.37814bb7.woff2) format("woff2"),url(/_next/static/media/Supreme-VariableItalic.70f7d669.woff) format("woff"),url(/_next/static/media/Supreme-VariableItalic.cbfd11e4.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Variable;src:url(/_next/static/media/open-sans-latin-wght-italic.0c9dff2a.woff2) format("woff2");font-weight:300 800;font-display:swap;font-style:italic;size-adjust:92%}@font-face{font-family:Supreme-Variable;src:url(/_next/static/media/open-sans-latin-ext-wght-italic.f31e9ee1.woff2) format("woff2");font-weight:300 800;font-display:swap;font-style:italic;size-adjust:92%;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}pre[data-theme]{padding:var(--space-sm);border-radius:var(--rounding-medium);overflow-x:auto;width:100%;background-color:rgba(var(--color-text-rgb),.05);border:1px solid rgba(var(--color-text-rgb),.1)}code[data-theme]{font-family:var(--mono-font)}[data-line]{padding:0 var(--space-xs)}.line--highlighted{background-color:rgba(255,255,0,.1)}code{border-radius:var(--rounding-small);padding:.1em .05em}:not(pre)>code{background:rgba(var(--color-text-rgb),.1)}code[data-theme*=" "]{--shiki-light:var(--color-text)!important;--shiki-dark:var(--color-text)!important}code[data-theme*=" "],code[data-theme*=" "] span{color:color-mix(in oklab,var(--shiki-light),var(--shiki-dark) var(--shiki-mix))}.code-block-wrapper{width:100%;position:relative}.copy-button{position:absolute;top:.4rem;right:.4rem;background:rgba(var(--color-text-rgb),.1);border:1px solid rgba(var(--color-text-rgb),0);border-radius:var(--rounding-small);color:var(--color-text);cursor:pointer;padding:var(--space-xs);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-defaults),visibility var(--transition-defaults);opacity:0;visibility:hidden}.code-block-wrapper:hover .copy-button{opacity:1;visibility:visible}.copy-button:hover{background:rgba(var(--color-text-rgb),.15)}.copy-button:disabled{opacity:1;visibility:visible;cursor:default}.copy-button svg{width:1rem;height:1rem;stroke:currentColor}.at-rule{color:color-mix(in oklab,#d73a49,#f97583 var(--shiki-mix))!important}.color-swatch{position:relative}.color-swatch:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.3em;margin-bottom:.1em;border-radius:999px;vertical-align:middle;background-color:var(--swatch-bg);border:1px solid rgba(128,128,128,.4)}:root{--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quart:cubic-bezier(0.895,0.03,0.685,0.22);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--ease-in-expo:cubic-bezier(0.95,0.05,0.795,0.035);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.335);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-out-circ:cubic-bezier(0.075,0.82,0.165,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--ease-in-out-quart:cubic-bezier(0.77,0,0.175,1);--ease-in-out-quint:cubic-bezier(0.86,0,0.07,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86)}.three-canvas-fullscreen{width:100vw;height:100vh;position:fixed;inset:0;z-index:var(--z-overlay)}.three-canvas-fullscreen canvas{border-radius:0}.tweakpane-host{position:fixed;bottom:10px;right:10px;width:280px;z-index:var(--z-top)}@property --color-bg-rgb{syntax:"<number>#";inherits:true;initial-value:240,240,240}@property --color-text-rgb{syntax:"<number>#";inherits:true;initial-value:53,53,53}@property --dark-mode{syntax:"<number>";inherits:true;initial-value:0}@property --shiki-mix{syntax:"<percentage>";inherits:true;initial-value:0}:root{--duration-fast:150ms;--default-duration:250ms;--duration-slow:500ms;--default-timing:ease-out;--transition-defaults:var(--default-duration) var(--default-timing);--rounding-small:0.3rem;--rounding-medium:0.6rem;--rounding-full:999px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--z-behind:-1;--z-overlay:10;--z-controls:20;--z-header:100;--z-top:1000;--mono-font:"Fira Code",monospace;--color-accent:#536bf2;--color-link:#475ddc;--color-text-rgb:53,53,53;--color-text:rgb(var(--color-text-rgb));--color-bg-rgb:240,240,240;--color-bg:rgb(var(--color-bg-rgb));--color-secondary:rgba(var(--color-text-rgb),0.3);--dark-mode:0;--shiki-mix:0%;transition-property:--color-text-rgb,--color-bg-rgb,--shiki-mix,--dark-mode;transition-duration:var(--default-duration);transition-timing-function:var(--default-timing)}:root.dark{--color-link:#7a8eff;--color-text-rgb:215,215,215;--color-bg-rgb:30,30,30;--dark-mode:1;--shiki-mix:100%}body{background-color:var(--color-bg);color:var(--color-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:fadeIn var(--fade-duration,.3s) var(--fade-timing,ease-in) var(--fade-delay,.35s) forwards}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;animation:none}}*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.themed-svg{*{fill:currentColor}}.outlink{&:after{content:" ↗";font-family:Satoshi;font-weight:800;font-size:.7em;color:rgba(var(--color-text-rgb),.4)}&:hover{&:after{color:rgba(var(--color-text-rgb),1)}}}.arrow{display:inline-block;font-family:Satoshi;font-weight:500;transition:transform var(--transition-defaults)}:where(.clickable){transition:background-color var(--transition-defaults);background-color:rgba(var(--color-text-rgb),0);border-radius:var(--rounding-medium);&:hover{background-color:rgba(var(--color-text-rgb),.1);transition-duration:.1s}&:active,&:hover:active{background-color:rgba(var(--color-text-rgb),.05)}}.stats-gl{position:absolute;top:100vh;left:0;z-index:var(--z-top);transform:translateY(-100%)}::view-transition-new(root),::view-transition-old(root){animation-duration:.4s}.circular-reveal-active::view-transition-new(root),.circular-reveal-active::view-transition-old(root){animation:none;mix-blend-mode:normal}