*:where(:not(html,iframe,canvas,img,svg,video,audio,pre,code):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}pre,code{margin:0}::-webkit-details-marker{display:none}:root{--font:"Inter", sans-serif;--font-headings:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--background:#535379;--background-subtle:rgba(255, 255, 255, .05);--background-high-surface:#5d5d85;--background-hover:rgba(253, 189, 65, .1);--background-card:rgba(74, 74, 110, .4);--background-terminal:rgba(0, 0, 0, .12);--background-off-canvas:rgba(83, 83, 121, .95);--background-off-canvas-model:rgba(225, 225, 225, .1);--box-shadow-off-canvas:.25.rem 0 .5rem rgba(0, 0, 0, .1);--color:#f4f4f4;--color-nav:#d4d4d4;--primary:#fdbd41;--color-primary:#535379;--border:rgba(255, 255, 255, 0.1);--border-subtle:rgba(255, 255, 255, 0.05);--radius:0.4rem;--box-shadow:0 .5rem 2rem rgba(0, 0, 0, .1);--blur:blur(6px);--padding:0.375rem;--padding_2x:0.75rem;--padding_4x:1.5rem;--site-header-height:3.6rem;--pf-background:var(--background);--pf-text:var(--color);--pf-text-muted:var(--color-nav);--pf-border:var(--border);--pf-hover:var(--background-subtle);--pf-text-secondary:var(--color-nav);--pf-modal-backdrop:var(--background-off-canvas-model);--pf-border:var(--border);--pf-shadow-lg:var(--box-shadow-off-canvas);--pf-mark:var(--primary);--pf-skeleton:var(--background-subtle);font-size:clamp(.9rem,.72rem + .5vw,1.125rem)}@media(min-width:2500px){:root{font-size:clamp(1.35rem,.45rem + .9vw,2.25rem)}}@view-transition{navigation: auto;
}::selection{background:var(--primary);color:var(--color-primary)}.material-symbols-outlined{font-size:1.2rem;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;color:var(--color-nav)}.btn{cursor:pointer;display:flex;padding:var(--padding)var(--padding_2x);gap:calc(var(--padding)/2);font-size:.8rem;background:var(--background-subtle);border-radius:var(--radius);color:var(--color-nav);align-items:center}.btn:hover{color:var(--color);background:var(--background-hover)}.btn-primary{font-weight:600;background:var(--primary);color:var(--color-primary)}.btn-primary:hover{background:var(--primary);color:var(--color)}.alert{background:var(--background-subtle);border-radius:var(--radius);overflow:hidden}.alert-header{display:flex;align-items:center;gap:var(--padding);padding:var(--padding)var(--padding_2x);border-bottom:1px solid var(--border-subtle)}.alert-body{overflow-x:auto;padding:0 var(--padding)var(--padding)}@media(min-width:744px) and (max-width:1023px){.alert-body{padding:0 var(--padding_2x)var(--padding_2x)}}@media(min-width:1280px){.alert-body{padding:0 var(--padding_4x)var(--padding_4x)}}.code-title{font-size:.875rem;font-family:var(--font-mono);color:var(--color-nav)}.tabs{display:grid;grid-template-columns:repeat(var(--tabs-count,3),minmax(80px,1fr));grid-template-rows:auto 1fr}.tabs>details{display:grid;grid-column:1/-1;grid-row:1/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid}.tabs>details>summary{grid-column:var(--n)/span 1;grid-row:1;display:grid;z-index:1;cursor:pointer;font-size:.875rem;font-family:var(--font-mono);color:var(--color-nav);border-top-left-radius:calc(var(--radius)*2);border-top-right-radius:calc(var(--radius)*2);background:rgba(255,255,255,.25);padding:var(--padding)}.tabs>details>summary:hover,.tabs>details>summary:focus{background:var(--background-hover)}.tabs>details[open] :is(summary,.summary){background:var(--primary);color:var(--color-primary);pointer-events:none}.tabs>details::details-content{grid-row:2;grid-column:1/-1;background:var(--background-terminal);padding:0 var(--padding_2x)var(--padding_2x);border-bottom-left-radius:calc(var(--radius));border-bottom-right-radius:calc(var(--radius))}.tabs>details[open]::details-content{z-index:1}.tabs>details:not([open])::details-content{display:none}.code-window{background:var(--background-terminal);border-radius:var(--radius);overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding)var(--padding_2x);border-bottom:1px solid var(--border-subtle)}.code-body{overflow-x:auto;line-height:1.625;padding:var(--padding);box-shadow:var(--box-shadow)}@media(min-width:744px) and (max-width:1023px){.code-body{padding:var(--padding_2x)}}@media(min-width:1280px){.code-body{padding:var(--padding_4x)}}.traffic-lights{display:flex;gap:.375rem}.traffic-lights .light{width:.625rem;height:.625rem;border-radius:50%;opacity:.8}.traffic-lights .light-red{background:#ff5f56}.traffic-lights .light-yellow{background:#ffbd2e}.traffic-lights .light-green{background:#27c93f}.code-title{font-size:.875rem;font-family:var(--font-mono);color:var(--color-nav)}.code-label{font-size:.625rem;line-height:2;background:var(--background-hover);padding:calc(var(--padding) * .32)calc(var(--padding) * .7);text-transform:uppercase}.chroma{color:#c6d0f5}.chroma .cl{color:#c6d0f5}.chroma .err{color:#e78284}.chroma .x{color:#c6d0f5}.chroma .hl{background-color:var(--background-subtle)}.chroma .lnt{color:#838ba7}.chroma .ln{color:#838ba7}.chroma .k{color:#ca9ee6}.chroma .kr{color:#ca9ee6}.chroma .kp{color:#ca9ee6}.chroma .kc{color:#ef9f76}.chroma .kd{color:#e78284}.chroma .kn{color:#81c8be}.chroma .kt{color:#e78284}.chroma .n{color:#c6d0f5}.chroma .nc{color:#e5c890}.chroma .no{color:#e5c890}.chroma .nd{color:#8caaee;font-weight:700}.chroma .ni{color:#81c8be}.chroma .ne{color:#ef9f76}.chroma .nf{color:#8caaee}.chroma .fm{color:#8caaee}.chroma .nl{color:#99d1db}.chroma .nn{color:#ef9f76}.chroma .py{color:#ef9f76}.chroma .nt{color:#ca9ee6}.chroma .nv{color:#f2d5cf}.chroma .vc{color:#f2d5cf}.chroma .vg{color:#f2d5cf}.chroma .vi{color:#f2d5cf}.chroma .vm{color:#f2d5cf}.chroma .na{color:#8caaee}.chroma .nb{color:#99d1db}.chroma .bp{color:#99d1db}.chroma .nx{color:#c6d0f5}.chroma .l{color:#c6d0f5}.chroma .ld{color:#c6d0f5}.chroma .s{color:#a6d189}.chroma .sc{color:#a6d189}.chroma .s1{color:#a6d189}.chroma .s2{color:#a6d189}.chroma .sb{color:#a6d189}.chroma .sx{color:#a6d189}.chroma .ss{color:#a6d189}.chroma .si{color:#a6d189}.chroma .sa{color:#e78284}.chroma .dl{color:#8caaee}.chroma .se{color:#8caaee}.chroma .sr{color:#81c8be}.chroma .sd{color:#737994}.chroma .sh{color:#737994}.chroma .m{color:#ef9f76}.chroma .mb{color:#ef9f76}.chroma .mh{color:#ef9f76}.chroma .mi{color:#ef9f76}.chroma .mf{color:#ef9f76}.chroma .il{color:#ef9f76}.chroma .mo{color:#ef9f76}.chroma .o{color:#99d1db;font-weight:700}.chroma .ow{color:#99d1db;font-weight:700}.chroma .c{color:#737994;font-style:italic}.chroma .c1{color:#737994;font-style:italic}.chroma .cm{color:#737994;font-style:italic}.chroma .cs{color:#737994;font-style:italic}.chroma .ch{color:#626880;font-style:italic}.chroma .cp{color:#737994;font-style:italic}.chroma .cpf{color:#737994;font-weight:700}.chroma .g{color:#c6d0f5}.chroma .gi{color:#a6d189;background-color:var(--background-terminal)}.chroma .gd{color:#e78284;background-color:var(--background-terminal)}.chroma .ge{color:#c6d0f5;font-style:italic}.chroma .gs{color:#c6d0f5;font-weight:700}.chroma .gl{color:#c6d0f5;text-decoration:underline}.chroma .gh{color:#ef9f76;font-weight:700}.chroma .gu{color:#ef9f76;font-weight:700}.chroma .go{color:#c6d0f5}.chroma .gp{color:#c6d0f5}.chroma .gr{color:#e78284}.chroma .gt{color:#e78284}.language-diff .line{line-height:1.35}#site-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo actions" "menu menu";column-gap:var(--padding);row-gap:0;align-items:center;border-bottom:1px solid var(--border)}#site-header-logo{grid-area:logo}#site-header-menu{grid-area:menu;display:flex;flex-wrap:wrap;padding:var(--padding);gap:var(--padding);background:var(--background-subtle);border-top:1px solid var(--border)}#site-header-actions{grid-area:actions;display:flex;align-items:center;gap:var(--padding)}@media(min-width:744px){#site-header{grid-template-columns:auto 1fr auto;grid-template-areas:"logo menu actions"}#site-header-menu{justify-content:center;padding:var(--padding)0;gap:var(--padding_2x);background:0 0;border-top:none}}#site-header-logo{height:var(--site-header-height);padding:var(--padding)}#site-header-actions .repo-link{cursor:pointer;height:3.4rem;padding:var(--padding)}#site-header-logo img,#site-header-actions .repo-link img{height:100%;width:auto}#site-header-menu a{font-family:var(--font-headings);font-weight:500;text-transform:uppercase;color:var(--color-nav)}#site-header-menu a:not(.active):hover{background:var(--background-hover);color:var(--color)}#site-header-menu a.active{color:var(--primary)}#search-box{display:flex;align-items:center}#site-footer{height:4rem;display:flex;align-items:center;justify-content:center;padding:var(--padding);color:var(--color-nav)}#left-sidebar>header{padding:var(--padding)}#left-sidebar>header>h2{display:flex;font-family:var(--font-headings);font-size:1.125rem;font-weight:700;color:var(--primary);text-transform:uppercase}#left-sidebar>header>p{font-size:.6rem;font-weight:500}#left-sidebar-nav{padding:var(--padding)}#left-sidebar-nav>details>summary{font-weight:700;cursor:pointer;padding:var(--padding);margin-bottom:var(--padding);border-radius:var(--radius);background:var(--background-hover)}#left-sidebar-nav>details[open]>summary{cursor:unset;background:0 0;margin-bottom:0}#left-sidebar-nav>details[open]{padding-bottom:var(--padding_4x)}#left-sidebar-nav>details>ul>li{margin:0 var(--padding);border-left:1px solid var(--border)}#left-sidebar-nav>details>ul>li>a{display:flex;cursor:pointer;color:var(--color-nav);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);padding:var(--padding)var(--padding_2x)}#left-sidebar-nav>details>ul>li>a.active{background:var(--primary);color:var(--color-primary)}#left-sidebar-nav>details>ul>li>a:hover:not(.active){background:var(--background-hover);color:var(--color)}#right-sidebar>header>h3{font-family:var(--font-headings);font-weight:700;text-transform:uppercase;padding:var(--padding)}#TableOfContents{padding:0 var(--padding)}#TableOfContents ul{border-left:1px solid var(--border);margin-left:var(--padding)}#TableOfContents a{color:var(--color-nav);display:inline-block;cursor:pointer;padding:var(--padding);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}#TableOfContents a code{font-family:var(--font-mono);font-size:.875rem;background:var(--background-subtle);border-radius:var(--radius);padding:calc(var(--padding)/3.7);border:1px solid var(--border-subtle)}#TableOfContents a.active{background:var(--primary);color:var(--color-primary)}#TableOfContents a:hover:not(.active){background:var(--background-hover);color:var(--color)}#TableOfContents ul ul{margin-left:var(--padding_4x)}#back-to-top{display:inline-block;padding:var(--padding);color:var(--color-nav);border-radius:var(--radius)}#back-to-top:hover{background:var(--background-hover);color:var(--color)}#TableOfContents ul a::before{content:"";position:relative;display:inline-block;left:calc(-1 * var(--padding));top:-5px;width:calc(var(--padding) * 3);height:1px;background:var(--border)}#mobile-sidebar-controls{display:flex;justify-content:space-between;width:100%;padding:var(--padding);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:var(--blur)}#mobile-sidebar-controls .btn{font-family:var(--font-headings);font-weight:500;text-transform:uppercase;background:0 0}#mobile-sidebar-controls .btn:hover{background:var(--background-hover)}html{scroll-behavior:smooth;scroll-padding:6.7rem}body{font-feature-settings:"kern","liga","pnum";-webkit-font-smoothing:antialiased;line-height:1.625;font-family:var(--font);background-color:var(--background);color:var(--color);display:flex;flex-direction:column;min-height:100dvh}#site-header,#site-footer{flex-shrink:0}main{display:flex;flex-direction:column;width:100svw;flex:1}#main-content{flex:1;padding:var(--padding)}#left-sidebar,#right-sidebar{position:sticky;top:0;padding:var(--padding)var(--padding_2x);display:none;overflow-x:auto}#left-sidebar{width:85%;left:-85%}#right-sidebar{width:85%;right:-85%}.sidebar-controls{display:flex;padding:var(--padding)var(--padding)0}#left-sidebar .sidebar-controls{justify-content:flex-end}@media(min-width:744px) and (max-width:1023px){#left-sidebar{width:50%;left:-50%}#right-sidebar{width:50%;right:-50%}#main-content{padding:var(--padding_2x)}}@media(min-width:1024px){main{flex-direction:row}#right-sidebar-open-button,#right-sidebar .sidebar-controls{display:none}#mobile-sidebar-controls{position:fixed;width:auto;background:0 0;border:none;padding:0;top:calc(var(--site-header-height) + var(--padding_2x));left:var(--padding)}#mobile-sidebar-controls .btn{background:var(--background-subtle)}#main-content{width:75vw;overflow-x:auto;padding:calc(var(--padding_4x) * 2)var(--padding_4x)var(--padding_4x)}#right-sidebar{width:25%;display:flex;flex-direction:column;align-self:start;position:sticky;top:var(--site-header-height);height:auto;max-height:calc(100vh - var(--site-header-height));flex-shrink:0;overflow-y:auto;overscroll-behavior:contain}#left-sidebar{width:33%;left:-33%}#site-header{position:sticky;top:0;z-index:10;backdrop-filter:var(--blur)}#site-footer{width:75vw}}@media(min-width:1280px){#mobile-sidebar-controls,#left-sidebar .sidebar-controls{display:none}body{display:grid;grid-template-columns:20vw 80vw;grid-template-rows:var(--site-header-height)1fr auto;min-height:100vh;overflow-y:visible}#site-header{grid-column:1/span 2}#site-footer{grid-row:3;grid-column:2}#left-sidebar{grid-column:1;grid-row:2/span 2;width:20vw;display:flex;flex-direction:column;position:sticky;top:var(--site-header-height);overflow-y:auto;align-self:start;max-height:calc(100vh - var(--site-header-height))}main{grid-column:2;grid-row:2;width:80vw;overflow-y:visible;align-items:flex-start}#main-content{width:60vw;padding:var(--padding_4x)}#site-footer{width:60vw}#left-sidebar,#right-sidebar{padding:var(--padding)}}#left-sidebar.open,#right-sidebar.open{display:flex;flex-direction:column;position:fixed;top:0;height:100%;z-index:20;transition:.3s;background:var(--background-off-canvas);box-shadow:var(--box-shadow-off-canvas)}#left-sidebar.open{animation:slide-in-left .3s forwards;border-right:2px solid var(--border)}#right-sidebar.open{animation:slide-in-right .3s forwards;border-left:2px solid var(--border)}body.model-open{overflow:hidden}#off-canvas-model{display:none;content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;background:var(--background-subtle);backdrop-filter:var(--blur)}@keyframes slide-in-left{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-right{from{transform:translateX(0)}to{transform:translateX(-100%)}}#main-content-header{font-family:var(--font-headings);margin-bottom:calc(var(--padding_4x) * 2)}#main-content-heading{font-size:3rem;font-weight:700;letter-spacing:-.05em;margin-bottom:2rem;line-height:1}#main-content-heading span{color:var(--primary)}#main-content-summary{font-size:1.25rem;font-weight:300;color:#f4f4f5;max-width:40rem;line-height:1.625}#main-content-footer{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;width:100%;padding-top:calc(var(--padding_4x) * 2);padding-bottom:var(--padding_4x)}#main-content-footer .btn{font-family:var(--font-headings);font-weight:500;text-transform:uppercase;letter-spacing:.25em}#main-content-footer a.hidden{visibility:hidden}#main-content-footer time{display:flex;align-items:center;gap:var(--padding);color:var(--color-nav)}#main-content-footer time .material-symbols-outlined{color:var(--color-nav)}#main-content-body{overflow-x:auto}#main-content-body p,#main-content-body dl,#main-content-body ol,#main-content-body ul,#main-content-body table,#main-content-body iframe,#main-content-body pre:not(.chroma),#main-content-body .highlight{line-height:1.8em;letter-spacing:-.1px}#main-content-body strong,#main-content-body b,#main-content-body table th{font-weight:600}#main-content-body em{font-style:italic}#main-content-body h1,#main-content-body h2,#main-content-body h3,#main-content-body h4,#main-content-body h5,#main-content-body h6{font-family:var(--font-headings);line-height:1em;font-weight:500;margin:2.6em 0 .1em;color:var(--color)}#main-content-body h1{font-size:1.8rem}#main-content-body h2{font-size:1.5rem}#main-content-body h3{font-size:1.3rem}#main-content-body h4{font-size:1.1rem}#main-content-body h2:first-child{margin-top:.6rem}#main-content-body h2.step::before{font-family:var(--font);content:attr(data-before);font-size:4.5rem;position:relative;display:block;top:-1.2rem;left:calc(var(--padding) * -.6);font-weight:900;color:var(--background-subtle);user-select:none;pointer-events:none;z-index:-1}#main-content-body ul{list-style:disc}#main-content-body ol{list-style:decimal}#main-content-body dl{list-style:square}#main-content-body li>ul{list-style:circle}#main-content-body li>ol{list-style:lower-alpha}#main-content-body li>ul>li>ul{list-style:square}#main-content-body li>ol>li>ol{list-style:lower-roman}#main-content-body blockquote{padding:var(--padding_2x);background:var(--background-subtle);border-radius:var(--radius);backdrop-filter:blur(--blur)}#main-content-body blockquote footer{margin:1rem 0;font-style:italic}#main-content-body blockquote footer cite:before{content:"—";padding:0 .3rem}#main-content-body blockquote footer cite a{color:var(--border)}#main-content-body hr:before{display:block;text-align:center;content:"∙ ∙ ∙";color:var(--color-nav);letter-spacing:.6rem;top:calc(var(--padding)/3.7);margin:2.6rem 0 1rem}#main-content-body table{max-width:100%;border-radius:var(--radius);box-shadow:0 0 0 1px var(--border)}#main-content-body table thead th:first-child{border-top-left-radius:var(--radius)}#main-content-body table thead th:last-child{border-top-right-radius:var(--radius)}#main-content-body table tbody tr:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}#main-content-body table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}#main-content-body table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}#main-content-body table td,#main-content-body table th{padding:calc(var(--padding)/3)var(--padding)}#main-content-body table tr:nth-child(2n){background:var(--background-subtle)}#main-content-body table thead tr{background:var(--background-subtle)}#main-content-body a{color:var(--primary);text-decoration:none}#main-content-body a:hover{text-decoration:underline;background:var(--background-hover)}#main-content-body img,#main-content-body video{max-width:100%;border-radius:var(--radius)}#main-content-body p,#main-content-body table,#main-content-body blockquote,#main-content-body iframe,#main-content-body .highlight,#main-content-body .alert,#main-content-body .tabs{margin-top:1rem}#main-content-body li p{margin-top:0}#main-content-body li blockquote,#main-content-body li iframe,#main-content-body li table,#main-content-body li .highlight,#main-content-body li .alert,#main-content-body li .tabs{margin-bottom:1rem}#main-content-body dl,#main-content-body ol,#main-content-body ul{margin:.6rem 0 0 1.8rem}#main-content-body dl dl,#main-content-body dl ol,#main-content-body dl ul,#main-content-body ol dl,#main-content-body ol ol,#main-content-body ol ul,#main-content-body ul dl,#main-content-body ul ol,#main-content-body ul ul{margin-top:0}#main-content-body li table{width:100%}#main-content-body li blockquote,#main-content-body li .highlight,#main-content-body li .alert,#main-content-body li .tabs{margin:.6rem 1.2rem .6rem 0}#main-content-body li blockquote{padding:var(--padding)}#main-content-body blockquote *:first-child{margin-top:0}#main-content-body code,#main-content-body pre{font-family:var(--font-mono);font-size:.875rem}#main-content-body pre,#main-content-body pre code{display:inline-grid}#main-content-body h1 code,#main-content-body h2 code,#main-content-body h3 code,#main-content-body h4 code,#main-content-body h5 code,#main-content-body h6 code,#main-content-body p code{font-size:.875em}#main-content-body p code,#main-content-body ul code,#main-content-body ol code,#main-content-body dl code,#main-content-body table code{font-size:.875rem}#main-content-body h1 code,#main-content-body h2 code,#main-content-body h3 code,#main-content-body h4 code,#main-content-body h5 code,#main-content-body h6 code,#main-content-body p code,#main-content-body ul code,#main-content-body ol code,#main-content-body dl code,#main-content-body table code{padding:calc(var(--padding)/3.7);background:var(--background-subtle);border-radius:var(--radius);border:1px solid var(--border-subtle)}#main-content-body .chroma code{padding:unset;background:unset;border-radius:unset;border:unset}