@layer tokens,base,components,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,:host{font-family:var(--vb-font-family, system-ui, sans-serif);line-height:var(--vb-line-height, 1.5);-webkit-text-size-adjust:none;text-size-adjust:none}html{height:100%}body{min-height:100vh;color:var(--vb-base-foreground);background:var(--vb-base-background)}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video,picture{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}label:has(:disabled){pointer-events:none}a{color:inherit;text-decoration:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;color:var(--vb-foreground-strong)}b,strong{font-weight:700}small{font-size:var(--vb-font-size-sm, .875rem)}code,pre{font-family:var(--vb-font-family-mono, ui-monospace, monospace);font-size:1em}table{border-collapse:collapse;border-color:inherit}}@layer base{.content{font-family:var(--vb-content-font-family, inherit);font-size:var(--vb-content-font-size, inherit);line-height:var(--vb-content-line-height, inherit);color:var(--vb-content-foreground, var(--vb-foreground))}.content>*+*{margin-top:var(--vb-content-spacing)}.h1,.content>h1,.h2,.content>h2,.h3,.content>h3,.h4,.content>h4,.h5,.content>h5{font-family:var(--vb-headings-font-family, inherit);font-size:var(--vb-headings-font-size, 1em);font-weight:var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));line-height:var(--vb-headings-line-height, inherit);color:var(--vb-headings-foreground, var(--vb-foreground-strong))}.h1,.content>h1{--vb-headings-font-size: 2.75rem;--vb-headings-line-height: 1.25}.h2,.content>h2{--vb-headings-font-size: 2rem;--vb-headings-line-height: 1.25}.h3,.content>h3{--vb-headings-font-size: 1.75rem;--vb-headings-line-height: 1.25}.h4,.content>h4{--vb-headings-font-size: 1.5rem;--vb-headings-line-height: 1.375}.h5,.content>h5{--vb-headings-font-size: 1.25rem}.link,.content :not(div)>a{color:var(--vb-link-foreground, var(--vb-foreground-accent));text-decoration:var(--vb-link-decoration, underline);text-decoration-thickness:var(--vb-link-decoration-thickness, 1px);text-underline-offset:var(--vb-link-underline-offset, 2px)}.link code,.content :not(div)>a code{color:var(--vb-link-foreground, var(--vb-foreground-accent));background-color:var(--vb-background-alt)}.link:hover,.link:focus-visible,.content :not(div)>a:hover,.content :not(div)>a:focus-visible{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - .1) c h), oklch(from var(--vb-foreground-accent) calc(l + .1) c h)));text-decoration:var(--vb-link-decoration-hover, none)}.link:hover code,.link:focus-visible code,.content :not(div)>a:hover code,.content :not(div)>a:focus-visible code{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - .1) c h), oklch(from var(--vb-foreground-accent) calc(l + .1) c h)))}.link:focus-visible,.content :not(div)>a:focus-visible{outline:var(--vb-link-focus-ring, currentcolor dotted 1px);outline-offset:var(--vb-link-focus-ring-offset, .125rem)}.list,.content>ul,.content>ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list ul,.list ol,.content>ul ul,.content>ul ol,.content>ol ul,.content>ol ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list li li,.list li+li,.content>ul li li,.content>ul li+li,.content>ol li li,.content>ol li+li{margin-top:var(--vb-list-spacing, var(--vb-spacing-sm))}.list-style-none{list-style:none!important}.code,.content :not(pre)>code{padding:var(--vb-code-padding, .125rem .375rem);border:var(--vb-code-border);border-radius:var(--vb-code-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);font-size:var(--vb-code-font-size, var(--vb-font-size-sm));color:var(--vb-code-foreground, var(--vb-foreground-accent-alt));overflow-wrap:break-word;background:var(--vb-code-background, color-mix(in oklch, currentcolor 10%, transparent))}.pre,.content>pre{overflow:auto;padding:var(--vb-pre-padding, var(--vb-spacing-md));border:var(--vb-pre-border, none);border-radius:var(--vb-pre-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);color:var(--vb-pre-foreground, var(--vb-foreground-strong));background:var(--vb-pre-background, var(--vb-background-alt))}.pre code,.content>pre code{padding:0;border:none;font-size:var(--vb-pre-font-size, var(--vb-font-size-sm));color:inherit;background:none}.blockquote,.content>blockquote{position:relative;padding:var(--vb-blockquote-padding, var(--vb-spacing-md));border:var(--vb-blockquote-border, var(--vb-border));border-radius:var(--vb-blockquote-border-radius, var(--vb-border-radius));color:var(--vb-blockquote-foreground, currentcolor);background:var(--vb-blockquote-background, transparent)}.blockquote>*+*,.content>blockquote>*+*{margin-top:var(--vb-blockquote-spacing, var(--vb-spacing-md))}.sep,.content>hr{display:block;height:0;border:none;border-top:var(--vb-separator-border-width, var(--vb-border-width)) var(--vb-separator-border-style, var(--vb-border-style)) var(--vb-separator-border-color, var(--vb-border-color))}.arrow,.arrow-up,.arrow-down,.arrow-left,.arrow-right{pointer-events:none;transform-origin:center;display:inline-block;flex-grow:0;flex-shrink:0;width:0;height:0;border-color:var(--vb-arrow-color, currentcolor) transparent transparent;border-style:solid;border-width:var(--vb-arrow-size, 6px 4px);border-bottom-width:0;border-radius:var(--vb-arrow-radius, 2px)}.arrow-up{transform:rotate(180deg)}.arrow-left{transform:rotate(90deg)}.arrow-right{transform:rotate(-90deg)}.loading-spinner{width:var(--vb-loading-size, 1em);height:var(--vb-loading-size, 1em);position:relative;display:inline-block;border:var(--vb-loading-border, 2px solid);border-color:var(--vb-loading-color, currentcolor) var(--vb-loading-color, currentcolor) transparent transparent;border-radius:var(--vb-border-radius-circle);animation:spin var(--vb-loading-duration, .6s) infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%)}}@layer components{.popover{position:fixed;inset:unset;transform:translate(0);position-anchor:auto;position-area:bottom;position-try-fallbacks:flip-block;width:var(--vb-popover-width, 14rem);max-width:var(--vb-popover-max-width, calc(100vw - 2rem) );margin:var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem);padding:var(--vb-popover-padding, .5rem);border:var(--vb-popover-border, none);border-radius:var(--vb-popover-border-radius, var(--vb-border-radius));font-size:var(--vb-popover-font-size, inherit);line-height:var(--vb-popover-line-height, inherit);color:var(--vb-popover-foreground, var(--vb-foreground));background:var(--vb-popover-background, var(--vb-background));background-clip:padding-box;box-shadow:var(--vb-popover-box-shadow, var(--vb-box-shadow-md));transition-timing-function:var(--vb-popover-transition-timing-function, var(--vb-transition-timing-function));transition-duration:var(--vb-popover-transition-duration, var(--vb-transition-duration-short));transition-property:var(--vb-popover-transition-property, opacity, display, transform, overlay);transition-behavior:allow-discrete}.popover:not(:popover-open){transform:translate(var(--vb-popover-transform-x, 0),var(--vb-popover-transform-y, calc(var(--vb-popover-offset, .5rem) * -1)));opacity:0}@starting-style{.popover{transform:translate(var(--vb-popover-transform-x, 0),var(--vb-popover-transform-y, calc(var(--vb-popover-offset, .5rem) * -1)));opacity:0}}.popover--arrow,.popover--arrow-top,.popover--arrow-bottom,.popover--arrow-left,.popover--arrow-right{container-type:anchored;overflow:visible;filter:var(--vb-popover-drop-shadow, var(--vb-drop-shadow-md));box-shadow:none}.popover--arrow:before,.popover--arrow-top:before,.popover--arrow-bottom:before,.popover--arrow-left:before,.popover--arrow-right:before{pointer-events:none;transform-origin:center;display:inline-block;flex-grow:0;flex-shrink:0;width:0;height:0;border-color:var(--vb-arrow-color, currentcolor) transparent transparent;border-style:solid;border-width:var(--vb-arrow-size, .4rem);border-bottom-width:0;border-radius:var(--vb-arrow-radius, 0);transform:rotate(180deg);content:"";position:absolute;color:var(--vb-popover-background, var(--vb-background))}.popover--arrow-top:before,.popover--arrow.popover--pos-bottom:before{bottom:100%;left:calc(50% - .4rem)}@container anchored(fallback: flip-block){.popover--arrow-top:before,.popover--arrow.popover--pos-bottom:before{top:100%;bottom:auto;rotate:180deg}}.popover--arrow-bottom:before,.popover--arrow.popover--pos-top:before{top:100%;left:calc(50% - .4rem);rotate:180deg}@container anchored(fallback: flip-block){.popover--arrow-bottom:before,.popover--arrow.popover--pos-top:before{top:auto;bottom:100%;rotate:0deg}}.popover--arrow-right:before,.popover--arrow.popover--pos-left:before{top:calc(50% - .2rem);left:calc(100% - .2rem);rotate:90deg}@container anchored(fallback: flip-inline){.popover--arrow-right:before,.popover--arrow.popover--pos-left:before{right:calc(100% - .2rem);left:auto;rotate:270deg}}.popover--arrow-left:before,.popover--arrow.popover--pos-right:before{top:calc(50% - .2rem);right:calc(100% - .2rem);rotate:270deg}@container anchored(fallback: flip-inline){.popover--arrow-left:before,.popover--arrow.popover--pos-right:before{right:auto;left:calc(100% - .2rem);rotate:90deg}}.popover--tooltip{--vb-popover-width: fit-content;--vb-popover-max-width: 16rem;--vb-popover-padding: .5rem .75rem;--vb-popover-font-size: var(--vb-font-size-sm);--vb-popover-background: var(--vb-foreground-strong);--vb-popover-foreground: var(--vb-background);--vb-popover-transform-x: 0;--vb-popover-transform-y: var(--vb-popover-offset, .5rem);pointer-events:none;position-area:top;position-try-fallbacks:flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem)}.popover--width-auto{--vb-popover-width: fit-content}.popover--width-sm{--vb-popover-width: 10rem}.popover--width-lg{--vb-popover-width: 18rem}.popover--pos-bottom{--vb-popover-transform-x: 0;--vb-popover-transform-y: calc(var(--vb-popover-offset, .5rem) * -1);position-area:bottom;position-try-fallbacks:flip-block;margin:var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-bottom-start{--vb-popover-transform-x: 0;--vb-popover-transform-y: calc(var(--vb-popover-offset, .5rem) * -1);top:anchor(bottom);left:calc(anchor(left) - var(--vb-popover-margin, 1.5rem));position-area:unset;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-bottom-end{--vb-popover-transform-x: 0;--vb-popover-transform-y: calc(var(--vb-popover-offset, .5rem) * -1);top:anchor(bottom);right:calc(anchor(right) - var(--vb-popover-margin, 1.5rem));position-area:unset;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-top{--vb-popover-transform-x: 0;--vb-popover-transform-y: var(--vb-popover-offset, .5rem);position-area:top;position-try-fallbacks:flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-top-start{--vb-popover-transform-x: 0;--vb-popover-transform-y: var(--vb-popover-offset, .5rem);bottom:anchor(top);left:calc(anchor(left) - var(--vb-popover-margin, 1.5rem));position-area:unset;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-top-end{--vb-popover-transform-x: 0;--vb-popover-transform-y: var(--vb-popover-offset, .5rem);right:calc(anchor(right) - var(--vb-popover-margin, 1.5rem));bottom:anchor(top);position-area:unset;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-right{--vb-popover-transform-x: calc(var(--vb-popover-offset, .5rem) * -1);--vb-popover-transform-y: 0;position-area:right;position-try-fallbacks:flip-inline;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem)}.popover--pos-right-start{--vb-popover-transform-x: calc(var(--vb-popover-offset, .5rem) * -1);--vb-popover-transform-y: 0;top:calc(anchor(top) - var(--vb-popover-margin, 1.5rem));left:anchor(right);position-area:unset;position-try-fallbacks:flip-inline,flip-block,flip-inline flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem)}.popover--pos-right-end{--vb-popover-transform-x: calc(var(--vb-popover-offset, .5rem) * -1);--vb-popover-transform-y: 0;bottom:calc(anchor(bottom) - var(--vb-popover-margin, 1.5rem));left:anchor(right);position-area:unset;position-try-fallbacks:flip-inline,flip-block,flip-inline flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem)}.popover--pos-left{--vb-popover-transform-x: var(--vb-popover-offset, .5rem);--vb-popover-transform-y: 0;position-area:left;position-try-fallbacks:flip-inline;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-left-start{--vb-popover-transform-x: var(--vb-popover-offset, .5rem);--vb-popover-transform-y: 0;top:calc(anchor(top) - var(--vb-popover-margin, 1.5rem));right:anchor(left);position-area:unset;position-try-fallbacks:flip-inline,flip-block,flip-inline flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}.popover--pos-left-end{--vb-popover-transform-x: var(--vb-popover-offset, .5rem);--vb-popover-transform-y: 0;right:anchor(left);bottom:calc(anchor(bottom) - var(--vb-popover-margin, 1.5rem));position-area:unset;position-try-fallbacks:flip-inline,flip-block,flip-inline flip-block;margin:var(--vb-popover-margin, 1.5rem) var(--vb-popover-offset, .5rem) var(--vb-popover-margin, 1.5rem) var(--vb-popover-margin, 1.5rem)}}@layer base{h1{color:inherit;font-size:1.6em;font-weight:400;font-weight:300;line-height:1.3;text-wrap:pretty}@media(min-width:760px){h1{font-size:2em}}h1 br{display:none}@media(min-width:760px){h1 br{display:block}}a{color:inherit;text-decoration:underline;text-underline-offset:4px}a:hover,a:focus,a:focus-visible{text-decoration:none}}@layer components{.layout,.layout__top,.layout__bot{display:flex;flex-direction:column;padding:2em}.layout{height:100%;padding:0;background:var(--vb-primary);color:var(--vb-neutral)}.layout__container{display:flex;flex:1 0 auto;flex-direction:column;gap:2rem;justify-content:center;width:100%;max-width:36rem;margin:0 auto}.layout__top{flex:1 0 64%;background:var(--vb-neutral);color:var(--vb-primary)}.layout__top .layout__container{margin-top:6rem;margin-bottom:6rem}@media(min-width:760px){.layout__top .layout__container{margin-top:8rem;margin-bottom:8rem}}.layout__bot{flex:1 0 36%}.logo{position:absolute;top:2em;left:2em}@media(min-width:760px){.logo{top:4em;left:4em}}.button{position:relative;display:inline-flex;padding:.25rem;border:none;border-radius:.25rem;background-color:#fff0;color:inherit;font-size:1em;cursor:pointer;gap:.25rem}.button:hover,.button:focus{background-color:#ffffff1a}.button--copy{width:1.5rem;height:1.5rem;overflow:hidden}.button--copy .icon{position:absolute;top:.25rem;left:.25rem;transform:translateY(calc(100% + .25rem));transition-property:transform,opacity;transition-duration:.5s;transition-timing-function:ease;opacity:0}.button--copy:not(.is-active) .icon--copy{transform:translateY(0);opacity:1}.button--copy.is-active .icon--check{transform:translateY(0);opacity:1}.icon{display:inline-block;box-sizing:content-box;flex-shrink:0;width:1em;height:1em;stroke-width:2.5;font-size:1rem;vertical-align:middle}.flex-inline{display:inline-flex;gap:.5em;align-items:center}}@layer tokens{:root{--vb-black: oklch(0% 0 0deg);--vb-white: oklch(100% 0 0deg);--vb-primary: #2962ff;--vb-primary-l: 74%;--vb-primary-c: .16;--vb-primary-h: 158deg;--vb-secondary: oklch(62% .16 244deg);--vb-secondary-l: 62%;--vb-secondary-c: .16;--vb-secondary-h: 244deg;--vb-neutral: #efefef;--vb-neutral-l: 74%;--vb-neutral-c: .016;--vb-neutral-h: 236deg;--vb-important: oklch(60% .16 28deg);--vb-important-l: 60%;--vb-important-c: .16;--vb-important-h: 28deg;--vb-prefix-tokens: vb;--vb-breakpoint-xs: 480px;--vb-breakpoint-sm: 620px;--vb-breakpoint-md: 760px;--vb-breakpoint-lg: 990px;--vb-breakpoint-xl: 1380px;--vb-backdrop-color: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h));--vb-backdrop-opacity: 80%;--vb-base-foreground: var(--vb-foreground);--vb-base-background: var(--vb-background);--vb-spacing: .25rem;--vb-spacing-xs: var(--vb-spacing);--vb-spacing-sm: calc(var(--vb-spacing) * 2);--vb-spacing-md: calc(var(--vb-spacing) * 4);--vb-spacing-lg: calc(var(--vb-spacing) * 6);--vb-spacing-xl: calc(var(--vb-spacing) * 8);--vb-em-spacing: .25em;--vb-em-spacing-xs: var(--vb-em-spacing);--vb-em-spacing-sm: calc(var(--vb-em-spacing) * 2);--vb-em-spacing-md: calc(var(--vb-em-spacing) * 4);--vb-em-spacing-lg: calc(var(--vb-em-spacing) * 6);--vb-em-spacing-xl: calc(var(--vb-em-spacing) * 8);--vb-border-width: 1px;--vb-border-style: solid;--vb-border: var(--vb-border-width) var(--vb-border-style) var(--vb-border-color);--vb-border-strong: var(--vb-border-width) var(--vb-border-style) var(--vb-border-color-strong);--vb-border-stronger: var(--vb-border-width) var(--vb-border-style) var(--vb-border-color-stronger);--vb-border-radius: .25rem;--vb-border-radius-lg: .5rem;--vb-border-radius-circle: 9999px;--vb-box-shadow-0: 0 0 0 1px var(--vb-box-shadow-outline-color);--vb-drop-shadow-0: 0 0 1px var(--vb-drop-shadow-outline-color);--vb-shadow-1: 0 2px 2px var(--vb-shadow-color);--vb-shadow-2: 0 4px 4px var(--vb-shadow-color);--vb-shadow-3: 0 6px 6px var(--vb-shadow-color);--vb-shadow-4: 0 12px 12px var(--vb-shadow-color);--vb-shadow-5: 0 24px 24px var(--vb-shadow-color);--vb-box-shadow-outline: var(--vb-box-shadow-0);--vb-box-shadow-xs: var(--vb-box-shadow-0), var(--vb-shadow-1);--vb-box-shadow-sm: var(--vb-box-shadow-0), var(--vb-shadow-1), var(--vb-shadow-2);--vb-box-shadow-md: var(--vb-box-shadow-0), var(--vb-shadow-1), var(--vb-shadow-2), var(--vb-shadow-3);--vb-box-shadow-lg: var(--vb-box-shadow-0), var(--vb-shadow-1), var(--vb-shadow-2), var(--vb-shadow-3), var(--vb-shadow-4);--vb-box-shadow-xl: var(--vb-box-shadow-0), var(--vb-shadow-1), var(--vb-shadow-2), var(--vb-shadow-3), var(--vb-shadow-4), var(--vb-shadow-5);--vb-drop-shadow-outline: drop-shadow(var(--vb-drop-shadow-0));--vb-drop-shadow-xs: drop-shadow(var(--vb-drop-shadow-0)) drop-shadow(var(--vb-shadow-1));--vb-drop-shadow-sm: drop-shadow(var(--vb-drop-shadow-0)) drop-shadow(var(--vb-shadow-1)) drop-shadow(var(--vb-shadow-2));--vb-drop-shadow-md: drop-shadow(var(--vb-drop-shadow-0)) drop-shadow(var(--vb-shadow-1)) drop-shadow(var(--vb-shadow-2)) drop-shadow(var(--vb-shadow-3));--vb-drop-shadow-lg: drop-shadow(var(--vb-drop-shadow-0)) drop-shadow(var(--vb-shadow-1)) drop-shadow(var(--vb-shadow-2)) drop-shadow(var(--vb-shadow-3)) drop-shadow(var(--vb-shadow-4));--vb-drop-shadow-xl: drop-shadow(var(--vb-drop-shadow-0)) drop-shadow(var(--vb-shadow-1)) drop-shadow(var(--vb-shadow-2)) drop-shadow(var(--vb-shadow-3)) drop-shadow(var(--vb-shadow-4)) drop-shadow(var(--vb-shadow-5));--vb-font-family-sans: system-ui, ui-sans-serif, sans-serif;--vb-font-family-serif: ui-serif, serif;--vb-font-family-mono: ui-monospace, monospace;--vb-font-size: 1rem;--vb-font-size-sm: .875rem;--vb-font-size-lg: 1.125rem;--vb-line-height: 1.5;--vb-font-weight-thin: 100;--vb-font-weight-extra-light: 200;--vb-font-weight-light: 300;--vb-font-weight-regular: 400;--vb-font-weight-medium: 500;--vb-font-weight-semi-bold: 600;--vb-font-weight-bold: 700;--vb-font-weight-extra-bold: 800;--vb-font-weight-black: 900;--vb-font-family: var(--vb-font-family-sans);--vb-transition-duration: .3s;--vb-transition-duration-short: .15s;--vb-transition-duration-long: .6s;--vb-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--vb-transition: var(--vb-transition-duration) var(--vb-transition-timing-function);--vb-transition-short: var(--vb-transition-duration-short) var(--vb-transition-timing-function);--vb-transition-long: var(--vb-transition-duration-long) var(--vb-transition-timing-function);--vb-focus-ring-width: 3px;--vb-focus-ring-style: solid;--vb-focus-ring-offset: 0;--vb-focus-ring-color: var(--vb-primary);--vb-focus-ring-opacity: 32%;--vb-form-control-size: var(--vb-font-size);--vb-form-control-size-sm: var(--vb-font-size-sm);--vb-form-control-size-lg: var(--vb-font-size-lg);--vb-form-control-line-height: var(--vb-line-height);--vb-form-control-border-width: var(--vb-border-width);--vb-form-control-border-radius: var(--vb-border-radius);--vb-form-control-padding-x: 1em;--vb-form-control-padding-y: .5em;--vb-form-control-accent: var(--vb-primary);--vb-form-control-foreground: var(--vb-foreground-strong);--vb-form-control-background: var(--vb-background);--vb-form-control-background-disabled: var(--vb-background-alt);--vb-form-control-background-readonly: var(--vb-background-alt);--vb-form-control-box-shadow: none;--vb-form-control-opacity-disabled: .6;--vb-form-control-transition-duration: var(--vb-transition-duration-short);--vb-form-control-transition-timing-function: var(--vb-transition-timing-function);--vb-form-control-transition-property: outline;--vb-form-control-choice-color: var(--vb-foreground-subtle);--vb-form-control-choice-accent: var(--vb-form-control-accent);--vb-form-control-choice-fill: var(--vb-form-control-background);--vb-form-control-size-calc: calc(1em * var(--vb-form-control-line-height) + (var(--vb-form-control-padding-y) + var(--vb-form-control-border-width)) * 2);--vb-form-control-padding: var(--vb-form-control-padding-y) var(--vb-form-control-padding-x)}@media(prefers-reduced-motion:reduce){:root{--vb-transition-duration: 0s;--vb-transition-duration-short: 0s;--vb-transition-duration-long: 0s}}:root,[data-mode=auto]{color-scheme:light;--vb-background: var(--vb-white);--vb-background-alt: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h));--vb-background-shift: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-foreground: oklch(50% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-strong: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h));--vb-foreground-subtle: oklch(70% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-accent: oklch(70% var(--vb-primary-c) var(--vb-primary-h));--vb-foreground-accent-alt: var(--vb-secondary);--vb-primary-background: oklch(96% calc(var(--vb-primary-c) * .2) var(--vb-primary-h));--vb-primary-foreground: oklch(40% var(--vb-primary-c) var(--vb-primary-h));--vb-secondary-background: oklch(96% calc(var(--vb-secondary-c) * .2) var(--vb-secondary-h));--vb-secondary-foreground: oklch(40% var(--vb-secondary-c) var(--vb-secondary-h));--vb-neutral-background: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-neutral-foreground: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h));--vb-important-background: oklch(96% calc(var(--vb-important-c) * .2) var(--vb-important-h));--vb-important-foreground: oklch(40% var(--vb-important-c) var(--vb-important-h));--vb-border-color: oklch(0% 0 0deg / .1);--vb-border-color-strong: oklch(0% 0 0deg / .2);--vb-border-color-stronger: oklch(0% 0 0deg / .3);--vb-shadow-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/8%);--vb-box-shadow-outline-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/8%);--vb-drop-shadow-outline-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/32%)}@media(prefers-color-scheme:dark){:root,[data-mode=auto]{color-scheme:dark;--vb-background: oklch(20% calc(var(--vb-neutral-c) * .8) var(--vb-neutral-h));--vb-background-alt: oklch(18% calc(var(--vb-neutral-c) * .7) var(--vb-neutral-h));--vb-background-shift: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h));--vb-foreground: oklch(80% calc(var(--vb-neutral-c) * .8) var(--vb-neutral-h));--vb-foreground-strong: var(--vb-white);--vb-foreground-subtle: oklch(60% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-accent: oklch(80% calc(var(--vb-primary-c) * .8) var(--vb-primary-h));--vb-foreground-accent-alt: oklch(80% calc(var(--vb-secondary-c) * .8) var(--vb-secondary-h));--vb-primary-background: oklch(40% var(--vb-primary-c) var(--vb-primary-h));--vb-primary-foreground: oklch(96% calc(var(--vb-primary-c) * .2) var(--vb-primary-h));--vb-secondary-background: oklch(40% var(--vb-secondary-c) var(--vb-secondary-h));--vb-secondary-foreground: oklch(96% calc(var(--vb-secondary-c) * .2) var(--vb-secondary-h));--vb-neutral-background: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h));--vb-neutral-foreground: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-important-background: oklch(40% var(--vb-important-c) var(--vb-important-h));--vb-important-foreground: oklch(96% calc(var(--vb-important-c) * .2) var(--vb-important-h));--vb-border-color: oklch(100% 0 0deg / .1);--vb-border-color-strong: oklch(100% 0 0deg / .2);--vb-border-color-stronger: oklch(100% 0 0deg / .3);--vb-shadow-color: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h)/80%);--vb-box-shadow-outline-color: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h)/8%);--vb-drop-shadow-outline-color: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h)/32%)}}[data-mode=light]{color-scheme:light;--vb-background: var(--vb-white);--vb-background-alt: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h));--vb-background-shift: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-foreground: oklch(50% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-strong: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h));--vb-foreground-subtle: oklch(70% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-accent: oklch(70% var(--vb-primary-c) var(--vb-primary-h));--vb-foreground-accent-alt: var(--vb-secondary);--vb-primary-background: oklch(96% calc(var(--vb-primary-c) * .2) var(--vb-primary-h));--vb-primary-foreground: oklch(40% var(--vb-primary-c) var(--vb-primary-h));--vb-secondary-background: oklch(96% calc(var(--vb-secondary-c) * .2) var(--vb-secondary-h));--vb-secondary-foreground: oklch(40% var(--vb-secondary-c) var(--vb-secondary-h));--vb-neutral-background: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-neutral-foreground: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h));--vb-important-background: oklch(96% calc(var(--vb-important-c) * .2) var(--vb-important-h));--vb-important-foreground: oklch(40% var(--vb-important-c) var(--vb-important-h));--vb-border-color: oklch(0% 0 0deg / .1);--vb-border-color-strong: oklch(0% 0 0deg / .2);--vb-border-color-stronger: oklch(0% 0 0deg / .3);--vb-shadow-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/8%);--vb-box-shadow-outline-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/8%);--vb-drop-shadow-outline-color: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h)/32%)}[data-mode=dark]{color-scheme:dark;--vb-background: oklch(20% calc(var(--vb-neutral-c) * .8) var(--vb-neutral-h));--vb-background-alt: oklch(18% calc(var(--vb-neutral-c) * .7) var(--vb-neutral-h));--vb-background-shift: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h));--vb-foreground: oklch(80% calc(var(--vb-neutral-c) * .8) var(--vb-neutral-h));--vb-foreground-strong: var(--vb-white);--vb-foreground-subtle: oklch(60% var(--vb-neutral-c) var(--vb-neutral-h));--vb-foreground-accent: oklch(80% calc(var(--vb-primary-c) * .8) var(--vb-primary-h));--vb-foreground-accent-alt: oklch(80% calc(var(--vb-secondary-c) * .8) var(--vb-secondary-h));--vb-primary-background: oklch(40% var(--vb-primary-c) var(--vb-primary-h));--vb-primary-foreground: oklch(96% calc(var(--vb-primary-c) * .2) var(--vb-primary-h));--vb-secondary-background: oklch(40% var(--vb-secondary-c) var(--vb-secondary-h));--vb-secondary-foreground: oklch(96% calc(var(--vb-secondary-c) * .2) var(--vb-secondary-h));--vb-neutral-background: oklch(40% var(--vb-neutral-c) var(--vb-neutral-h));--vb-neutral-foreground: oklch(96% calc(var(--vb-neutral-c) * .2) var(--vb-neutral-h));--vb-important-background: oklch(40% var(--vb-important-c) var(--vb-important-h));--vb-important-foreground: oklch(96% calc(var(--vb-important-c) * .2) var(--vb-important-h));--vb-border-color: oklch(100% 0 0deg / .1);--vb-border-color-strong: oklch(100% 0 0deg / .2);--vb-border-color-stronger: oklch(100% 0 0deg / .3);--vb-shadow-color: oklch(16% calc(var(--vb-neutral-c) * .6) var(--vb-neutral-h)/80%);--vb-box-shadow-outline-color: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h)/8%);--vb-drop-shadow-outline-color: oklch(98% calc(var(--vb-neutral-c) * .1) var(--vb-neutral-h)/32%)}}