html{--code-font-size: 14px;--code-purple: #6F42C1;--code-grey: #24292E;--code-default: #54595E;--code-blue: #005CC5;--code-orange: #E3660F;--code-gold: #FFC107;--code-red: #D73A49;--code-white: #a1a1a1;--code-background: #F6F6F7;--code-comment-color: #6A737D;--code-linenumber-color: #6A737D}html.dark{--code-purple: #D2A8FF;--code-grey: #656565;--code-default: #C9D1D9;--code-orange: #FFAB70;--code-blue: var(--primary-text-color);--code-red: #F97583;--code-gold: #FFC107;--code-white: var(--standard-60);--code-background: #080C10;--code-comment-color: #444444;--code-linenumber-color: #25272B}html{--arrow-color: var(--code-grey);--arrow-color-hover: var(--code-default);--brace-color: transparent;--bracket-color: var(--code-grey);--null-color: var(--code-grey);--comma-color: var(--code-grey);--ellipsus-color: var(--code-grey);--key-color: var(--code-grey);--key-name-color: var(--code-purple);--ellipsis-color: var(--code-grey);--ellipsis-color-hover: var(--code-blue);--string-color: var(--code-blue);--number-color: var(--code-purple);--boolean-color: var(--code-grey);--summary-color: var(--code-grey)}:root .expressive-code.expressive-code.expressive-code:not(:root){--ec-frm-edBg: var(--code-background);--ec-frm-trmTtbBg: var(--code-background);--ec-frm-edBg: var(--ui-background-emphasis);--ec-tm-markBg: var(--standard-5);--ec-tm-markBrdCol: var(--code-blue);--tmInlineBgCol: var(--subtle-gradient);--tmInlineBrdCol: var(--internal-border-color);--ec-uiFontSize: 14px;--ec-codeFontSize: 14px;--ec-brdRad: var(--border-radius);--ec-brdWd: 1px;--ec-brdCol: var(--border-color);--ec-frm-edActTabIndTopCol: transparent;--ec-frm-trmTtbBrdBtmCol: transparent;--ec-frm-edTabBarBg: transparent;--ec-frm-edActTabIndBtmCol: transparent;--ec-frm-edActTabBg: var(--code-background);--ec-frm-trmBg: var(--ec-frm-edBg);--ec-frm-frameBoxShdCssVal: 0px 0px 5px rgba(0 0 0 / 50% inset);--ec-codePadInl: var(--spacing);--ec-codePadBlk: var(--spacing);--ec-uiPadBlk: var(--spacing-2xs);--ec-frm-edTabBarBrdCol: var(--border-color);--ec-frm-edTabBarBrdBtmCol: var(--border-color);--ec-frm-edActTabFg: var(--standard-100);--ec-frm-edTabBarBg: var(--standard-5);--ec-frm-tooltipSuccessBg: var(--slate);--ec-frm-tooltipSuccessFg: var(--white);--ec-frm-copyIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.75'%3E%3Cpath%20d%3D'M3%2019a2%202%200%200%201-1-2V2a2%202%200%200%201%201-1h13a2%202%200%200%201%202%201'%2F%3E%3Crect%20x%3D'6'%20y%3D'5'%20width%3D'16'%20height%3D'18'%20rx%3D'1.5'%20ry%3D'1.5'%2F%3E%3C%2Fsvg%3E");--ec-frm-trmIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2016'%20preserveAspectRatio%3D'xMidYMid%20meet'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'8'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'8'%20r%3D'8'%2F%3E%3C%2Fsvg%3E")}.expressive-code .frame{border:var(--internal-border)}.expressive-code .frame.has-title:not(.is-terminal) .header.header{background-image:var(--subtle-gradient);font-size:13px;border-bottom:var(--border)}.expressive-code .frame.has-title:not(.is-terminal) .title{background-color:transparent!important;font-family:var(--page-font)}.expressive-code .ec-line.ec-line mark{--tmInlineBrdCol: var(--internal-border-color)}.expressive-code .ec-line.ec-line mark:before{border-radius:var(--border-radius)}@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}strong,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)}}}html.light{--playground-page-background: #FFFFFF;--topbar-background-color: #000000;--button-transparent-inverted-background-color: var(--black-80);--button-transparent-inverted-hover-background-color: var(--black-90);--button-transparent-inverted-pressed-background-color: var(--black-80);--ec-frm-edActTabFg: var(--black-80);figcaption .header{background-color:var(--angled-gradient)}learn-example,::part(playground){--playground-code-background: #F7F7F7;--playground-border: var(--border);--playground-button-background-color: #333333;--playground-header-background: #FCFCFF linear-gradient(rgb(0 0 0 / 2%), rgb(0 0 0 / 6%));--playground-header-border: 1px solid rgba(221, 221, 221, .05);--playground-header-color: rgba(255, 255, 255, .8);--playground-header-border: var(--internal-border);--playground-header-box-shadow: 0px -2px 4px -3px rgba(0, 0, 0, .1) inset;--playground-code-comment-color: #AAAAAA;--learn-panel-background: linear-gradient(rgb(229 229 229), rgb(253 253 253) 100px, oklch(.92 .01 0))}::part(panel){--panel-label-background: linear-gradient(rgba(255, 255, 255, .04), rgb(236 236 236 / 50%));--panel-label-color: var(--black-70);--panel-label-box-shadow: 0px -2px 5px -3px rgba(0, 0, 0, .3) inset;--panel-label-active-color: var(--black-90);--panel-label-active-background: rgb(0 0 0 / 3%);--panel-label-minimized-background: linear-gradient(rgba(0, 0, 0, .02), rgb(15 17 22 / 30%));--panel-label-minimized-color: rgba(0, 0, 0, .1)}}