*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;line-height:1.45}body{background:#212122;font-size:18px}#app{margin:auto;max-width:50rem;padding:2rem 2rem 10rem}h1,h2,h3{color:#ddd;cursor:pointer;position:relative}h1:first-child{margin-top:0}h1:hover,h2:hover,h3:hover{text-decoration:underline}h1:before,h2:before,h3:before{content:"# ";color:#666;font-weight:300;position:absolute;right:calc(100% + .5rem);top:0}h1{margin:1.25rem 0 1rem}h2{margin:1rem 0 .8rem}p{color:#d5d5d5;margin:.8rem 0}strong{color:#ddd}pre{margin:1.25rem 0!important}pre *{font-family:monospace!important;font-size:15px!important}.language-javascript,.language-typescript{background:#111!important}.example{background:#111;border-radius:.25rem;display:flex;align-items:center;justify-content:center;margin:1.25rem 0;padding:1rem}nav{display:flex;gap:1.5rem;margin:auto;max-width:50rem;padding:2rem 2rem 0}nav a{color:#ddd}:root,:host{--white: #ffffff;--black: #000000;--ixcgray-100: #dde0e1;--ixcgray-200: #dde0e1;--ixcgray-300: #bdc4c7;--ixcgray-400: #a1aaae;--ixcgray-500: #7c8a90;--ixcgray-600: #5f6c71;--ixcgray-700: #45545a;--ixcgray-800: #263237;--ixcgray-900: #101619;--ixcblue-100: #cafdff;--ixcblue-200: #bfe8f9;--ixcblue-300: #8fd6f4;--ixcblue-400: #60c3ee;--ixcblue-500: #009fe3;--ixcblue-600: #0082ba;--ixcblue-700: #006590;--ixcblue-800: #004867;--ixcblue-900: #002b3d;--gray-50: #fcfcfc;--gray-75: #fafafa;--gray-100: #f5f5f5;--gray-200: #ebebeb;--gray-300: #dedede;--gray-400: #c9c9c9;--gray-500: #a3a3a3;--gray-600: #7d7d7d;--gray-700: #666666;--gray-800: #3d3d3d;--gray-900: #1f1f1f;--red-100: #ffebe7;--red-200: #ffddd6;--red-300: #ffcdc3;--red-400: #ffb7a9;--red-500: #ff9b88;--red-600: #ff7c65;--red-700: #f75c46;--red-800: #ea3829;--red-900: #d31510;--red-1000: #b40000;--red-1100: #930000;--red-1200: #740000;--red-1300: #590000;--red-1400: #430000;--orange-100: #ffeccc;--orange-200: #ffdfad;--orange-300: #fdd291;--orange-400: #ffbb63;--orange-500: #ffa037;--orange-600: #f68511;--orange-700: #e46f00;--orange-800: #cb5d00;--orange-900: #b14c00;--orange-1000: #953d00;--orange-1100: #7a2f00;--orange-1200: #612300;--orange-1300: #491901;--orange-1400: #351201;--yellow-100: #fbf198;--yellow-200: #f8e750;--yellow-300: #f8d904;--yellow-400: #e8c600;--yellow-500: #d7b300;--yellow-600: #c49f00;--yellow-700: #b08c00;--yellow-800: #9b7800;--yellow-900: #856600;--yellow-1000: #705300;--yellow-1100: #5b4300;--yellow-1200: #483300;--yellow-1300: #362500;--yellow-1400: #281a00;--forest-100: #dbfc6e;--forest-200: #cbf443;--forest-300: #bce92a;--forest-400: #aad816;--forest-500: #98c50a;--forest-600: #87b103;--forest-700: #769c00;--forest-800: #678800;--forest-900: #577400;--forest-1000: #486000;--forest-1100: #3a4d00;--forest-1200: #2c3b00;--forest-1300: #212c00;--forest-1400: #181f00;--celery-100: #cdfcbf;--celery-200: #aef69d;--celery-300: #96ee85;--celery-400: #72e06a;--celery-500: #4ecf50;--celery-600: #27bb36;--celery-700: #07a721;--celery-800: #009112;--celery-900: #007c0f;--celery-1000: #00670f;--celery-1100: #00530d;--celery-1200: #00400a;--celery-1300: #003007;--celery-1400: #002205;--green-100: #cef8e0;--green-200: #adf4ce;--green-300: #89ecbc;--green-400: #67dea8;--green-500: #49cc93;--green-600: #2fb880;--green-700: #15a46e;--green-800: #008f5d;--green-900: #007a4d;--green-1000: #00653e;--green-1100: #005132;--green-1200: #053f27;--green-1300: #0a2e1d;--green-1400: #0a2015;--seafoam-100: #cef7f3;--seafoam-200: #aaf1ea;--seafoam-300: #8ce9e2;--seafoam-400: #65dad2;--seafoam-500: #3fc9c1;--seafoam-600: #0fb5ae;--seafoam-700: #00a19a;--seafoam-800: #008c87;--seafoam-900: #007772;--seafoam-1000: #00635f;--seafoam-1100: #0c4f4c;--seafoam-1200: #123c3a;--seafoam-1300: #122c2b;--seafoam-1400: #0f1f1e;--cyan-100: #c5f8ff;--cyan-200: #a4f0ff;--cyan-300: #88e7fa;--cyan-400: #60d8f3;--cyan-500: #33c5e8;--cyan-600: #12b0da;--cyan-700: #019cc8;--cyan-800: #0086b4;--cyan-900: #00719f;--cyan-1000: #005d89;--cyan-1100: #004a73;--cyan-1200: #00395d;--cyan-1300: #002a46;--cyan-1400: #001e33;--blue-100: #e0f2ff;--blue-200: #cae8ff;--blue-300: #b5deff;--blue-400: #96cefd;--blue-500: #78bbfa;--blue-600: #59a7f6;--blue-700: #3892f3;--blue-800: #147af3;--blue-900: #0265dc;--blue-1000: #0054b6;--blue-1100: #004491;--blue-1200: #003571;--blue-1300: #002754;--blue-1400: #001c3c;--indigo-100: #edeeff;--indigo-200: #e0e2ff;--indigo-300: #d3d5ff;--indigo-400: #c1c4ff;--indigo-500: #acafff;--indigo-600: #9599ff;--indigo-700: #7e84fc;--indigo-800: #686df4;--indigo-900: #5258e4;--indigo-1000: #4046ca;--indigo-1100: #3236a8;--indigo-1200: #262986;--indigo-1300: #1b1e64;--indigo-1400: #141648;--purple-100: #f6ebff;--purple-200: #eeddff;--purple-300: #e6d0ff;--purple-400: #dbbbfe;--purple-500: #cca4fd;--purple-600: #bd8bfc;--purple-700: #ae72f9;--purple-800: #9d57f4;--purple-900: #893de7;--purple-1000: #7326d3;--purple-1100: #5d13b7;--purple-1200: #470c94;--purple-1300: #33106a;--purple-1400: #230f49;--fuchsia-100: #ffe9fc;--fuchsia-200: #ffdafa;--fuchsia-300: #fec7f8;--fuchsia-400: #fbaef6;--fuchsia-500: #f592f3;--fuchsia-600: #ed74ed;--fuchsia-700: #e055e2;--fuchsia-800: #cd3ace;--fuchsia-900: #b622b7;--fuchsia-1000: #9d039e;--fuchsia-1100: #800081;--fuchsia-1200: #640664;--fuchsia-1300: #470e46;--fuchsia-1400: #320d31;--magenta-100: #ffeaf1;--magenta-200: #ffdce8;--magenta-300: #ffcadd;--magenta-400: #ffb2ce;--magenta-500: #ff95bd;--magenta-600: #fa77aa;--magenta-700: #ef5a98;--magenta-800: #de3d82;--magenta-900: #c82269;--magenta-1000: #ad0955;--magenta-1100: #8e0045;--magenta-1200: #700037;--magenta-1300: #54032a;--magenta-1400: #3c061d}:root,:host{--vgogh-theme-color-primary: var(--ixcgray-700);--vgogh-theme-color-primary-disabled: var(--ixcgray-600);--vgogh-theme-color-primary-hover: var(--ixcgray-600);--vgogh-theme-color-primary-focused: var(--ixcgray-800);--vgogh-theme-color-on-primary: var(--white);--vgogh-theme-color-on-primary-disabled: var(--ixcgray-400);--vgogh-theme-color-secondary: var(--ixcblue-600);--vgogh-theme-color-secondary-disabled: var(--ixcgray-600);--vgogh-theme-color-secondary-hover: var(--ixcblue-700);--vgogh-theme-color-secondary-focused: var(--ixcblue-800);--vgogh-theme-color-on-secondary: var(--white);--vgogh-theme-color-on-secondary-disabled: var(--ixcgray-400);--vgogh-theme-color-surface-00: var(--white);--vgogh-theme-color-surface-10: var(--gray-75);--vgogh-theme-color-surface-20: var(--gray-100);--vgogh-theme-color-surface-30: var(--gray-200);--vgogh-theme-color-on-surface-00: var(--black);--vgogh-theme-color-on-surface-10: var(--gray-900);--vgogh-theme-color-on-surface-20: var(--gray-600);--vgogh-theme-color-on-surface-30: var(--gray-500);--vgogh-theme-color-on-surface-40: var(--gray-400);--vgogh-theme-color-on-surface-50: var(--gray-300);--vgogh-theme-color-surface-ixc: var(--ixcgray-500);--vgogh-theme-color-on-surface-ixc: var(--white);--vgogh-theme-color-highlighted: var(--blue-700);--vgogh-theme-color-selected: var(--vgogh-theme-color-primary);--vgogh-theme-color-on-selected: var(--vgogh-theme-color-on-primary);--vgogh-theme-color-unselected: var(--gray-400);--vgogh-theme-color-unselected-hover: var(--gray-300);--vgogh-theme-color-on-unselected: var(--gray-900);--vgogh-theme-color-disabled: var(--gray-200);--vgogh-theme-color-on-disabled: var(--gray-700);--vgogh-theme-color-readonly: var(--gray-200);--vgogh-theme-color-on-readonly: var(--gray-700);--vgogh-theme-color-info: var(--blue-900);--vgogh-theme-color-on-info: var(--white);--vgogh-theme-color-success: var(--green-900);--vgogh-theme-color-on-success: var(--white);--vgogh-theme-color-warning: var(--yellow-300);--vgogh-theme-color-on-warning: var(--black);--vgogh-theme-color-error: var(--red-900);--vgogh-theme-color-on-error: var(--white);--vgogh-theme-color-danger: var(--red-900);--vgogh-theme-color-danger-hover: var(--red-1000);--vgogh-theme-color-danger-pressed: var(--red-1100);--vgogh-theme-color-on-danger: var(--white);--vgogh-theme-scale-smallest: .75;--vgogh-theme-scale-small: .875;--vgogh-theme-scale-medium: 1;--vgogh-theme-scale-large: 1.25;--vgogh-theme-scale-largest: 1.5;--un: 1rem;--scale: var(--vgogh-theme-scale-medium);--vgogh-theme-font-family-primary: "Open Sans", sans-serif;--vgogh-theme-font-family-secondary: "Raleway", sans-serif;--vgogh-theme-font-size-smallest: calc(.75 * var(--un));--vgogh-theme-font-size-small: calc(.75 * var(--un));--vgogh-theme-font-size-medium: var(--un);--vgogh-theme-font-size-large: calc(1.25 * var(--un));--vgogh-theme-font-size-largest: calc(1.5 * var(--un));--vgogh-theme-font-weight-light: 300;--vgogh-theme-font-weight-regular: 400;--vgogh-theme-font-weight-bold: 650;--vgogh-theme-spacing-smallest: calc(.25 * var(--un));--vgogh-theme-spacing-small: calc(.5 * var(--un));--vgogh-theme-spacing-medium: var(--un);--vgogh-theme-spacing-large: calc(1.5 * var(--un));--vgogh-theme-spacing-largest: calc(2 * var(--un));--vgogh-theme-border-radius-small: calc(.25 * var(--un));--vgogh-theme-border-radius-medium: calc(.5 * var(--un));--vgogh-theme-border-radius-large: var(--un);--vgogh-theme-border-width-thin: 1px;--vgogh-theme-border-width-medium: 2px;--vgogh-theme-border-width-thick: 4px;--vgogh-theme-max-width-smallest: calc(5.25 * var(--un));--vgogh-theme-max-width-small: calc(12 * var(--un));--vgogh-theme-max-width-medium: calc(14 * var(--un));--vgogh-theme-max-width-large: calc(21.75 * var(--un));--vgogh-theme-max-width-largest: calc(29 * var(--un));--vgogh-theme-height-small: calc(1.5 * var(--un));--vgogh-theme-height-medium: calc(2.125 * var(--un));--vgogh-theme-height-large: calc(3 * var(--un));--vgogh-theme-box-shadow-small: 0 calc(.0625 * var(--un)) calc(.25 * var(--un)) 0 rgba(0, 0, 0, .2);--vgogh-theme-box-shadow-medium: 0 calc(.125 * var(--un)) calc(.5 * var(--un)) 0 rgba(0, 0, 0, .2);--vgogh-theme-box-shadow-large: 0 calc(.25 * var(--un)) var(--un) 0 rgba(0, 0, 0, .2);--vgogh-theme-transition-duration-fast: .1s;--vgogh-theme-transition-duration-medium: .2s;--vgogh-theme-transition-duration-slow: .3s;--vgogh-theme-transition-timing-function: ease-in-out;--vgogh-theme-line-height-small: 1.1;--vgogh-theme-line-height-medium: 1.25;--vgogh-theme-line-height-large: 1.5;--vgogh-theme-line-height-largest: 1.75;--vgogh-theme-glow-primary: 0 0 .175rem var(--vgogh-theme-color-primary);--vgogh-theme-glow-on-primary: 0 0 .175rem var(--vgogh-theme-color-on-primary)}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}