@font-face{font-display:fallback;font-family:Soyuz Grotesk;font-style:normal;font-weight:700;src:local("Soyuz Grotesk Bold"),local("Soyuz-Grotesk-Bold"),url(/fonts/soyuz-grotesk-bold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Apfel Grotezk;font-style:normal;font-weight:400;src:local("Apfel Grotezk Regular"),local("Apfel-Grotezk-Regular"),url(/fonts/apfel-grotezk-regular-v2.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Apfel Grotezk;font-style:normal;font-weight:700;src:local("Apfel Grotezk Fett"),local("Apfel-Grotezk-Fett"),url(/fonts/apfel-grotezk-fett-v2.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Necto Mono;font-style:normal;font-weight:400;src:local("Necto Mono Regular"),local("Necto-Mono-Regular"),url(/fonts/necto-mono-regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Sprat;font-weight:700;font-style:normal;src:local("Sprat Condensed Bold"),local("Sprat-Condensed-Bold"),url(/fonts/sprat-condensed-bold.woff2) format("woff2")}@font-face{font-family:Hyphen;src:local("SF Pro"),local("Segoe UI"),local("Helvetica"),local("Arial");unicode-range:U+2010,U+00AD}*,*:before,*:after{box-sizing:border-box}ul,ol{padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,pre{margin:0}body{background-color:var(--bg-color);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{padding:.125em 0;color:var(--paragraph-font-color);text-decoration:underline;cursor:pointer}@media(hover:hover){a:hover{text-decoration:none}}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--fluid-min-width: 320;--fluid-max-width: 1280;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) );--f--2-min: 13.89;--f--2-max: 13.51;--step--2: calc( ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) * var(--fluid-bp) );--f--1-min: 16.67;--f--1-max: 18;--step--1: calc( ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) * var(--fluid-bp) );--f-0-min: 20;--f-0-max: 24;--step-0: calc( ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) );--f-1-min: 24;--f-1-max: 31.99;--step-1: calc( ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) );--f-2-min: 28.8;--f-2-max: 42.65;--step-2: calc( ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) );--f-3-min: 34.56;--f-3-max: 56.85;--step-3: calc( ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp) );--f-4-min: 41.47;--f-4-max: 75.78;--step-4: calc( ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp) );--f-5-min: 49.77;--f-5-max: 101.01;--step-5: calc( ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) * var(--fluid-bp) );--f-6-min: 59.72;--f-6-max: 134.65;--step-6: calc( ((var(--f-6-min) / 16) * 1rem) + (var(--f-6-max) - var(--f-6-min)) * var(--fluid-bp) );--paragraph-font-color: #363636;--light-paragraph-font-color: #4a4a4a;--heading-font-color: #222;--light-heading-font-color: #5b5b5b;--lighter-heading-font-color: #666;--note: #7a7a7a;--code-language: #999;--bg-color: #f0f0f0;--bg-white: #fff;--light-gray: #dedede;--quote-gray: #ccc;--path-example-bg: #ebebd3;--shiki-color-text: #393a34;--shiki-color-background: #f6f8fa;--shiki-token-constant: #36acaa;--shiki-token-string: #d4005c;--shiki-token-comment: #998;--shiki-token-keyword: #506e87;--shiki-token-parameter: #00a4db;--shiki-token-function: #d7543a;--shiki-token-string-expression: #d4005c;--shiki-token-punctuation: #4a4a4a;--shiki-token-link: #6f42c1;--main-content-area: 62.5rem;--centered-three-quarter: 3 / span 6;--centered-half: 4 / span 4;--small-centered-half: 3 / span 2;--left-half: 2 / span 4;--right-half: 6 / span 4;--showcase-content-area: 84rem;--left-five-eighth: 2 / span 5;--right-five-eighth: 5 / span 5;--left-three-eighth: 2 / span 3;--right-three-eighth: 7 / span 3;--left-three-quarter: 2 / span 6;--right-three-quarter: 4 / span 6;--left-one-quarter: 2 / span 2;--right-one-quarter: 8 / span 2;--centered-quarter: 5 / span 2;--narrow-half-left: 2 / span 2;--narrow-half-right: 4 / span 2}@media screen and (min-width:1280px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}[data-color-scheme=dark]{--paragraph-font-color: #ccc;--light-paragraph-font-color: #ccc;--heading-font-color: #f3f3f3;--light-heading-font-color: #b1b1b1;--lighter-heading-font-color: #999;--bg-color: #333;--bg-white: #222;--light-gray: #4a4a4a;--quote-gray: #666;--path-example-bg: #2d2b24;--shiki-color-text: #f0f0f0;--shiki-color-background: #282c34;--shiki-token-constant: #5a9bcf;--shiki-token-string: #8dc891;--shiki-token-keyword: #fc929e;--shiki-token-parameter: #c5a5c5;--shiki-token-function: #79b6f2;--shiki-token-string-expression: #8dc891;--shiki-token-punctuation: #5fb3b3;--shiki-token-link: #d7deea}[data-user-changed-scheme=true]{transition:background-color .25s ease-out}[data-user-changed-scheme=true] .bgTransition{transition:background .25s ease-out,fill .25s ease-out}.compatibilityNote{display:block;position:fixed;width:100%;bottom:0;left:0;text-align:center;background:#ff4238;z-index:300;padding:24px;color:#fff;font-size:36px;font-family:sans-serif;line-height:1.25}