pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.vvd-root{background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);color-scheme:var(--vvd-color-scheme)}.vvd-scrollbar{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.vvd-scrollbar{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.vvd-scrollbar ::-webkit-scrollbar{width:4px}.vvd-scrollbar ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.vvd-scrollbar ::-webkit-scrollbar-thumb{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.vvd-neutral-tint-elevation{--_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);--_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);--_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);--_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);--_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);--_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);--_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);--_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);--_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);--_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);--_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);--_vvd-tinted-shadow-surface-12dp: var( --vvd-neutral-tint-shadow-surface-12dp );--_vvd-tinted-shadow-surface-16dp: var( --vvd-neutral-tint-shadow-surface-16dp );--_vvd-tinted-shadow-surface-24dp: var( --vvd-neutral-tint-shadow-surface-24dp )}.vvd-neutral-tint-elevation>*{--_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);--_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);--_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);--_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);--_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);--_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);--_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);--_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);--_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);--_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);--_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);--_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);--_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);--_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp)}.vvd-root:root{--vvd-size-font-scale-base: 1rem;font-size:unset}.vvd-root:root>body{font:var(--vvd-typography-base);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.vvd-root:not(:root){font:var(--vvd-typography-base);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.vvd-root p,.vvd-root .font-base{font:var(--vvd-typography-base);margin-block:16px}.vvd-root p.tight,.vvd-root .font-base.tight{margin-block:0}.vvd-root .font-base-bold{font:var(--vvd-typography-base-bold)}.vvd-root .font-base-condensed{font:var(--vvd-typography-base-condensed)}.vvd-root .font-base-condensed-bold{font:var(--vvd-typography-base-condensed-bold)}.vvd-root .font-base-extended{font:var(--vvd-typography-base-extended)}.vvd-root .font-base-extended-bold{font:var(--vvd-typography-base-extended-bold)}.vvd-root .font-base-code{font:var(--vvd-typography-base-code)}.vvd-root b,.vvd-root strong{font-weight:600}.vvd-root pre,.vvd-root var,.vvd-root code,.vvd-root kbd,.vvd-root samp{font:var(--vvd-typography-base-code)}.vvd-root .headline{font:var(--vvd-typography-headline);margin-block:40px}.vvd-root .subtitle{font:var(--vvd-typography-subtitle);margin-block:40px}.vvd-root h1,.vvd-root .heading1{font:var(--vvd-typography-heading-1);margin-block:32px}.vvd-root h2,.vvd-root .heading2{font:var(--vvd-typography-heading-2);margin-block:32px}.vvd-root h3,.vvd-root .heading3{font:var(--vvd-typography-heading-3);margin-block:24px}.vvd-root h4,.vvd-root .heading4{font:var(--vvd-typography-heading-4);margin-block:24px}.vvd-root .headline b,.vvd-root .headline strong,.vvd-root .subtitle b,.vvd-root .subtitle strong,.vvd-root h1 b,.vvd-root h1 strong,.vvd-root .heading1 b,.vvd-root .heading1 strong,.vvd-root h2 b,.vvd-root h2 strong,.vvd-root .heading2 b,.vvd-root .heading2 strong,.vvd-root h3 b,.vvd-root h3 strong,.vvd-root .heading3 b,.vvd-root .heading3 strong,.vvd-root h4 b,.vvd-root h4 strong,.vvd-root .heading4 b,.vvd-root .heading4 strong{font-weight:500}.vvd-root .headline.tight,.vvd-root .subtitle.tight,.vvd-root h1.tight,.vvd-root .heading1.tight,.vvd-root h2.tight,.vvd-root .heading2.tight,.vvd-root h3.tight,.vvd-root .heading3.tight,.vvd-root h4.tight,.vvd-root .heading4.tight{margin-block:0}.vvd-root small,.vvd-root figcaption{font:var(--vvd-typography-base-condensed)}.vvd-root sub,.vvd-root sup{position:relative;font:var(--vvd-typography-base-condensed);font-size:75%;line-height:0;vertical-align:baseline}.vvd-root sub{bottom:-.25em}.vvd-root sup{top:-.5em}h1,h2,h3,h4,h5,h6,p{margin:unset}strong{font-weight:unset}body{margin:0}.welcome__image{margin-block-end:8px;max-inline-size:650px}.welcome__buttons{display:flex;flex-wrap:wrap;gap:8px}@media (width >= 1200px){.welcome{display:flex;flex-direction:row-reverse;gap:32px;margin-block:16px}}.footer{display:flex;flex-direction:column;gap:16px;padding-block:32px}.footer a{display:inline-flex;align-items:center;align-self:flex-start;gap:8px}.components-header{position:sticky;z-index:10;top:var(--offset-top, 64px);width:100%;margin:32px -1px 24px;background:var(--vvd-color-canvas);padding-inline:1px}.components-header nav{border-bottom:1px solid var(--vvd-color-neutral-200);background:var(--vvd-color-canvas)}.components-header nav ul,.components-header nav li{all:unset}.components-header nav ul{display:flex;flex-wrap:wrap;margin-bottom:-1px}.components-header nav a{position:relative;display:inline-block;padding:12px;border-radius:8px;margin-bottom:2px;color:var(--primary-color);font:var(--vvd-typography-base-bold);text-decoration:none;text-wrap:nowrap;--primary-color: var(--vvd-color-canvas-text);--hover-background: var(--vvd-color-neutral-50);--active-background: var(--vvd-color-neutral-100)}.components-header nav a[aria-current=page]:after{--primary-color: var(--vvd-color-cta-600);position:absolute;display:block;background-color:var(--primary-color);block-size:2px;content:"";inline-size:100%;inset-block-end:-2px;inset-inline-start:0}.components-header nav a:hover{background-color:var(--hover-background);color:var(--primary-color)}.components-header nav a:active{background-color:var(--active-background)}@font-face{font-family:SpeziaCompleteVariableUpright;font-stretch:50% 200%;font-display:block;font-weight:1 1000;src:url(/assets/fonts/SpeziaCompleteVariableUprightWeb.woff2) format("woff2")}@font-face{font-family:SpeziaMonoCompleteVariable;font-stretch:50% 200%;font-display:block;font-weight:1 1000;src:url(/assets/fonts/SpeziaMonoCompleteVariableWeb.woff2) format("woff2")}.vvd-root{--vvd-typography-headline: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333 SpeziaCompleteVariableUpright;--vvd-typography-subtitle: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077 SpeziaCompleteVariableUpright;--vvd-typography-heading-1: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3 SpeziaCompleteVariableUpright;--vvd-typography-heading-2: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375 SpeziaCompleteVariableUpright;--vvd-typography-heading-3: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846 SpeziaCompleteVariableUpright;--vvd-typography-heading-4: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4 SpeziaCompleteVariableUpright;--vvd-typography-base: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * .875) / 1.4285714285714286 SpeziaCompleteVariableUpright;--vvd-typography-base-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * .875) / 1.4285714285714286 SpeziaCompleteVariableUpright;--vvd-typography-base-code: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * .875) / 1.4285714285714286 SpeziaMonoCompleteVariable;--vvd-typography-base-condensed: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * .75) / 1.3333333333333333 SpeziaCompleteVariableUpright;--vvd-typography-base-condensed-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * .75) / 1.3333333333333333 SpeziaCompleteVariableUpright;--vvd-typography-base-extended: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 SpeziaCompleteVariableUpright;--vvd-typography-base-extended-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 SpeziaCompleteVariableUpright}html{scroll-padding-top:var(--vvd-header-block-size, 64px)}code{padding:0 6px;border-radius:4px;background-color:var(--vvd-color-neutral-50);-moz-tab-size:4;tab-size:4}a{color:var(--vvd-color-cta-600)}a:hover{color:var(--vvd-color-cta-700)}a:visited{color:var(--vvd-color-information-600)}a:active{color:var(--vvd-color-cta-800)}a:focus-visible{border-radius:2px;box-shadow:0 0 0 6px color-mix(in sRGB,var(--vvd-color-cta-600),transparent 88%);outline:1px solid var(--vvd-color-cta-600)}a:visited:hover{color:var(--vvd-color-information-700)}a:active:visited{color:var(--vvd-color-information-800)}img{block-size:auto;inline-size:auto;max-inline-size:100%}vwc-side-drawer:not(:defined){display:none}vwc-side-drawer[open]{--header-inset-inline-start: var(--side-drawer-app-content-offset)}vwc-side-drawer:not([open]){--header-inset-inline-start: 0}vwc-side-drawer::part(base){box-sizing:border-box;background-color:var(--vvd-color-neutral-50);inline-size:280px;inset-block:calc(var(--vvd-header-block-size) + env(safe-area-inset-top)) env(safe-area-inset-bottom)}@supports (overscroll-behavior: none){vwc-side-drawer::part(base){overscroll-behavior:none}}vwc-side-drawer>main{position:relative;z-index:0;margin-top:var(--vvd-header-block-size);max-inline-size:1200px}vwc-header{--header-bg-color: var(--vvd-color-neutral-800)}vwc-header::part(base){position:fixed;z-index:2;top:0;inline-size:100%;inset-inline:var(--header-inset-inline-start) 0}.header-content-wrapper{display:flex;align-items:center;gap:8px}.header-content-wrapper>*{flex-shrink:0}.menu-button{margin-inline-end:8px}.logo-wrapper{display:flex;align-items:center;column-gap:8px;font:var(--vvd-typography-base-extended-bold);text-decoration:none}.logo-wrapper .text{color:var(--vvd-color-neutral-800)}vwc-nav-item>vwc-badge{margin-inline-start:auto}.page{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;margin:auto;gap:32px;max-inline-size:1024px;padding-inline:32px}@media (width >= 1280px){.page{gap:64px}}article h2,article h3,article h4{max-inline-size:80ch;word-wrap:balance}vwc-note>p{margin-block:0!important}.article p{max-inline-size:65ch;word-wrap:pretty}.article ul{padding-inline-start:1.5rem}.article li{max-inline-size:60ch;word-wrap:pretty}article>pre,article>.cbd-container{box-sizing:border-box;margin-block:12px;max-inline-size:calc(100vw - 32px)}@media (width >= 1200px){article>pre,article>.cbd-container{max-inline-size:1000px}}article.article>h1{display:flex;flex-direction:column;justify-content:start;color:var(--vvd-color-neutral-800);font-weight:600;text-align:left;word-wrap:balance}.article h3{margin-block-end:16px}.article:has(.components-header) .heading-wrapper.h3{margin-block-start:-32px;padding-block-start:32px}.article:has(.components-header) .heading-wrapper.h2+.heading-wrapper.h3{margin-block-start:-60px}p:empty{margin:0}vwc-note p:first-child{margin-block-start:0}vwc-note p:last-child{margin-block-end:0}.heading-wrapper>h2{border-block-end:1px solid var(--vvd-color-neutral-200);margin-block:72px 32px;text-align:left}article.article>h1+p,p.lede{font-size:18px;margin-block-end:24px;max-inline-size:55ch}.heading-wrapper:first-of-type h2{margin-block-start:36px}article.article>h1+.heading-wrapper h2,article.article>h1+p+.heading-wrapper h2{margin-block-start:0}.article:has(.components-header) .heading-wrapper>h2{margin-block-start:20px;padding-block-start:52px}article.article .components-header+.heading-wrapper h2{margin-block-start:0}.heading-wrapper>.anchor{position:absolute;color:var(--vvd-color-neutral-600);inset:50% auto auto 0;transform:translateY(-50%)}.heading-wrapper:not(:hover)>.anchor{display:none}.heading-wrapper{position:relative;margin-inline-start:-20px;padding-inline-start:20px}.article:has(.components-header) .heading-wrapper.h2{position:relative;z-index:5}.article:has(.components-header) .heading-wrapper.h2 .anchor{inset-block-start:75px}.article:has(.components-header) .heading-wrapper.h3 .anchor{inset-block-start:72px}vwc-tab-panel pre.hljs:first-child{border-radius:0 0 8px 8px;margin-block-start:0}.article .components-header+.heading-wrapper.h2{margin-block-start:-48px}.article{position:relative;min-width:0;inline-size:100%;max-inline-size:1000px;padding-block:32px;word-break:break-word}.skip-top{display:none}vwc-note~vwc-note{display:block;margin-block-start:16px}docs-live-sample{margin-block:16px}.table-wrapper{display:flex;overflow:auto;box-sizing:border-box}table{width:100%;border-collapse:collapse;margin-block:16px}thead>tr{border-bottom:1px solid var(--vvd-color-neutral-900)}tbody>tr{border-bottom:1px solid var(--vvd-color-neutral-100)}td,th{padding:8px 16px;max-inline-size:80ch;text-align:left;vertical-align:top;word-break:normal}.cbd-variables,.cbd-variables th,.cbd-variables td{padding:8px}.cbd-variables__color{display:flex;gap:8px}.cbd-variables__color-square{width:1em;height:1em;border:1px solid var(--vvd-color-neutral-100)}.hljs{padding:8px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-neutral-900);font-size:1rem;overflow-x:auto}.hljs.preview{overflow-x:auto}.hljs-string,.hljs-section,.hljs-selector-class,.hljs-template-variable,.hljs-deletion{color:var(--vvd-color-alert-600)}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--vvd-color-success-600)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--vvd-color-information-600)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--vvd-color-alert-600)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--vvd-color-neutral-600)}@media (width <= 460px){.with-announcement-banner{--announcement-banner-block-size: 80px}}@media (width >= 461px){.with-announcement-banner{--announcement-banner-block-size: 60px}}@media (width <= 599px){.desktop{display:none}}@media (width >= 600px){.mobile-only{display:none}}.with-announcement-banner vwc-header::part(base){inset-block-start:var(--announcement-banner-block-size)}.with-announcement-banner vwc-side-drawer>main{margin-block-start:calc(var(--vvd-header-block-size) + var(--announcement-banner-block-size))}.with-announcement-banner vwc-side-drawer::part(base){inset-block:calc(var(--vvd-header-block-size) + var(--announcement-banner-block-size) + env(safe-area-inset-top)) env(safe-area-inset-bottom)}.with-announcement-banner .article-toc,.with-announcement-banner .components-header{--offset-top: calc( var(--vvd-header-block-size) + var(--banner-offset, 0px) + var(--announcement-banner-block-size) )}.announcement-banner{position:fixed;z-index:1;inline-size:100%;inset-block-start:0}.announcement-banner vwc-button{flex-shrink:0}main:has(vwc-banner){--banner-offset: 60px}.article-toc{position:sticky;top:var(--offset-top);display:none;height:calc(100vh - var(--offset-top));box-sizing:border-box;flex-shrink:0;inline-size:200px;overflow-y:auto;padding-block:32px;--offset-top: calc(var(--vvd-header-block-size) + var(--banner-offset, 0px))}@media (width >= 768px){.article-toc{display:block;padding-inline-end:4px}}.article-toc nav{border-left:1px solid var(--vvd-color-neutral-200);margin-block-start:16px}.article-toc a{position:relative;display:block;padding:8px 16px;border-radius:8px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-inline-start:var(--inline-start);text-decoration:none;--inline-start: 8px}.article-toc a[aria-active]:before{position:absolute;display:block;background-color:currentColor;block-size:100%;content:"";inline-size:2px;inset-block-start:0;inset-inline-start:calc(0px - var(--inline-start))}.article-toc ol ol a{border-radius:4px;font:var(--vvd-typography-base-condensed);padding-block:6px;--inline-start: 24px}.article-toc a:visited{color:var(--vvd-color-canvas-text)}.article-toc a:hover{background-color:var(--vvd-color-cta-50);color:var(--vvd-color-canvas-text)}.article-toc a:hover:active{background-color:var(--vvd-color-cta-100)}.article-toc a[aria-active]{background-color:var(--vvd-color-cta-100);color:var(--vvd-color-cta-600)}.article-toc ol{margin:0;list-style:none;padding-inline-start:0}.article-toc ol ol li{padding-block-start:2px}.article-toc nav>ol>li:not(:first-child){padding-block-start:12px}docs-search input:focus-visible,docs-search button:focus-visible{border-radius:2px;outline:2px solid var(--vvd-color-canvas-text)}docs-search input::placeholder{color:var(--vvd-color-neutral-600)!important;opacity:unset!important}docs-search mark{background-color:var(--vvd-color-cta-200)!important;color:var(--vvd-color-canvas-text)!important}docs-search .pagefind-ui__form:before{top:16px!important;width:20px!important;height:20px!important}docs-search .pagefind-ui__search-clear{font:var(--vvd-typography-base-condensed)!important}.skip-top{position:sticky;bottom:16px;float:right;margin-inline-end:-26px}@media (width >= 768px){.skip-top{margin-inline-end:-52px}}