@view-transition{navigation:auto}:root{--site-width:740px;--content-padding:16px;--section-padding:72px;--border-radius:3px;--phone-breakpoint-max:425px;--tablet-breakpoint-min:768px;--desktop-breakpoint-min:945px;--md-blue-grey-50:#eceff1;--md-blue-grey-100:#cfd8dc;--md-blue-grey-300:#90a4ae;--md-blue-grey-400:#78909c;--md-blue-grey-500:#607d8b;--md-blue-grey-600:#546e7a;--md-blue-grey-700:#455a64;--md-blue-grey-800:#37474f;--md-blue-grey-900:#263238;--md-blue-primary:#2196f3;--md-blue-light:#6ec6ff;--md-blue-dark:#0069c0;--md-blue-900:#0d47a1;--md-grey-primary:#757575;--md-grey-light:#6d6d6d;--md-grey-dark:#494949;--text-primary:var(--md-grey-dark);--text-secondary:var(--md-grey-light);--text-inverse:#fff;--link-color:var(--md-blue-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-display:swap;margin:0;font-family:Google Sans,Arial,Helvetica,sans-serif;line-height:1.6}h1,h2,h3,h4{margin:0 0 var(--content-padding)0;font-weight:300}h1{font-size:32px}h2{margin:calc(var(--content-padding)*2)0 var(--content-padding)0}a{color:inherit}p{margin-top:0}figure{text-align:center;margin:var(--content-padding)0}figcaption{font-style:italic}blockquote{padding:var(--content-padding);color:var(--md-blue-dark);border-left:5px solid var(--md-blue-dark);font-size:150%}blockquote p{margin:0}section{padding:var(--section-padding)0}summary{font-size:18px}hr{height:0;margin:calc(var(--content-padding)*2)0;border:0;overflow:visible}hr:before{content:"...";letter-spacing:.6em;text-align:center;justify-content:center;align-items:center;font-size:32px;display:flex;position:relative;top:-34px}table{border-collapse:collapse}thead{background-color:var(--md-blue-grey-50)}th,td{padding:var(--content-padding);border:1px solid var(--md-blue-grey-50)}code,pre{font-size:16px}pre{padding:var(--content-padding);border-radius:var(--border-radius);-webkit-font-smoothing:initial;background-color:#f6f8fa;overflow-x:auto}.hidden,[hidden]{display:none!important}.pull-left{float:left;margin-right:calc(var(--content-padding)*2)}.pull-right{float:right;margin:var(--content-padding)0 var(--content-padding)calc(var(--content-padding)*2)}.main-content a{color:var(--link-color)}.main-content a:hover{text-decoration:underline}.main-content img{max-width:100%}.content-width{max-width:var(--site-width);width:calc(100% - 32px);margin:0 auto}.navbar,footer{color:var(--text-inverse);padding:var(--content-padding);-webkit-backdrop-filter:blur(8px)saturate();backdrop-filter:blur(8px)saturate();background-color:rgb(from var(--md-blue-dark)r g b/70%)}.navbar{position:-webkit-sticky;position:sticky;top:0}.navbar a{text-decoration:none}.navbar a:hover{color:#bbdefb}.navbar .nav-icon{margin-left:var(--content-padding);width:20px;height:20px}.navbar .navbar-title{margin:0}.navbar nav{text-transform:uppercase}.navbar nav a{padding:var(--content-padding);display:inline-flex}.icon{stroke-width:2px;width:20px;height:20px}.medium-icon{margin-right:calc(var(--content-padding)/2)}.menu-icon{margin-right:var(--content-padding);fill:currentColor;cursor:pointer;display:inline-block}.shadow{box-shadow:0 2px 2px #00000024,0 -1px 5px #0000001f,0 3px 1px -2px #0003}.fab-wrapper{position:absolute;top:0}.fab{--fab-size:56px;height:var(--fab-size);width:var(--fab-size);top:calc(var(--fab-size)/2*-1);cursor:pointer;background:#fff url(/public/img/icons/chevron-dark.svg) 50%/32px no-repeat;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s ease-in-out;display:flex;position:absolute;right:0}.fab:hover{box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0006}.toc{--circle-size:40px;padding:var(--content-padding);left:calc(50% - calc(var(--site-width)/2) - 80px);height:var(--circle-size);width:var(--circle-size);clip-path:circle(calc(var(--circle-size)*2)at 0 0);will-change:clip-path,height,width;background:#fff;border-radius:50%;font-size:14px;transition:clip-path .3s ease-in-out;display:none;position:fixed;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.toc:before{content:"";background:url(/public/img/icons/list.svg) 50% no-repeat;background-size:calc(var(--circle-size) - 15px);width:100%;height:100%;font-weight:600;position:absolute;top:0;left:0}.toc:hover{border-radius:var(--border-radius);clip-path:circle(1000px at 0 0);width:300px;height:auto}.toc:hover:before{visibility:hidden}.toc:hover>ul{visibility:visible}.toc>ul{visibility:hidden;margin:0;padding:0}.toc li{text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}.toc>ul ul{padding-left:var(--content-padding)}.toc ul{list-style:none}footer{position:relative}.secondary-text{color:var(--text-secondary)}.screenshot{border:1px solid var(--md-blue-dark)}@media (max-width:767px){:root{--section-padding:40px}.navbar>div{width:100%}.navbar nav a{padding:0;padding-left:var(--content-padding)}}@media (min-width:768px){.menu-icon{display:none}}@media (min-width:920px){.toc{display:block}}@media (prefers-color-scheme:dark){:root{--background-color:#001837;--text-primary:var(--md-blue-grey-50);--text-secondary:var(--md-blue-grey-100);--link-color:var(--md-blue-light)}body{background-color:var(--background-color)}pre{background-color:#000}.cutoff:before{display:none}}.layout{display:flex}.layout.horizontal.center{justify-content:center}.layout.horizontal.center-center{justify-content:center;align-items:center}.layout.horizontal.justified{justify-content:space-between}.layout.horizontal.around{justify-content:space-around}.layout.horizontal.vcenter{align-items:center}.layout.vertical{flex-direction:column}.gap{gap:8px}.flex{flex:1}.layout.horizontal.end{justify-content:flex-end}.wrap{flex-wrap:wrap}.side-by-side{justify-content:space-between}.side-by-side>*{width:calc(50% - 32px)}.navbar{z-index:1000}.progress-container{z-index:1001}.toc{z-index:2}pre[class*=language-],code[class*=language-]{color:#d4d4d4;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.5}pre[class*=language-]::selection{text-shadow:none;background:#264f78}code[class*=language-]::selection{text-shadow:none;background:#264f78}pre[class*=language-] ::selection{text-shadow:none;background:#264f78}code[class*=language-] ::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#1e1e1e;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#1e1e1e;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight.line-highlight{z-index:0;background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c}