@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")}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}ul,ol{padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,pre{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;background-color:var(--bg-color)}a{padding:.125em 0;color:var(--paragraph-font-color);text-decoration:underline;cursor:pointer}@media(hover:hover){a:hover{text-decoration:none}}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}:root{--step--2: clamp(.8442rem, .876rem + -.0398vw, .8681rem);--step--1: clamp(1.0417rem, 1.0138rem + .1394vw, 1.1253rem);--step-0: clamp(1.25rem, 1.1667rem + .4167vw, 1.5rem);--step-1: clamp(1.5rem, 1.3335rem + .8325vw, 1.9995rem);--step-2: clamp(1.8rem, 1.5116rem + 1.4422vw, 2.6653rem);--step-3: clamp(2.16rem, 1.6957rem + 2.3215vw, 3.5529rem);--step-4: clamp(2.592rem, 1.8773rem + 3.5733vw, 4.736rem);--step-5: clamp(3.1104rem, 2.0428rem + 5.3378vw, 6.3131rem);--step-6: clamp(3.7325rem, 2.1715rem + 7.8048vw, 8.4153rem);--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;--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}[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}.shiki,.shiki span{color:var(--shiki-light)}[data-color-scheme=dark] .shiki,[data-color-scheme=dark] .shiki span{color:var(--shiki-dark)}pre{background-color:#f6f8fa;padding:var(--step-3) 0 var(--step-2) 0;margin:0;position:relative;overflow:auto;transition:background-color .25s ease-out}[data-color-scheme=dark] pre{background-color:#282c34}pre code{font:400 var(--step--1) "Necto Mono",monospace;background-color:transparent;padding:0;white-space:pre;text-align:left;display:block}pre code a{text-decoration:none}pre code .line{display:inline-block;line-height:1.5;padding:0 var(--step-1);min-height:1em;box-sizing:border-box}pre code .line.highlighted{background-color:#a0a0a026}[data-color-scheme=dark] pre code .line.highlighted{background-color:#ffffff1a}pre code .line.diff{display:inline-block}pre code .line.diff.add{background-color:#2ea04326}[data-color-scheme=dark] pre code .line.diff.add{background-color:#2ea04333}pre code .line.diff.remove{background-color:#f8514926;opacity:.7}[data-color-scheme=dark] pre code .line.diff.remove{background-color:#f8514933}pre code .line.diff:before{position:absolute;left:10px}pre code .line.diff.add:before{content:"+";color:#2ea043}pre code .line.diff.remove:before{content:"-";color:#f85149}