@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{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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{background-color:var(--bg-color);min-height:100vh}a{color:var(--paragraph-font-color);cursor:pointer;padding:.125em 0;text-decoration:underline}@media (hover:hover){a:hover{text-decoration:none}}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;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 (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{text-align:center;z-index:300;color:#fff;background:#ff4238;width:100%;padding:24px;font-family:sans-serif;font-size:36px;line-height:1.25;display:block;position:fixed;bottom:0;left:0}.shiki,.shiki span{color:var(--shiki-light)}[data-color-scheme=dark] .shiki,[data-color-scheme=dark] .shiki span{color:var(--shiki-dark)}pre{padding:var(--step-3) 0 var(--step-2) 0;background-color:#f6f8fa;margin:0;transition:background-color .25s ease-out;position:relative;overflow:auto}[data-color-scheme=dark] pre{background-color:#282c34}pre code{font:400 var(--step--1) "Necto Mono", monospace;white-space:pre;text-align:left;background-color:#0000;padding:0;display:block}pre code a{text-decoration:none}pre code .line{padding:0 var(--step-1);box-sizing:border-box;min-height:1em;line-height:1.5;display:inline-block}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{opacity:.7;background-color:#f8514926}[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}