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:#444;--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(--ui-background-emphasis);--ec-frm-trmTtbBg:var(--code-background);--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:var(--standard-5);--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(--padding);--ec-codePadBlk:var(--padding);--ec-uiPadBlk:var(--padding-2xs);--ec-frm-edTabBarBrdCol:var(--border-color);--ec-frm-edTabBarBrdBtmCol:var(--border-color);--ec-frm-edActTabFg:var(--standard-100);--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);border-bottom:var(--border);font-size:13px}.expressive-code .frame.has-title:not(.is-terminal) .title{font-family:var(--page-font);background-color:#0000!important}.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)}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@layer layout{:root{--topbar-logo-margin:1px 0px 0px 13px;--topbar-logo-valign:-5px;--topbar-height:45px;--topbar-logo-size:20px;--topbar-site-name-font-size:13px;--topbar-site-name-distance:10px;--topbar-site-name-color:var(--white);--topbar-menu-distance:10px;--topbar-icon-size:16px;--topbar-background-color:#04050a;--topbar-text-color:var(--white);--topbar-border-bottom:1px solid var(--standard-5);--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}global-search{--global-search-modal-background:var(--ui-background)}topbar{max-width:100%;height:var(--topbar-height);background-color:var(--topbar-background-color);color:var(--topbar-text-color);border-bottom:var(--topbar-border-bottom);display:block;position:relative;overflow:hidden;& .content{height:inherit;flex-direction:row;align-items:center;display:flex}& .logo{margin:var(--topbar-logo-margin);text-decoration:none;display:inline-block;& img{height:var(--topbar-logo-size);width:var(--topbar-logo-size);vertical-align:var(--topbar-logo-valign);margin-top:-1px;display:inline-block}& .name{font-size:var(--topbar-site-name-font-size);margin-left:var(--topbar-site-name-distance);color:var(--topbar-site-name-color);outline:none;font-weight:700}}& mobile-menu-toggle{margin:0;display:none}& 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;max-width:350px;margin-left:auto;margin-right:auto}& theme-switcher{margin-left:auto}&.fluid{& .content{width:auto}}&.floating{background-color:#0000;& .content{margin:0 auto}& theme-switcher{margin-left:0}& global-search{max-width:max-content;margin-right:0}}&:not(.floating){& .content{width:100%}}}: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 #0000001a;--dividing-box-shadow:1px 0px 0px 0px #222325}html.dark{--dividing-border:1px solid #222325;--dividing-box-shadow:1px 0px 0px 0px #222325}layout{flex-direction:row;display:flex}layout sidebar{z-index:1;flex:none;margin:0;padding:0;position:relative;top:auto;left:0}layout page{flex-direction:column;flex:auto;width:100%;display:flex;overflow:auto}layout main{flex-direction:column;flex-grow:1;display:flex}layout main ui-container{margin:0rem var(--rail-width) 0rem 0rem;flex-grow:1;width:auto;max-width:1170px;padding:2em 3em 7em;position:relative;box-shadow:1px 0 1px #00000014}ui-cards ui-card .image{max-height:50px;margin-top:1rem;display:block}layout rail.ui.rail{width:var(--rail-width);box-shadow:var(--subtle-left-lip-shadow);margin-left:0;padding:1rem 1.5rem 0}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{gap:2rem;display:flex}& ui-card{text-align:left;&[next]{text-align:right}&::part(card){border-radius:10px;padding:1rem 3rem}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;width:calc(100% - var(--rail-width));margin:0;padding:2em 3em 7em}& code-playground{margin:1rem 0;display:block}& .card{cursor:pointer;margin:var(--vertically-spaced);padding:var(--padding);border-radius:var(--border-radius);border:var(--internal-border);transition:var(--transition);text-decoration:none;display:block;&.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,oklch(16% .02 266.69),oklch(0% 0 0),oklch(13% .02 266.79));flex-direction:row;display:flex;box-shadow:0 0 5px #ffffff0f;&:not(.disabled){&:hover{background-color:oklch(17% .04 225.68);background-image:var(--subtle-gradient);box-shadow:0 0 7px 2px oklch(58% .14 233.34/.25)}&:active{background-color:oklch(13% .03 219.75);background-image:var(--subtle-gradient);box-shadow:0 0 7px 2px oklch(58% .14 233.34/.25)}}}}& pageContent{max-width:910px;margin:0 auto;display:block;& li,& p{font-size:16px}&>ul,&>ul li,& section>p,&>p{line-height:var(--paragraph-line-height)}&>ul li{margin-bottom:.5rem}& ol{padding:0;list-style:none}& ol>li{--bullet-size:26px;--guide-width:1px;--bullet-margin:5px;counter-increment:steps-counter;padding-inline-start:calc(var(--bullet-size) + 1rem);padding-bottom:1rem;position:relative;&&.basic{&&:after{display:none}}&&:last-of-type{padding-bottom:.5rem;&&:after{display:none}}&&:before{content:counter(steps-counter);top:-2px;width:var(--bullet-size);height:var(--bullet-size);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);flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-start:0}&&:after{content:"";top:calc(var(--bullet-size) + var(--bullet-margin));bottom:var(--bullet-margin);width:var(--guide-width);background-color:var(--border-color);position:absolute;inset-inline-start:calc((var(--bullet-size) - var(--guide-width)) / 2)}}& .expressive-code{margin:var(--vertically-spaced)}& p:last-child{margin-bottom:0}& blockquote{padding:var(--padding);background-image:var(--subtle-gradient);border-radius:var(--border-radius);margin:var(--vertically-padded);border:var(--border);border-left:2px solid var(--primary-text-color);background-clip:padding-box;flex-direction:row;font-style:italic;display:flex;& p code{color:var(--standard-100)}& p{line-height:1.8;color:var(--standard-60)!important}&>ul,&>ul li,& section>p,&>p{line-height:var(--paragraph-line-height)}&>ul li{margin-bottom:2px;&:last-child{margin-bottom:0}}}& table{border-collapse:collapse;width:100%;& th{color:var(--primary-text-color);text-align:left;text-transform:uppercase;padding:3px 11px;font-size:12px;font-weight:700}& 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{border-collapse:collapse;color:var(--standard-80);border:1px solid var(--inverted-100);padding:3px 11px;font-size:14px;&:first-child{background-color:var(--standard-5);color:#696969;white-space:nowrap;font-weight:700}&:last-child{border-left:none}}}& h2{letter-spacing:.03rem;border-top:var(--internal-border);margin:4rem 0 3rem;padding-top:4rem;font-size:28px}& h3{margin:3rem 0 1rem}& h5{text-transform:uppercase;color:var(--standard-50);font-size:12px}& img{max-width:100%;height:auto}& pre code{font-size:16px}& strong,& ul strong,& p strong{color:var(--standard-100)}& blockquote p strong{color:var(--standard-100);font-style:normal;font-weight:700}& blockquote p :not(em)>strong:first-of-type{font-size:13px;display:block}& h2:first-child,& h1+h2{border-top:none;padding-top:0}& h2:first-child{margin-top:0}& h1:first-child,& h2:first-child,& h3:first-child{margin-top:0;padding-top:0}& h1+h2,& 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{max-width:750px;margin:0 auto;display:block}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{text-wrap:balance;transition:all var(--easing) var(--duration);box-shadow:-3px 0 #0000}layout h1.highlight,layout h2.highlight,layout h3.highlight,layout h4.highlight,layout h5.highlight{box-shadow:-3px 0px 0px var(--warning-text-color);padding-left:.5rem;color:var(--warning-text-color)!important}layout main{background-color:#f5f5f6;& ui-container{background-color:#fff}& h1:first-child,& h2:first-child,& h3:first-child{margin-top:0}& h1{letter-spacing:.05em;margin:3rem 0 4rem;font-size:24px;font-weight:700}& h3{letter-spacing:.05em;margin:2rem 0 1rem;font-size:20px;font-weight:700}}layout masthead+main{& h2{border-bottom:var(--internal-border);padding-bottom:8px;font-size:20px}& h3{color:#000;padding-bottom:5px;padding-left:0;font-size:16px;font-weight:700}}html.dark{& page>masthead{box-shadow:none;background-color:#000000e6;border-bottom:1px solid #222325b3}& 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(oklch(16% 0 0),oklch(19% .01 258.64) 100px,oklch(0% 0 0))}& page>main{background:0 0}& 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:#fff;--topbar-background-color:#000;--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:#333;--playground-header-background:#fcfcff linear-gradient(#00000005, #0000000f);--playground-header-border:var(--internal-border);--playground-header-color:#fffc;--playground-header-box-shadow:0px -2px 4px -3px #0000001a inset;--playground-code-comment-color:#aaa;--learn-panel-background:linear-gradient(#e5e5e5, #fdfdfd 100px, oklch(92% .01 0))}& ::part(panel){--panel-label-background:linear-gradient(#ffffff0a, #ececec80);--panel-label-color:var(--black-70);--panel-label-box-shadow:0px -2px 5px -3px #0000004d inset;--panel-label-active-color:var(--black-90);--panel-label-active-background:#00000008;--panel-label-minimized-background:linear-gradient(#00000005, #0f11164d);--panel-label-minimized-color:#0000001a}}