@layer layout{:root{--topbar-logo-margin: 0px 0px 0px 20px;--topbar-logo-valign: middle;--topbar-height: 52px;--topbar-logo-size: calc(var(--topbar-height) / 2);--topbar-site-name-font-size: 16px;--topbar-menu-distance: 1rem;--topbar-icon-size: 18px;--topbar-background-color: #1A1D1E;--topbar-text-color: var(--white);--topbar-border-bottom: none;--topbar-logo-size: 20px;--topbar-logo-valign: -5px;--topbar-height: 45px;--topbar-site-name-font-size: 13px;--topbar-site-name-distance: 10px;--topbar-site-name-color: var(--white);--topbar-menu-distance: 10px;--topbar-logo-margin: 1px 0px 0px 13px;--topbar-icon-size: 16px;--topbar-background-color: #04050a;--topbar-menu-item-spacing: 3px;--topbar-menu-item-padding: 2px 2px;--topbar-menu-item-font-size: var(--14px);--topbar-menu-item-color: var(--white-20);--topbar-menu-item-hover-color: var(--white-60);--topbar-menu-item-active-color: var(--white-100);--topbar-menu-item-font-weight: normal;--topbar-menu-item-active-font-weight: bold;--topbar-border-bottom: 1px solid var(--standard-5)}global-search{--global-search-modal-background: var(--ui-background)}topbar{display:block;position:relative;max-width:100%;height:var(--topbar-height);overflow:hidden;background-color:var(--topbar-background-color);color:var(--topbar-text-color);border-bottom:var(--topbar-border-bottom);.content{align-items:center;display:flex;flex-direction:row;height:inherit}.logo{margin:var(--topbar-logo-margin);display:inline-block;text-decoration:none;img{margin-top:-1px;display:inline-block;height:var(--topbar-logo-size);width:var(--topbar-logo-size);vertical-align:var(--topbar-logo-valign)}.name{font-size:var(--topbar-site-name-font-size);margin-left:var(--topbar-site-name-distance);font-weight:700;color:var(--topbar-site-name-color);outline:none}}mobile-menu-toggle{display:none;margin:0}topbar-menu{margin-left:var(--topbar-menu-distance);margin-right:var(--topbar-menu-distance);vertical-align:1px}theme-switcher,mobile-menu-toggle{font-size:var(--topbar-icon-size)}global-search{flex-grow:1;margin-left:auto;margin-right:auto;max-width:350px}theme-switcher{margin-left:auto}&.fluid{.content{width:auto}}&.floating{background-color:transparent;.content{width:1170px;max-width:100%;margin:0 auto}theme-switcher{margin-left:0rem}global-search{margin-right:0;max-width:max-content}}}}@layer layout{:root{--secondary-text-color: #EAB59F;--glow-border-color: oklch(.22 .02 277.72);--glow-border: 1px solid var(--docs-border-color)}body{--rail-width: 300px;--dividing-border: 1px solid rgba(0 0 0 / 10%);--dividing-box-shadow: 1px 0px 0px 0px rgb(34 35 37 / 100%)}html.dark{--dividing-border: 1px solid rgb(34 35 37 / 100%);--dividing-box-shadow: 1px 0px 0px 0px rgb(34 35 37 / 100%)}layout{display:flex;flex-direction:row}layout sidebar{position:relative;left:0;top:auto;padding:0;margin:0;z-index:1;flex:0 0 auto}layout page{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;width:100%}layout main{display:flex;flex-grow:1;flex-direction:column}layout main ui-container{flex-grow:1;position:relative;padding:2em 3em 7em;margin:0rem var(--rail-width) 0rem 0rem;width:auto;max-width:1170px;box-shadow:1px 0 1px #00000014}ui-cards ui-card .image{margin-top:1rem;display:block;max-height:50px}layout rail.ui.rail{width:var(--rail-width);padding:1rem 1.5rem 0rem;margin-left:0rem;box-shadow:var(--subtle-left-lip-shadow)}layout,layout sidebar{height:100dvh}topbar+layout,topbar+layout sidebar{height:calc(100dvh - var(--topbar-height))}page{text-wrap:pretty;.traversal{border-top:var(--border);ui-container{display:flex;gap:2rem}ui-card{text-align:left;&[next]{text-align:right}&::part(card){padding:1rem 3rem;border-radius:10px}flex-grow:0;.label{color:var(--primary-text-color);font-weight:700;font-size:var(--mini);transition:var(--transition);ui-icon{width:auto;margin:0}}.header{color:var(--standard-100);font-size:var(--huge);font-weight:var(--bold);transition:var(--transition)}}[previous]{text-align:center;flex-grow:0;margin-right:auto}[next]{text-align:center;flex-grow:0;margin-left:auto}}&.text-content{main ui-container{max-width:none;padding:2em 3em 7em;margin:0;width:calc(100% - var(--rail-width))}code-playground{display:block;margin:1rem 0rem}.card{display:block;cursor:pointer;margin:var(--vertically-spaced);text-decoration:none;padding:var(--padding);border-radius:var(--border-radius);border:var(--internal-border);transition:var(--transition);&.previous{margin-right:auto}&.next{margin-left:auto}>ui-icon{font-size:var(--massive);float:left;margin-right:1rem}.header{color:var(--primary-text-color);font-size:var(--large);font-weight:var(--bold);transition:var(--transition)}.description{color:var(--standard-60);font-size:var(--medium);transition:var(--transition)}&:not(.disabled){&:hover{.header{color:var(--primary-text-color)}.description{color:var(--standard-90)}}}}@container style(--dark-mode: true){.card{background:linear-gradient(140deg,#090d16,#000,#05070f);box-shadow:0 0 5px #ffffff0f;display:flex;flex-direction:row;&:not(.disabled){&:hover{background-color:oklch(.17 .04 225.68);box-shadow:oklch(.58 .14 233.34 / .25) 0 0 7px 2px;background-image:var(--subtle-gradient)}&:active{background-color:oklch(.13 .03 219.75);box-shadow:oklch(.58 .14 233.34 / .25) 0 0 7px 2px;background-image:var(--subtle-gradient)}}}}pageContent{display:block;max-width:910px;margin:0 auto;li,p{font-size:16px}>ul,>ul li,section>p,>p{line-height:var(--paragraph-line-height)}>ul li{margin-bottom:.5rem}ol{list-style:none;padding:0}ol>li{--bullet-size: 26px;--guide-width: 1px;--bullet-margin: 5px;counter-increment:steps-counter;position:relative;padding-inline-start:calc(var(--bullet-size) + 1rem);padding-bottom:1rem;&&.basic{&&:after{display:none}}&&:last-of-type{padding-bottom:.5rem;&&:after{display:none}}&&:before{content:counter(steps-counter);position:absolute;top:-2px;inset-inline-start:0;width:var(--bullet-size);height:var(--bullet-size);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:12px;font-weight:700;text-align:center;color:var(--standard-100);background:var(--standard-5) var(--angled-gradient);border-radius:var(--circular-radius);box-shadow:var(--floating-shadow);text-shadow:var(--text-shadow)}&&:after{content:"";position:absolute;top:calc(var(--bullet-size) + var(--bullet-margin));bottom:var(--bullet-margin);inset-inline-start:calc((var(--bullet-size) - var(--guide-width)) / 2);width:var(--guide-width);background-color:var(--border-color)}}.expressive-code{margin:var(--vertically-spaced)}p:first-child{margin-top:0rem}p:last-child{margin-bottom:0rem}blockquote{padding:var(--padding);background-image:var(--subtle-gradient);font-style:italic;background-clip:padding-box;display:flex;border-radius:var(--border-radius);margin:var(--vertically-padded);flex-direction:row;border:var(--border);border-left:2px solid var(--primary-text-color);p code{color:var(--standard-100)}p{color:var(--standard-60)!important;line-height:1.8}>ul,>ul li,section>p,>p{line-height:var(--paragraph-line-height)}>ul li{margin-bottom:2px;&:last-child{margin-bottom:0rem}}}table{width:100%;border-collapse:collapse;th{font-weight:700;font-size:12px;color:var(--primary-text-color);text-align:left;padding:3px 11px;text-transform:uppercase}tr{&:first-child{td:first-child{border-top-left-radius:var(--border-radius)}}&:hover{td:first-child{color:var(--primary-text-color)}td:last-child{color:var(--standard-100)}}}td{padding:3px 11px;border-collapse:collapse;font-size:14px;color:var(--standard-80);border:1px solid var(--inverted-100);&:first-child{background-color:var(--standard-5);font-weight:700;color:#696969;white-space:nowrap}&:last-child{border-left:none}}}h2{margin:4rem 0rem 3rem;font-size:28px;letter-spacing:.03rem;padding-top:4rem;border-top:var(--internal-border)}h3{margin:3rem 0rem 1rem}h5{font-size:12px;text-transform:uppercase;color:var(--standard-50)}img{max-width:100%;height:auto}pre code{font-size:16px}ul strong,p strong{color:var(--standard-100)}blockquote p strong{font-style:normal;font-weight:700;color:var(--standard-100)}blockquote p :not(em)>strong:first-of-type{font-size:13px;display:block}h2:first-child,h1+h2{border-top:none;padding-top:0rem}h2:first-child{margin-top:0rem}h1:first-child,h2:first-child,h3:first-child{margin-top:0rem;padding-top:0rem}h1+h2{margin-top:2rem}h2+h3,h3+h4{margin-top:2rem}p:first-child{margin-top:0}}pageContent,li,p{color:var(--standard-90)}}}layout page.centered main>ui-container{max-width:none}layout page.centered masthead ui-container,layout page.centered main>ui-container pageContent{display:block;max-width:750px;margin:0 auto}layout page.centered masthead>ui-container{max-width:840px;left:calc(var(--sidebar-width) / -2)}layout h1,layout h2,layout h3,layout h4,layout h5{transition:all var(--easing) var(--duration);box-shadow:-3px 0 0 transparent}layout h1.highlight,layout h2.highlight,layout h3.highlight,layout h4.highlight,layout h5.highlight{color:var(--warning-text-color)!important;box-shadow:-3px 0 0 var(--warning-text-color);padding-left:.5rem}layout main{background-color:#f5f5f6;ui-container{background-color:#fff}h1:first-child,h2:first-child,h3:first-child{margin-top:0rem}h1{font-size:24px;font-weight:700;margin:3rem 0rem 4rem;letter-spacing:.05em}h3{font-size:20px;font-weight:700;margin:2rem 0rem 1rem;letter-spacing:.05em}}layout masthead+main{h2{border-bottom:var(--internal-border);padding-bottom:8px;font-size:20px}h3{font-size:16px;font-weight:700;color:#000;padding-left:0;padding-bottom:5px}}html.dark{page>masthead{background-color:#000000e6;border-bottom:1px solid rgba(34,35,37,.7);box-shadow:none}page>masthead h1{color:#fff}page>masthead p{color:#fff9}page>masthead>ui-menu{box-shadow:0 2px 2px #22242626}page{background-image:linear-gradient(to bottom,#0d0d0d,#111418 100px,#000)}page>main{background:none}layout main h2,layout main h3{color:#fff}main rail.ui.right.dividing.rail{border-color:#ffffff1a}layout main ui-container{background-color:#000c;box-shadow:1px 0 1px #222325b3}sidebar{box-shadow:1px 0 1px #222325b3}}html.dark{page.text-content li,page.text-content p{color:var(--standard-70)}}}@layer code{.expressive-code{--ec-uiFontSize: 14px;--ec-codeFontSize: 1em;--ec-codePadBlk: .5em;--ec-brdRad: var(--border-radius);--ec-brdWd: 0px;--ec-frm-edBg: linear-gradient(45deg, #17171c, #081116);--ec-frm-edActTabIndTopCol: transparent;--ec-frm-trmTtbBrdBtmCol: transparent;--ec-frm-edTabBarBg: transparent;--ec-frm-edActTabIndBtmCol: transparent;--ec-frm-edActTabBg: #13151a;--code-background: linear-gradient(140deg, oklch(.16 .02 266.69), oklch(0 0 0), oklch(.13 .02 266.79));--ec-frm-edBg: linear-gradient(140deg, oklch(.16 .02 266.69), oklch(0 0 0), oklch(.13 .02 266.79));--ec-frm-trmBg: var(--ec-frm-edBg);--ec-frm-trmTtbBg: #0c0e16;--ec-frm-frameBoxShdCssVal: 0px 0px 5px rgba(0 0 0 / 50% inset);--ec-brdWd: 1px;--ec-brdCol: oklch(.22 .02 277.72);.frame.has-title:not(.is-terminal) .title{background-color:transparent!important}.frame{border:var(--internal-border)}.frame.has-title:not(.is-terminal) .title{font-weight:700}}}