@layer reset{*{margin:0;padding:0;line-height:calc(1rem + 1em)}*,:before,:after{box-sizing:border-box}:not(fieldset):not(progress):not(meter){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}html{-webkit-text-size-adjust:none;height:100%}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{text-rendering:optimizespeed;min-height:100%}picture,img,svg,video,canvas,audio,iframe,embed,object{display:block}img,svg,video{height:auto;max-width:100%}input,button,textarea,select{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}input[type=file]::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}textarea{resize:vertical}@supports (resize:block){textarea{resize:block}}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*=\-]){cursor:pointer;touch-action:manipulation}input[type=file]{cursor:auto}input[type=file]::-webkit-file-upload-button{cursor:pointer}input[type=file]::file-selector-button{cursor:pointer}@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset .145s cubic-bezier(.25,0,.4,1)}:not(:active):focus-visible{transition-duration:.25s}}:not(:active):focus-visible{outline-offset:5px}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:center}input[type=file]::-webkit-file-upload-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:center}input[type=file]::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:center}button[disabled]{cursor:not-allowed}button{cursor:pointer;-webkit-appearance:none;appearance:none;color:transparent;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;background:0 0;border:none;width:auto;margin:0;padding:0;line-height:normal;overflow:visible}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5}code[class*=language-] *,pre[class*=language-] *{line-height:1.6}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#abe338}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.regex,.token.important{color:gold}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}:root{--pink-1:#4b0030;--pink-2:#790051;--pink-3:#d2008f;--pink-4:#ff2fb2;--pink-5:#ffdcec;--pink-6:#fff7fb;--blue-1:#001c30;--blue-2:#003b5e;--blue-3:#0071af;--blue-4:#008fdb;--blue-5:#c6e0ff;--blue-6:#e8f2ff;--grey-0:#070707;--grey-1:#222;--grey-2:#3e3e3e;--grey-3:#6f6f6f;--grey-4:#8b8b8b;--grey-5:#e2e2e2;--grey-6:#f6f6f6;--bg:var(--grey-0);--fg:#fff;--outline-color:var(--blue-5);--headline-fg:var(--fg);--underline-1:var(--pink-4);--underline-2:var(--blue-2);--link-fg:var(--blue-5);--link-hover-fg:var(--blue-6);--header-bg:#000;--header-fg:var(--grey-6);--intro-bg:var(--blue-2);--intro-fg:var(--blue-6);--footer-bg:var(--pink-2);--footer-fg:var(--pink-6);--code-fg:#e5ffc3;--code-bg:#1e1e1e;--outline:#fff;--button-bg:var(--pink-2);--button-fg:#fff;--button-hover-bg:var(--pink-3);--button-hover-fg:#fff;--button-active-bg:var(--pink-1);--button-active-fg:#fff}@media (prefers-color-scheme:light){:root{--bg:#fefefe;--fg:#121212;--headline-fg:var(--pink-3);--link-fg:var(--blue-1);--link-hover-fg:var(--blue-1);--header-bg:var(--grey-1);--header-fg:var(--grey-6);--intro-bg:var(--blue-5);--intro-fg:var(--blue-1);--footer-bg:var(--pink-5);--footer-fg:var(--pink-1);--outline:#000;--code-fg:#008148;--code-bg:#fff}}:root{--space-3xs:clamp(.31rem,calc(.31rem + 0vw),.31rem);--space-2xs:clamp(.56rem,calc(.54rem + .11vw),.63rem);--space-xs:clamp(.88rem,calc(.85rem + .11vw),.94rem);--space-s:clamp(1.13rem,calc(1.08rem + .22vw),1.25rem);--space-m:clamp(1.69rem,calc(1.62rem + .33vw),1.88rem);--space-l:clamp(2.25rem,calc(2.16rem + .43vw),2.5rem);--space-xl:clamp(3.38rem,calc(3.24rem + .65vw),3.75rem);--space-2xl:clamp(4.5rem,calc(4.33rem + .87vw),5rem);--space-3xl:clamp(6.75rem,calc(6.49rem + 1.3vw),7.5rem);--space-3xs-2xs:clamp(.31rem,calc(.2rem + .54vw),.63rem);--space-2xs-xs:clamp(.56rem,calc(.43rem + .65vw),.94rem);--space-xs-s:clamp(.88rem,calc(.74rem + .65vw),1.25rem);--space-s-m:clamp(1.13rem,calc(.86rem + 1.3vw),1.88rem);--space-m-l:clamp(1.69rem,calc(1.4rem + 1.41vw),2.5rem);--space-l-xl:clamp(2.25rem,calc(1.73rem + 2.61vw),3.75rem);--space-xl-2xl:clamp(3.38rem,calc(2.81rem + 2.83vw),5rem);--space-2xl-3xl:clamp(4.5rem,calc(3.46rem + 5.22vw),7.5rem);--space-s-l:clamp(1.13rem,calc(.65rem + 2.39vw),2.5rem);--step--2:clamp(.78rem,calc(.64rem + .73vw),1.2rem);--step--1:clamp(.94rem,calc(.74rem + .98vw),1.5rem);--step-0:clamp(1.13rem,calc(.86rem + 1.3vw),1.88rem);--step-1:clamp(1.35rem,calc(1rem + 1.73vw),2.34rem);--step-2:clamp(1.62rem,calc(1.16rem + 2.28vw),2.93rem);--step-3:clamp(1.94rem,calc(1.35rem + 2.99vw),3.66rem);--step-4:clamp(2.33rem,calc(1.55rem + 3.9vw),4.58rem);--step-5:clamp(2.8rem,calc(1.78rem + 5.08vw),5.72rem)}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif}h1,.h1{font-size:var(--step-5,2.8rem)}u{background-image:linear-gradient(90deg,var(--underline-1),var(--underline-2));background-position:0 100%;background-repeat:no-repeat;background-size:100% max(.1em,1px);text-decoration:none}h2,.h2{font-size:var(--step-4,2.33rem)}h3,.h3{font-size:var(--step-3,1.94rem)}h4,.h4{font-size:var(--step-2,1.62rem)}h5,.h5{font-size:var(--step-1,1.35rem)}body{font-size:var(--step-0,1.13rem)}a{color:var(--link-fg);border-radius:.125em}a:hover{color:var(--link-hover-fg)}code:not([class*=language-]){color:var(--code-fg);background:var(--code-bg);border-radius:.25em;padding:0 .25em}h1,h2,h3,h4,h5{color:var(--headline-fg);font-weight:500}ul:not([role=list]):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),ol:not([role=list]):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){padding-left:1.5em}ul:not([role=list]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5em}ul:not([role=list]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5em}ol:not([role=list]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5em}ol:not([role=list]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5em}body{background:var(--bg);color:var(--fg);flex-direction:column;display:flex}:focus-visible{outline:2px solid var(--outline,#37f)}:root,[data-theme=dark]{--bg:var(--grey-0);--fg:#fff;--outline-color:var(--blue-5);--headline-fg:var(--fg);--underline-1:var(--pink-4);--underline-2:var(--blue-2);--link-fg:var(--blue-5);--link-hover-fg:var(--blue-6);--header-bg:#000;--header-fg:var(--grey-6);--intro-bg:var(--blue-2);--intro-fg:var(--blue-6);--footer-bg:var(--pink-2);--footer-fg:var(--pink-6);--code-fg:#e5ffc3;--code-bg:#1e1e1e;--outline:#fff;--button-brd:1px solid transparent;--button-bg:var(--pink-2);--button-fg:#fff;--button-hover-brd:1px solid var(--pink--4);--button-hover-bg:var(--pink-3);--button-hover-fg:#fff;--button-active-brd:1px solid transparent;--button-active-bg:var(--pink-5);--button-active-fg:#000;--tabs-bg:#000;--tabs-tab-bg:#000;--tabs-tab-fg:var(--grey-5);--tabs-tab-active-bg:var(--grey-2);--tabs-tab-active-fg:#fff}@media (prefers-color-scheme:light){:root{--bg:#fefefe;--fg:#121212;--underline-2:var(--blue-4);--link-fg:var(--blue-1);--link-hover-fg:var(--blue-1);--header-bg:var(--blue-6);--header-fg:#000;--intro-bg:var(--blue-5);--intro-fg:var(--blue-1);--footer-bg:var(--pink-5);--footer-fg:var(--pink-1);--outline:#000;--code-fg:#008148;--code-bg:#fff;--button-bg:var(--pink-5);--button-fg:#000;--button-hover-brd:1px solid var(--pink-3);--button-hover-bg:var(--pink-5);--button-hover-fg:#000;--button-active-bg:var(--pink-2);--button-active-fg:#fff;--tabs-bg:var(--grey-5);--tabs-tab-bg:var(--grey-5);--tabs-tab-fg:var(--grey-1);--tabs-tab-active-bg:#fff;--tabs-tab-active-fg:#000}}[data-theme=light]{--bg:#fefefe;--fg:#121212;--underline-2:var(--blue-4);--link-fg:var(--blue-1);--link-hover-fg:var(--blue-1);--header-bg:var(--blue-6);--header-fg:#000;--intro-bg:var(--blue-5);--intro-fg:var(--blue-1);--footer-bg:var(--pink-5);--footer-fg:var(--pink-1);--outline:#000;--code-fg:#008148;--code-bg:#fff;--button-bg:var(--pink-5);--button-fg:#000;--button-hover-brd:1px solid var(--pink-3);--button-hover-bg:var(--pink-5);--button-hover-fg:#000;--button-active-bg:var(--pink-2);--button-active-fg:#fff;--tabs-bg:var(--grey-5);--tabs-tab-bg:var(--grey-5);--tabs-tab-fg:var(--grey-1);--tabs-tab-active-bg:#fff;--tabs-tab-active-fg:#000}[data-theme=yellow]{--bg:#000;--fg:#cc0;--headline-fg:#cc0;--header-bg:#000;--header-fg:#cc0;--footer-bg:#000;--footer-fg:#cc0;--code-bg:#000;--code-fg:#cc0;--intro-bg:#000;--intro-fg:#cc0;--link-fg:#cc0;--link-hover-fg:#cc0;--outline:#cc0;--button-bg:#000;--button-fg:#cc0;--button-active-brd:1px solid #cc0;--button-hover-bg:#000;--button-hover-fg:#cc0;--button-active-bg:#000;--button-active-fg:#cc0;--tabs-bg:#000;--tabs-tab-bg:#000;--tabs-tab-fg:#cc0;--tabs-tab-active-bg:#cc0;--tabs-tab-active-fg:#000}[data-theme=yellow] .logo__svg g{fill:none;stroke:#cc0}[data-theme=yellow] .themes__button svg{--bg:#000;--fg:#cc0;--header-bg:#000;--header-fg:#cc0}[data-theme=yellow] img{-webkit-filter:sepia()brightness(.5);filter:sepia()brightness(.5)}[data-theme=yellow] pre[class]{border:1px solid #cc0}[data-theme=yellow] pre[class],[data-theme=yellow] code[class],[data-theme=yellow] code[class] *{color:#cc0!important;background:#000!important}.arrow-nav{z-index:5;width:100%;position:fixed;bottom:1rem;right:1rem}.arrow-nav>ul{justify-content:flex-end;gap:.25rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.arrow-nav>ul>li li{margin:0;padding:0}.background{z-index:-1;object-fit:cover;max-width:unset;width:100%;height:100%;position:fixed;top:0;left:0}.background .background--darken{-webkit-filter:brightness(50%);filter:brightness(50%)}.background .background--darken-25{-webkit-filter:brightness(33%);filter:brightness(33%)}.button{-webkit-appearance:none;appearance:none;background:var(--button-bg--primary);color:var(--button-fg--primary);font-family:inherit;font-size:inherit;cursor:pointer;border:none;border-radius:.25rem;margin:0;padding:.5rem;text-decoration:none;transition:-webkit-transform .2s,transform .2s;display:block}.button:disabled{background:var(--button-bg--primary-disabled);color:var(--button-fg--primary-disabled)}.button:focus{outline:var(--button-outline);background:var(--button-bg--primary-focus);color:var(--button-fg--primary-focus)}.button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.button>svg{width:3rem;height:3rem;display:block}.slide{flex-direction:column;align-items:center;width:100vw;height:100vh;transition:-webkit-transform .5s ease-in-out,transform .5s ease-in-out;display:flex;position:fixed;top:0;left:0}.slide>.slide__content{flex-direction:column;width:min(100%,1200px);height:100%;padding:1rem;display:flex}.slide.slide--centered>.slide__content{text-align:center;justify-content:center;align-items:center}--with-image.slide{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));width:100%;display:grid}--with-image.slide .slide__content{display:block}--with-image.slide .slide__side-image{object-fit:cover;width:100%;height:100%;max-height:100vh;display:block}--offscreen-left.slide{-webkit-transform:translate(-100%);transform:translate(-100%)}--offscreen-right.slide{-webkit-transform:translate(100%);transform:translate(100%)}@media screen and (min-width:1000px){__content.slide{padding:2rem 4rem}}@media (prefers-reduced-motion:reduce){.slide{transition-duration:1ms}}.table-of-contents{color:#fff;background:#111;width:100%;height:100%;padding:1rem;position:fixed;top:0;left:0}.table-of-contents>ul{flex-wrap:wrap;gap:1rem;padding:0;font-size:1.5rem;line-height:1.2;list-style:none;display:flex}.table-of-contents>ul>li{margin:0;padding:0}.table-of-contents[aria-expanded=true]{display:block}.auto-grid{--min:15ch;--gap:1rem;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));display:grid}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flow>*+*{margin-top:var(--flow-space,1em)}.no-underline{text-decoration:none}.wrapper{width:min(100% - 3rem,var(--container-max,80ch));margin-left:auto;margin-right:auto}body:not(.js-enabled) .js,body.js-enabled .no-js{display:none}@media (hover:hover){.block-link{position:relative}.block-link a:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}}