@codemonster-ru/vueforge-core 1.8.0 → 1.9.0

package/dist/components/dropdown/VfDropdown.vue.d.ts

@@ -6,6 +6,7 @@ interface VfDropdownProps {
     teleportTo?: string | HTMLElement | null | false;
     disableTeleport?: boolean;
     closeOnSelect?: boolean;
+    variant?: "default" | "pills";
 }
 declare function closeMenu(): void;
 declare function toggleMenu(): void;
@@ -38,6 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<VfDropdownProps, {}
 }>, {
     open: boolean;
     defaultOpen: boolean;
+    variant: "default" | "pills";
     placement: VfDropdownPlacement;
     teleportTo: string | HTMLElement | null | false;
     disableTeleport: boolean;

package/dist/components/dropdown/VfDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VfDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/VfDropdown.vue"],"names":[],"mappings":"AAsTA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAwID,iBAAS,SAAS,SAGjB;AAED,iBAAS,UAAU,SAOlB;AAkFD,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;;;;YAdrB,GAAG;;;;YACF,GAAG;;;;;;;;EAkBhC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;UA/WZ,OAAO;iBACA,OAAO;eACT,mBAAmB;gBAClB,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK;qBAC9B,OAAO;mBACT,OAAO;;;;;kBAoXvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"VfDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/VfDropdown.vue"],"names":[],"mappings":"AAyTA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AA0ID,iBAAS,SAAS,SAGjB;AAED,iBAAS,UAAU,SAOlB;AAmFD,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;;;;YAdrB,GAAG;;;;YACF,GAAG;;;;;;;;EAkBhC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;UAnXZ,OAAO;iBACA,OAAO;aAKX,SAAS,GAAG,OAAO;eAJjB,mBAAmB;gBAClB,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK;qBAC9B,OAAO;mBACT,OAAO;;;;;kBAwXvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/menu-bar/VfMenuBar.vue.d.ts

@@ -4,6 +4,7 @@ interface VfMenuBarProps {
     modelValue?: string;
     defaultValue?: string;
     ariaLabel?: string;
+    variant?: "default" | "pills";
 }
 declare const _default: import('vue').DefineComponent<VfMenuBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: string) => any;
@@ -15,6 +16,7 @@ declare const _default: import('vue').DefineComponent<VfMenuBarProps, {}, {}, {}
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     ariaLabel: string;
+    variant: "default" | "pills";
     modelValue: string;
     defaultValue: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/menu-bar/VfMenuBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VfMenuBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/menu-bar/VfMenuBar.vue"],"names":[],"mappings":"AAsIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;;;;;;;;eADa,MAAM;gBAFL,MAAM;kBACJ,MAAM;;;;AAmMvB,wBAUG"}
+{"version":3,"file":"VfMenuBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/menu-bar/VfMenuBar.vue"],"names":[],"mappings":"AAwIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;;;;;;;;;;eAFa,MAAM;aACR,SAAS,GAAG,OAAO;gBAHhB,MAAM;kBACJ,MAAM;;;;AAsMvB,wBAUG"}

package/dist/components/nav-menu/VfNavMenu.vue.d.ts

@@ -5,6 +5,7 @@ interface VfNavMenuProps {
     defaultValue?: string;
     ariaLabel?: string;
     expandMode?: "multiple" | "single";
+    variant?: "default" | "pills";
 }
 declare const _default: import('vue').DefineComponent<VfNavMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: string) => any;
@@ -16,6 +17,7 @@ declare const _default: import('vue').DefineComponent<VfNavMenuProps, {}, {}, {}
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     ariaLabel: string;
+    variant: "default" | "pills";
     modelValue: string;
     defaultValue: string;
     expandMode: "multiple" | "single";

package/dist/components/nav-menu/VfNavMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VfNavMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nav-menu/VfNavMenu.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACpC;;;;;;;;;;eAFa,MAAM;gBAFL,MAAM;kBACJ,MAAM;gBAER,UAAU,GAAG,QAAQ;;AA2PpC,wBASG"}
+{"version":3,"file":"VfNavMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nav-menu/VfNavMenu.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;;;;;;;;;;eAHa,MAAM;aAER,SAAS,GAAG,OAAO;gBAJhB,MAAM;kBACJ,MAAM;gBAER,UAAU,GAAG,QAAQ;;AAkQpC,wBASG"}

package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts

@@ -5,9 +5,11 @@ interface VfTableOfContentsProps {
     ariaLabel?: string;
     smooth?: boolean;
     scrollOffset?: number;
+    variant?: "default" | "pills";
 }
 declare const _default: import('vue').DefineComponent<VfTableOfContentsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VfTableOfContentsProps> & Readonly<{}>, {
     ariaLabel: string;
+    variant: "default" | "pills";
     smooth: boolean;
     activeId: string;
     scrollOffset: number;

package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VfTableOfContents.vue.d.ts","sourceRoot":"","sources":["../../../src/components/table-of-contents/VfTableOfContents.vue"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAMhE,UAAU,sBAAsB;IAC9B,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;eAHa,MAAM;YACT,OAAO;cAFL,MAAM;kBAGF,MAAM;;AAoMvB,wBAOG"}
+{"version":3,"file":"VfTableOfContents.vue.d.ts","sourceRoot":"","sources":["../../../src/components/table-of-contents/VfTableOfContents.vue"],"names":[],"mappings":"AAyLA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAMhE,UAAU,sBAAsB;IAC9B,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;;eAJa,MAAM;aAGR,SAAS,GAAG,OAAO;YAFpB,OAAO;cAFL,MAAM;kBAGF,MAAM;;AAwMvB,wBAOG"}

package/dist/styles.css

@@ -1 +1 @@
-:root{--vf-breakpoint-xs: 480px;--vf-breakpoint-sm: 640px;--vf-breakpoint-md: 768px;--vf-breakpoint-lg: 1024px;--vf-breakpoint-xl: 1280px;--vf-breakpoint-2xl: 1536px}:root{--vf-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vf-font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vf-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--vf-font-weight-regular: 400;--vf-font-weight-medium: 500;--vf-font-weight-semibold: 600;--vf-font-weight-bold: 700;--vf-font-size-xs: .75rem;--vf-font-size-sm: .8125rem;--vf-font-size-md: .875rem;--vf-font-size-lg: .9375rem;--vf-font-size-xl: 1rem;--vf-font-size-2xl: 1.125rem;--vf-font-size-3xl: 1.25rem;--vf-line-height-tight: 1.2;--vf-line-height-normal: 1.5;--vf-line-height-relaxed: 1.65;--vf-selectable-hover-color: var(--vf-color-primary);--vf-selectable-hover-background: transparent;--vf-selectable-active-color: var(--vf-color-primary);--vf-selectable-active-background: color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface));--vf-text-body-font-size: var(--vf-font-size-xl);--vf-text-body-line-height: var(--vf-line-height-normal);--vf-text-body-font-weight: var(--vf-font-weight-regular);--vf-text-caption-font-size: var(--vf-font-size-sm);--vf-text-caption-line-height: var(--vf-line-height-normal);--vf-text-caption-font-weight: var(--vf-font-weight-medium);--vf-text-label-font-size: var(--vf-font-size-md);--vf-text-label-line-height: var(--vf-line-height-tight);--vf-text-label-font-weight: var(--vf-font-weight-medium);--vf-heading-font-size-sm: var(--vf-font-size-lg);--vf-heading-font-size-md: var(--vf-font-size-xl);--vf-heading-font-size-lg: var(--vf-font-size-2xl);--vf-heading-font-size-xl: var(--vf-font-size-3xl);--vf-heading-font-weight: var(--vf-font-weight-semibold);--vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text));--vf-button-secondary-hover-border-color: var(--vf-color-border);--vf-button-secondary-active-background: color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text));--vf-button-secondary-active-border-color: var(--vf-color-border);--vf-button-ghost-hover-background: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));--vf-button-ghost-hover-border-color: transparent;--vf-button-ghost-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));--vf-button-ghost-active-border-color: transparent;--vf-button-solid-hover-filter: brightness(.95) saturate(1.03);--vf-button-solid-active-filter: brightness(.9) saturate(1.04);--vf-radio-control-background: color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface));--vf-radio-hover-border-color: var(--vf-color-primary-border-soft);--vf-switch-track-background: color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface));--vf-switch-track-hover-background: color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface));--vf-switch-track-checked-background: var(--vf-color-primary);--vf-switch-track-checked-hover-background: color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface));--vf-switch-thumb-background: color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted));--vf-switch-thumb-border-color: color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border));--vf-switch-thumb-shadow: none;--vf-switch-thumb-color: color-mix(in srgb, var(--vf-color-text) 55%, transparent);--vf-switch-thumb-icon-size: .625rem;--vf-switch-thumb-checked-background: var(--vf-color-surface);--vf-switch-thumb-checked-border-color: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-switch-thumb-checked-shadow: none;--vf-prose-heading-margin: 1.5em;--vf-prose-heading-gap: .5em;--vf-prose-block-spacing: 1em;--vf-prose-list-padding-inline-start: 1.5em;--vf-prose-list-item-spacing: .375em;--vf-prose-link-hover-color: color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text));--vf-prose-blockquote-padding-inline-start: 1rem;--vf-prose-blockquote-border-width: 3px;--vf-prose-inline-code-font-size: .95em;--vf-prose-inline-code-padding: .125rem .375rem;--vf-prose-code-block-padding: .75rem 1rem;--vf-prose-hr-margin: 1.5rem;--vf-color-bg: #f6f8fb;--vf-color-surface: #ffffff;--vf-color-surface-muted: #f3f3f3;--vf-color-text: #1f232b;--vf-color-muted: #616773;--vf-color-border: #d9dde3;--vf-color-primary: #0e639c;--vf-color-primary-contrast: #ffffff;--vf-color-primary-soft: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-color-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-color-focus-ring: color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface));--vf-color-success: #2e7d32;--vf-color-success-contrast: #ffffff;--vf-color-info: #0069ba;--vf-color-info-contrast: #ffffff;--vf-color-warn: #9f8400;--vf-color-warn-contrast: #1f1300;--vf-color-help: #7245ae;--vf-color-help-contrast: #ffffff;--vf-color-danger: #c72e39;--vf-color-danger-contrast: #ffffff;--vf-color-contrast: #252526;--vf-color-contrast-contrast: #ffffff;--vf-color-success-soft: color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface));--vf-color-info-soft: color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface));--vf-color-warn-soft: color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface));--vf-color-help-soft: color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface));--vf-color-danger-soft: color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface));--vf-color-contrast-soft: color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface));--vf-color-success-border-soft: color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border));--vf-color-info-border-soft: color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border));--vf-color-warn-border-soft: color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border));--vf-color-help-border-soft: color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border));--vf-color-danger-border-soft: color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border));--vf-color-contrast-border-soft: color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border));--vf-focus-ring-width: 3px;--vf-radius: .75rem;--vf-radius-control: calc(var(--vf-radius) - .125rem);--vf-radius-control-tight: calc(var(--vf-radius) - .25rem);--vf-radius-surface: var(--vf-radius);--vf-radius-overlay: calc(var(--vf-radius) + .125rem);--vf-control-height-sm: 1.75rem;--vf-control-height-md: 2.25rem;--vf-control-height-lg: 2.5rem;--vf-control-font-size-sm: var(--vf-text-label-font-size);--vf-control-font-size-md: var(--vf-text-body-font-size);--vf-control-font-size-lg: var(--vf-font-size-xl);--vf-button-padding-sm: .25rem .5rem;--vf-button-padding-md: .3125rem .75rem;--vf-button-padding-lg: .5rem 1rem;--vf-button-gap: .5rem;--vf-field-padding-sm: .25rem .5rem;--vf-field-padding-md: .3125rem .75rem;--vf-field-padding-lg: .5rem 1rem;--vf-checkbox-size-sm: 1rem;--vf-checkbox-size-md: 1.125rem;--vf-checkbox-size-lg: 1.25rem;--vf-selection-gap: .75rem;--vf-checkbox-mark-width: .25rem;--vf-checkbox-mark-height: .5rem;--vf-checkbox-mark-stroke-width: 2px;--vf-checkbox-mark-offset-y: -.0625rem;--vf-radio-dot-size: .5rem;--vf-switch-width-sm: 2rem;--vf-switch-width-md: 2.25rem;--vf-switch-width-lg: 2.5rem;--vf-switch-height-sm: 1.125rem;--vf-switch-height-md: 1.25rem;--vf-switch-height-lg: 1.375rem;--vf-switch-thumb-size-sm: .75rem;--vf-switch-thumb-size-md: .875rem;--vf-switch-thumb-size-lg: 1rem;--vf-switch-thumb-inset: .125rem;--vf-textarea-min-height-sm: 4.5rem;--vf-textarea-min-height-md: 6rem;--vf-textarea-min-height-lg: 7rem;--vf-overlay-padding: 1rem;--vf-overlay-gap: .75rem;--vf-overlay-viewport-padding: 1rem;--vf-menu-padding: .5rem;--vf-menu-gap: .25rem;--vf-menu-min-width: 12rem;--vf-surface-padding: 1rem;--vf-surface-gap: .75rem;--vf-surface-padding-compact: .75rem;--vf-surface-gap-compact: .5rem;--vf-section-padding: .75rem 1rem;--vf-section-gap: .75rem;--vf-tabs-gap: .75rem;--vf-tabs-list-gap: .25rem;--vf-tabs-list-padding: .25rem;--vf-tabs-tab-padding-inline: .75rem;--vf-tabs-panel-padding-top: .75rem;--vf-nav-menu-list-gap: .25rem;--vf-nav-menu-nested-gap: .25rem;--vf-nav-menu-collapse-offset-top: .25rem;--vf-nav-menu-collapse-inset-level-0-margin: .5rem;--vf-nav-menu-collapse-inset-level-0-padding: .5rem;--vf-nav-menu-collapse-inset-simple-level-0-margin: .5rem;--vf-nav-menu-collapse-inset-simple-level-0-padding: .5rem;--vf-nav-menu-collapse-inset-deep-margin: .5rem;--vf-nav-menu-collapse-inset-deep-padding: .5rem;--vf-nav-menu-collapse-inset-simple-deep-margin: .5rem;--vf-nav-menu-collapse-inset-simple-deep-padding: .5rem;--vf-nav-menu-node-group-spacing: .25rem;--vf-nav-menu-group-padding: .375rem .75rem;--vf-nav-menu-group-font-size: var(--vf-text-label-font-size);--vf-nav-menu-item-padding: var(--vf-field-padding-md);--vf-nav-menu-item-gap: .5rem;--vf-nav-menu-leading-icon-size: 1rem;--vf-nav-menu-leading-icon-column-size: 1.25rem;--vf-table-of-contents-gap: .25rem;--vf-table-of-contents-list-gap: var(--vf-nav-menu-list-gap);--vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);--vf-table-of-contents-title-color: var(--vf-color-muted);--vf-table-of-contents-item-padding: var(--vf-nav-menu-item-padding);--vf-table-of-contents-level-step: calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding));--vf-table-of-contents-color: var(--vf-color-text);--vf-table-of-contents-hover-color: var(--vf-selectable-hover-color);--vf-table-of-contents-hover-background: var(--vf-selectable-hover-background);--vf-table-of-contents-active-color: var(--vf-selectable-active-color);--vf-table-of-contents-active-background: var(--vf-selectable-active-background);--vf-badge-height: 1.375rem;--vf-badge-padding: .0625rem .25rem;--vf-badge-gap: .25rem;--vf-badge-radius: var(--vf-radius-control-tight);--vf-badge-font-size: var(--vf-text-label-font-size);--vf-badge-line-height: var(--vf-text-label-line-height);--vf-tag-height: 1.5rem;--vf-tag-padding: .125rem .3125rem;--vf-tag-font-size: var(--vf-text-label-font-size);--vf-tag-line-height: var(--vf-text-label-line-height);--vf-tooltip-padding: .5rem .75rem;--vf-tooltip-max-width: 16rem;--vf-tooltip-font-size: var(--vf-text-body-font-size);--vf-tooltip-line-height: var(--vf-text-body-line-height);--vf-dialog-width-sm: 28rem;--vf-dialog-width-md: 36rem;--vf-dialog-width-lg: 48rem;--vf-dialog-max-height: min(85vh, 48rem);--vf-drawer-size-sm: 20rem;--vf-drawer-size-md: 26rem;--vf-drawer-size-lg: 32rem;--vf-drawer-offset-top: 0px;--vf-drawer-body-padding: var(--vf-overlay-padding);--vf-dialog-title-font-size: var(--vf-text-body-font-size);--vf-dialog-header-gap: .75rem;--vf-dialog-actions-gap: .5rem;--vf-popover-width: min(100vw - 2rem, 22rem);--vf-floating-arrow-size: .625rem;--vf-overlay-backdrop: rgba(0, 0, 0, .44);--vf-alert-primary-soft: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));--vf-alert-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-alert-content-gap: .25rem;--vf-alert-title-font-size: var(--vf-text-body-font-size);--vf-card-title-font-size: var(--vf-text-body-font-size);--vf-panel-title-font-size: var(--vf-text-body-font-size);--vf-motion-duration-fast: .22s;--vf-motion-duration-normal: .32s;--vf-motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--vf-z-overlay: 1000;--vf-z-drawer: 1000;--vf-z-dropdown: 900;--vf-z-popover: 925;--vf-z-tooltip: 950;--vf-spacing: 1rem;--vf-shadow: none}:root{color-scheme:light;background-color:var(--vf-color-bg);color:var(--vf-color-text)}button,input,optgroup,select,textarea{font:inherit}:root[data-vf-theme=dark]{color-scheme:dark;--vf-color-bg: #1e1e1e;--vf-color-surface: #252526;--vf-color-surface-muted: #2d2d30;--vf-color-text: #d4d4d4;--vf-color-muted: #9da0a6;--vf-color-border: #3c3c3c;--vf-color-primary: #2f7fd6;--vf-color-primary-contrast: #ffffff;--vf-color-primary-soft: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-color-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-color-focus-ring: color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface));--vf-color-success: #3f8746;--vf-color-success-contrast: #ffffff;--vf-color-info: #1f76be;--vf-color-info-contrast: #ffffff;--vf-color-warn: #c6a25f;--vf-color-warn-contrast: #1f1300;--vf-color-help: #8553a1;--vf-color-help-contrast: #ffffff;--vf-color-danger: #bf3f3f;--vf-color-danger-contrast: #ffffff;--vf-color-contrast: #d7d7d7;--vf-color-contrast-contrast: #111827;--vf-color-success-soft: color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface));--vf-color-info-soft: color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface));--vf-color-warn-soft: color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface));--vf-color-help-soft: color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface));--vf-color-danger-soft: color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface));--vf-color-contrast-soft: color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface));--vf-color-success-border-soft: color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border));--vf-color-info-border-soft: color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border));--vf-color-warn-border-soft: color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border));--vf-color-help-border-soft: color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border));--vf-color-danger-border-soft: color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border));--vf-color-contrast-border-soft: color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border));--vf-focus-ring-width: 3px;--vf-z-overlay: 1000;--vf-z-drawer: 1000;--vf-z-dropdown: 900;--vf-z-popover: 925;--vf-z-tooltip: 950;--vf-shadow: none}:root.vf-theme-transitioning,:root.vf-theme-transitioning body,:root.vf-theme-transitioning #app,:root.vf-theme-transitioning [class^=vf-],:root.vf-theme-transitioning [class*=" vf-"],:root.vf-theme-transitioning .demo-page,:root.vf-theme-transitioning .demo-container,:root.vf-theme-transitioning .demo-header,:root.vf-theme-transitioning .demo-block,:root.vf-theme-transitioning .demo-example,:root.vf-theme-transitioning .demo-item{transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),fill var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),stroke var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-button,.vf-link,.vf-input,.vf-select,.vf-card,.vf-table,.vf-table-wrap,.vf-menu-bar,.vf-menu-bar__item,.vf-textarea,.vf-panel,.vf-badge,.vf-divider,.vf-dialog,.vf-dialog__overlay,.vf-dialog__content,.vf-drawer,.vf-drawer__overlay,.vf-drawer__content,.vf-dropdown,.vf-dropdown__trigger,.vf-dropdown__menu,.vf-accordion,.vf-accordion__trigger,.vf-nav-menu,.vf-nav-menu__item,.vf-table-of-contents,.vf-table-of-contents__link,.vf-tooltip,.vf-tooltip__trigger,.vf-tooltip__content,.vf-tabs,.vf-tabs__list,.vf-tabs__tab,.vf-tabs__panel{box-sizing:border-box;font-size:inherit;font-weight:inherit;line-height:inherit}.vf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-button-gap);min-height:var(--vf-control-height-md);padding:var(--vf-button-padding-md);border:1px solid transparent;border-radius:var(--vf-radius-control);background:var(--vf-color-primary);color:var(--vf-color-primary-contrast);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);cursor:pointer;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .12s ease}.vf-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vf-control-height-md);height:var(--vf-control-height-md);padding:0;border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;color:var(--vf-color-text);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .12s ease}.vf-button:focus-visible,.vf-icon-button:focus-visible{outline:none;border-color:var(--vf-color-primary);border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-button:disabled,.vf-icon-button:disabled{opacity:.65;cursor:not-allowed}.vf-button--secondary{background:var(--vf-color-surface-muted);border-color:var(--vf-color-border);color:var(--vf-color-text)}.vf-button--primary,.vf-icon-button--primary{background:var(--vf-color-primary);color:var(--vf-color-primary-contrast)}.vf-button--success,.vf-icon-button--success{background:var(--vf-color-success);color:var(--vf-color-success-contrast)}.vf-button--info,.vf-icon-button--info{background:var(--vf-color-info);color:var(--vf-color-info-contrast)}.vf-button--warn,.vf-icon-button--warn{background:var(--vf-color-warn);color:var(--vf-color-warn-contrast)}.vf-button--help,.vf-icon-button--help{background:var(--vf-color-help);color:var(--vf-color-help-contrast)}.vf-button--danger,.vf-icon-button--danger{background:var(--vf-color-danger);color:var(--vf-color-danger-contrast)}.vf-button--contrast,.vf-icon-button--contrast{background:var(--vf-color-contrast);color:var(--vf-color-contrast-contrast)}.vf-icon-button--secondary{background:var(--vf-color-surface-muted);border-color:var(--vf-color-border);color:var(--vf-color-text)}.vf-button--ghost,.vf-icon-button--ghost{background:transparent;color:var(--vf-color-text)}.vf-button--secondary:hover:not(:disabled),.vf-icon-button--secondary:hover:not(:disabled){background:var(--vf-button-secondary-hover-background);border-color:var(--vf-button-secondary-hover-border-color)}.vf-button--ghost:hover:not(:disabled),.vf-icon-button--ghost:hover:not(:disabled){background:var(--vf-button-ghost-hover-background);border-color:var(--vf-button-ghost-hover-border-color)}.vf-button--secondary:active:not(:disabled),.vf-icon-button--secondary:active:not(:disabled){background:var(--vf-button-secondary-active-background);border-color:var(--vf-button-secondary-active-border-color)}.vf-button--ghost:active:not(:disabled),.vf-icon-button--ghost:active:not(:disabled){background:var(--vf-button-ghost-active-background);border-color:var(--vf-button-ghost-active-border-color)}.vf-button--primary:hover:not(:disabled),.vf-icon-button--primary:hover:not(:disabled),.vf-button--success:hover:not(:disabled),.vf-icon-button--success:hover:not(:disabled),.vf-button--info:hover:not(:disabled),.vf-icon-button--info:hover:not(:disabled),.vf-button--warn:hover:not(:disabled),.vf-icon-button--warn:hover:not(:disabled),.vf-button--help:hover:not(:disabled),.vf-icon-button--help:hover:not(:disabled),.vf-button--danger:hover:not(:disabled),.vf-icon-button--danger:hover:not(:disabled),.vf-button--contrast:hover:not(:disabled),.vf-icon-button--contrast:hover:not(:disabled){filter:var(--vf-button-solid-hover-filter)}.vf-button--primary:active:not(:disabled),.vf-icon-button--primary:active:not(:disabled),.vf-button--success:active:not(:disabled),.vf-icon-button--success:active:not(:disabled),.vf-button--info:active:not(:disabled),.vf-icon-button--info:active:not(:disabled),.vf-button--warn:active:not(:disabled),.vf-icon-button--warn:active:not(:disabled),.vf-button--help:active:not(:disabled),.vf-icon-button--help:active:not(:disabled),.vf-button--danger:active:not(:disabled),.vf-icon-button--danger:active:not(:disabled),.vf-button--contrast:active:not(:disabled),.vf-icon-button--contrast:active:not(:disabled){filter:var(--vf-button-solid-active-filter)}.vf-button--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-button-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-icon-button--sm{width:var(--vf-control-height-sm);height:var(--vf-control-height-sm)}.vf-button--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-button-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-icon-button--lg{width:var(--vf-control-height-lg);height:var(--vf-control-height-lg)}.vf-button--block{width:100%}.vf-link{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;border:1px solid transparent;color:var(--vf-color-primary);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);cursor:pointer;text-decoration:none;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:.2em;transition:color .18s ease,text-decoration-color .18s ease,text-decoration-thickness .18s ease,opacity .18s ease}.vf-link:hover{color:color-mix(in srgb,var(--vf-color-primary) 72%,black)}.vf-link--underline-hover:hover{text-decoration:underline;text-decoration-color:currentColor}.vf-link:focus-visible{outline:none;border-color:var(--vf-color-primary);border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-link--muted{color:var(--vf-color-muted)}.vf-link--underline-always{text-decoration:underline;text-decoration-color:currentColor}.vf-link--underline-always:focus-visible,.vf-link--underline-hover:focus-visible{text-decoration:none}.vf-input,.vf-select-wrap,.vf-textarea{width:100%}.vf-select-wrap{position:relative}.vf-checkbox,.vf-switch,.vf-radio{position:relative;display:inline-flex;align-items:center;gap:var(--vf-selection-gap);width:fit-content;min-width:0;color:var(--vf-color-text);cursor:pointer}.vf-input{min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.vf-select{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-spacing-sm);width:100%;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease;text-align:left}.vf-select:hover:not(:disabled):not(.vf-select--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-select:focus,.vf-select:focus-visible{border-color:var(--vf-color-primary)}.vf-select:focus-visible{outline:none;border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-select--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-select--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-select--invalid{border-color:var(--vf-color-danger)}.vf-select--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-select:disabled{opacity:.65;cursor:not-allowed}.vf-select--open{border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-select--placeholder .vf-select__value{color:var(--vf-color-muted)}.vf-select__value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-select__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:var(--vf-color-muted);pointer-events:none;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-select--open .vf-select__icon{transform:rotate(180deg)}.vf-select__menu{min-width:var(--vf-menu-min-width);max-height:min(13rem,38vh);overflow:auto;overscroll-behavior:contain}.vf-select__option:hover:not(:disabled):not(.vf-select__option--selected):not([aria-selected=true]){border-color:transparent;background:var(--vf-selectable-hover-background);color:var(--vf-selectable-hover-color)}.vf-select__option:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring);background:var(--vf-selectable-hover-background);color:var(--vf-color-primary)}.vf-select__option--selected,.vf-select__option[aria-selected=true]{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-selectable-active-background)}.vf-select__option--selected:hover,.vf-select__option--selected:focus-visible,.vf-select__option[aria-selected=true]:hover,.vf-select__option[aria-selected=true]:focus-visible{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-selectable-active-background)}.vf-input::placeholder{color:var(--vf-color-muted)}.vf-input:hover:not(:disabled):not(.vf-input--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-input:focus,.vf-input:focus-visible{border-color:var(--vf-color-primary)}.vf-input:focus-visible,.vf-textarea:focus-visible{outline:none;border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-input--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-input--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-input--invalid{border-color:var(--vf-color-danger)}.vf-input--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-textarea{min-height:var(--vf-textarea-min-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);resize:vertical;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.vf-textarea::placeholder{color:var(--vf-color-muted)}.vf-textarea:hover:not(:disabled):not(.vf-textarea--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-textarea:focus,.vf-textarea:focus-visible{border-color:var(--vf-color-primary)}.vf-textarea--sm{min-height:var(--vf-textarea-min-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-textarea--lg{min-height:var(--vf-textarea-min-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-textarea--invalid{border-color:var(--vf-color-danger)}.vf-textarea--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-input:disabled,.vf-select:disabled,.vf-textarea:disabled{opacity:.65;cursor:not-allowed}.vf-checkbox--disabled,.vf-switch--disabled,.vf-radio--disabled{opacity:.65;cursor:not-allowed}.vf-checkbox__input,.vf-switch__input,.vf-radio__input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.vf-checkbox__control,.vf-switch__control,.vf-radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--vf-color-border);background:var(--vf-color-surface);transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-checkbox__content,.vf-switch__content,.vf-radio__content{min-width:0;color:currentColor;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-checkbox__control{width:var(--vf-checkbox-size-md);height:var(--vf-checkbox-size-md);border-radius:calc(var(--vf-radius-control-tight) - .0625rem);background:var(--vf-radio-control-background)}.vf-checkbox__mark{width:var(--vf-checkbox-mark-width);height:var(--vf-checkbox-mark-height);border-right:var(--vf-checkbox-mark-stroke-width) solid transparent;border-bottom:var(--vf-checkbox-mark-stroke-width) solid transparent;transform:translateY(var(--vf-checkbox-mark-offset-y)) rotate(45deg) scale(.8);opacity:0;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-checkbox__input:checked+.vf-checkbox__control{border-color:var(--vf-color-primary);background:var(--vf-color-primary)}.vf-checkbox__input:checked+.vf-checkbox__control .vf-checkbox__mark{border-right-color:var(--vf-color-primary-contrast);border-bottom-color:var(--vf-color-primary-contrast);transform:translateY(var(--vf-checkbox-mark-offset-y)) rotate(45deg) scale(1);opacity:1}.vf-checkbox:hover:not(.vf-checkbox--disabled) .vf-checkbox__input:not(:checked)+.vf-checkbox__control{border-color:var(--vf-color-primary-border-soft)}.vf-checkbox__input:focus-visible+.vf-checkbox__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-checkbox--invalid .vf-checkbox__control{border-color:var(--vf-color-danger)}.vf-checkbox--invalid:hover:not(.vf-checkbox--disabled) .vf-checkbox__input:not(:checked)+.vf-checkbox__control{border-color:var(--vf-color-danger-border-soft)}.vf-checkbox--sm .vf-checkbox__control{width:var(--vf-checkbox-size-sm);height:var(--vf-checkbox-size-sm)}.vf-checkbox--sm .vf-checkbox__content{font-size:var(--vf-control-font-size-sm)}.vf-checkbox--lg .vf-checkbox__control{width:var(--vf-checkbox-size-lg);height:var(--vf-checkbox-size-lg)}.vf-checkbox--lg .vf-checkbox__content{font-size:var(--vf-control-font-size-lg)}.vf-radio__control{width:var(--vf-checkbox-size-md);height:var(--vf-checkbox-size-md);border-radius:999px;background:var(--vf-radio-control-background)}.vf-radio__dot{width:var(--vf-radio-dot-size);height:var(--vf-radio-dot-size);border-radius:999px;background:var(--vf-color-primary);transform:scale(.35);opacity:0;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-radio__input:checked+.vf-radio__control{border-color:var(--vf-color-primary)}.vf-radio__input:checked+.vf-radio__control .vf-radio__dot{transform:scale(1);opacity:1}.vf-radio:hover:not(.vf-radio--disabled) .vf-radio__input:not(:checked)+.vf-radio__control{border-color:var(--vf-radio-hover-border-color)}.vf-radio__input:focus-visible+.vf-radio__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-radio--invalid .vf-radio__control{border-color:var(--vf-color-danger)}.vf-radio--invalid:hover:not(.vf-radio--disabled) .vf-radio__input:not(:checked)+.vf-radio__control{border-color:var(--vf-color-danger-border-soft)}.vf-radio--sm .vf-radio__control{width:var(--vf-checkbox-size-sm);height:var(--vf-checkbox-size-sm)}.vf-radio--sm .vf-radio__content{font-size:var(--vf-control-font-size-sm)}.vf-radio--lg .vf-radio__control{width:var(--vf-checkbox-size-lg);height:var(--vf-checkbox-size-lg)}.vf-radio--lg .vf-radio__content{font-size:var(--vf-control-font-size-lg)}.vf-switch__control{width:var(--vf-switch-width-md);height:var(--vf-switch-height-md);border-radius:999px;background:var(--vf-switch-track-background)}.vf-switch__thumb{position:absolute;left:var(--vf-switch-thumb-inset);display:inline-flex;align-items:center;justify-content:center;width:var(--vf-switch-thumb-size-md);height:var(--vf-switch-thumb-size-md);border-radius:999px;border:1px solid var(--vf-switch-thumb-border-color);background:var(--vf-switch-thumb-background);box-shadow:var(--vf-switch-thumb-shadow);color:var(--vf-switch-thumb-color);line-height:1;transform:translate(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-switch__thumb>.vif-icon{width:var(--vf-switch-thumb-icon-size);height:var(--vf-switch-thumb-icon-size)}:root.vf-theme-transitioning .vf-switch__control{transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}:root.vf-theme-transitioning .vf-switch__thumb{transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-switch__input:checked+.vf-switch__control,.vf-switch--checked .vf-switch__control{border-color:var(--vf-color-primary);background:var(--vf-switch-track-checked-background)}.vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-md) - var(--vf-switch-thumb-size-md) - (var(--vf-switch-thumb-inset) * 2)));border-color:var(--vf-switch-thumb-checked-border-color);background:var(--vf-switch-thumb-checked-background);box-shadow:var(--vf-switch-thumb-checked-shadow)}.vf-switch:hover:not(.vf-switch--disabled) .vf-switch__control{border-color:var(--vf-color-primary-border-soft);background:var(--vf-switch-track-hover-background)}.vf-switch:hover:not(.vf-switch--disabled) .vf-switch__input:checked+.vf-switch__control,.vf-switch--checked:hover:not(.vf-switch--disabled) .vf-switch__control{border-color:var(--vf-color-primary);background:var(--vf-switch-track-checked-hover-background)}.vf-switch__input:focus-visible+.vf-switch__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-switch--sm .vf-switch__control{width:var(--vf-switch-width-sm);height:var(--vf-switch-height-sm)}.vf-switch--sm .vf-switch__thumb{left:var(--vf-switch-thumb-inset);width:var(--vf-switch-thumb-size-sm);height:var(--vf-switch-thumb-size-sm)}.vf-switch--sm .vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--sm.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-sm) - var(--vf-switch-thumb-size-sm) - (var(--vf-switch-thumb-inset) * 2)))}.vf-switch--sm .vf-switch__content{font-size:var(--vf-control-font-size-sm)}.vf-switch--lg .vf-switch__control{width:var(--vf-switch-width-lg);height:var(--vf-switch-height-lg)}.vf-switch--lg .vf-switch__thumb{left:var(--vf-switch-thumb-inset);width:var(--vf-switch-thumb-size-lg);height:var(--vf-switch-thumb-size-lg)}.vf-switch--lg .vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--lg.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-lg) - var(--vf-switch-thumb-size-lg) - (var(--vf-switch-thumb-inset) * 2)))}.vf-switch--lg .vf-switch__content{font-size:var(--vf-control-font-size-lg)}.vf-card{display:flex;flex-direction:column;gap:var(--vf-surface-gap);padding:var(--vf-surface-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height)}.vf-card--compact{padding:var(--vf-surface-padding-compact);gap:var(--vf-surface-gap-compact)}.vf-card__title{margin:0;font-size:var(--vf-card-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-card__body{color:var(--vf-color-muted)}.vf-panel{display:flex;flex-direction:column;gap:var(--vf-surface-gap);padding:var(--vf-surface-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height)}.vf-panel--subtle{background:transparent;box-shadow:none}.vf-panel__title{margin:0;font-size:var(--vf-panel-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-table-wrap{display:flex;width:100%;min-width:0;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);overflow:hidden}.vf-table-scroll{width:100%;overflow-x:auto}.vf-table{width:100%;min-width:36rem;border-collapse:separate;border-spacing:0;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-table__caption{padding:.875rem 1rem 0;text-align:left;color:var(--vf-color-muted)}.vf-table :where(th,td){padding:.625rem .875rem;text-align:left;vertical-align:top}.vf-table :where(th){font-weight:var(--vf-font-weight-medium);color:var(--vf-color-text);background:var(--vf-color-surface-muted)}.vf-table :where(td){color:var(--vf-color-text)}.vf-table thead th{border-bottom:1px solid var(--vf-color-border)}.vf-table tbody tr+tr td,.vf-table tfoot tr:first-child td{border-top:1px solid var(--vf-color-border)}.vf-table tfoot td{color:var(--vf-color-muted);background:color-mix(in srgb,var(--vf-color-surface) 88%,var(--vf-color-surface-muted))}.vf-table--striped tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--vf-color-surface) 78%,var(--vf-color-surface-muted))}.vf-table--compact :where(th,td){padding:.5rem .75rem}.vf-table--sticky-header thead th{position:sticky;top:0;z-index:1}.vf-badge{display:inline-flex;align-items:center;gap:var(--vf-badge-gap);min-height:var(--vf-badge-height);padding:var(--vf-badge-padding);border-radius:var(--vf-badge-radius);font-size:var(--vf-badge-font-size);font-weight:var(--vf-font-weight-regular);line-height:var(--vf-badge-line-height);letter-spacing:.01em;white-space:nowrap;background:var(--vf-color-surface-muted);border:1px solid var(--vf-color-border);color:var(--vf-color-text)}.vf-badge--primary{background:var(--vf-color-primary-soft);border-color:var(--vf-color-primary);color:var(--vf-color-primary)}.vf-badge--success{background:var(--vf-color-success-soft);border-color:var(--vf-color-success);color:var(--vf-color-success)}.vf-badge--info{background:var(--vf-color-info-soft);border-color:var(--vf-color-info);color:var(--vf-color-info)}.vf-badge--warn{background:var(--vf-color-warn-soft);border-color:var(--vf-color-warn);color:var(--vf-color-warn)}.vf-badge--help{background:var(--vf-color-help-soft);border-color:var(--vf-color-help);color:var(--vf-color-help)}.vf-badge--danger{background:var(--vf-color-danger-soft);border-color:var(--vf-color-danger);color:var(--vf-color-danger)}.vf-badge--contrast{background:var(--vf-color-contrast-soft);border-color:var(--vf-color-contrast);color:var(--vf-color-contrast)}.vf-tag{display:inline-flex;align-items:center;min-height:var(--vf-tag-height);padding:var(--vf-tag-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control-tight);background:color-mix(in srgb,var(--vf-color-surface) 94%,var(--vf-color-surface-muted));color:var(--vf-color-text);font-size:var(--vf-tag-font-size);font-weight:var(--vf-font-weight-regular);line-height:var(--vf-tag-line-height);letter-spacing:.01em;white-space:nowrap}.vf-tag--primary{border-color:var(--vf-color-primary);color:var(--vf-color-primary)}.vf-tag--success{border-color:var(--vf-color-success);color:var(--vf-color-success)}.vf-tag--info{border-color:var(--vf-color-info);color:var(--vf-color-info)}.vf-tag--warn{border-color:var(--vf-color-warn);color:var(--vf-color-warn)}.vf-tag--help{border-color:var(--vf-color-help);color:var(--vf-color-help)}.vf-tag--danger{border-color:var(--vf-color-danger);color:var(--vf-color-danger)}.vf-tag--contrast{border-color:var(--vf-color-contrast);color:var(--vf-color-contrast)}.vf-alert{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--vf-section-gap);padding:var(--vf-section-padding);border:1px solid var(--vf-alert-primary-border-soft);border-radius:var(--vf-radius-surface);background:var(--vf-alert-primary-soft);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);overflow:hidden;box-shadow:0 1px 2px color-mix(in srgb,var(--vf-color-text) 4%,transparent)}.vf-alert--success{border-color:var(--vf-color-success-border-soft);background:var(--vf-color-success-soft)}.vf-alert--info{border-color:var(--vf-color-info-border-soft);background:var(--vf-color-info-soft)}.vf-alert--warn{border-color:var(--vf-color-warn-border-soft);background:var(--vf-color-warn-soft)}.vf-alert--help{border-color:var(--vf-color-help-border-soft);background:var(--vf-color-help-soft)}.vf-alert--danger{border-color:var(--vf-color-danger-border-soft);background:var(--vf-color-danger-soft)}.vf-alert--contrast{border-color:var(--vf-color-contrast-border-soft);background:var(--vf-color-contrast-soft)}.vf-alert__icon{display:inline-flex;align-items:center;justify-content:center;align-self:start;color:var(--vf-color-primary);width:1.75rem;height:1.75rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 10%,var(--vf-color-surface))}.vf-alert--success .vf-alert__icon{color:var(--vf-color-success)}.vf-alert--info .vf-alert__icon{color:var(--vf-color-info)}.vf-alert--warn .vf-alert__icon{color:var(--vf-color-warn)}.vf-alert--help .vf-alert__icon{color:var(--vf-color-help)}.vf-alert--danger .vf-alert__icon{color:var(--vf-color-danger)}.vf-alert--contrast .vf-alert__icon{color:var(--vf-color-contrast)}.vf-alert__content{display:grid;gap:var(--vf-alert-content-gap);align-content:start}.vf-alert__title{margin:0;font-size:var(--vf-alert-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-alert__body{color:color-mix(in srgb,var(--vf-color-muted) 92%,var(--vf-color-text));line-height:var(--vf-text-body-line-height);max-width:68ch}.vf-divider{margin:0;border:0;background:var(--vf-color-border);flex-shrink:0}.vf-divider--horizontal{width:100%;height:1px}.vf-divider--vertical{width:1px;align-self:stretch}.vf-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--vf-overlay-viewport-padding)}.vf-drawer{position:fixed;inset-inline:0;inset-block-end:0;inset-block-start:var(--vf-drawer-offset-top);z-index:var(--vf-z-drawer);display:flex;--vf-drawer-offset-x: 0;--vf-drawer-offset-y: 0}.vf-drawer--left{justify-content:flex-start;--vf-drawer-offset-x: -100%}.vf-drawer--right{justify-content:flex-end;--vf-drawer-offset-x: 100%}.vf-drawer--top{align-items:flex-start;--vf-drawer-offset-y: -100%}.vf-drawer--bottom{align-items:flex-end;--vf-drawer-offset-y: 100%}.vf-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vf-overlay-backdrop);opacity:1;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vf-overlay-backdrop);opacity:1;transition:opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dialog__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--vf-overlay-gap);width:min(100%,var(--vf-dialog-width-md));max-height:var(--vf-dialog-max-height);overflow:auto;padding:var(--vf-overlay-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);opacity:1;transform:translateZ(0);transition:transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-drawer__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--vf-overlay-gap);overflow:hidden;padding:0;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);transform:translateZ(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dialog-transition-enter-active,.vf-dialog-transition-leave-active{transition:none}.vf-dialog-transition-enter-from .vf-dialog__overlay,.vf-dialog-transition-leave-to .vf-dialog__overlay{opacity:0}.vf-dialog-transition-enter-from .vf-dialog__content,.vf-dialog-transition-leave-to .vf-dialog__content{opacity:0;transform:translate3d(0,.75rem,0)}.vf-drawer-transition-enter-active,.vf-drawer-transition-leave-active{transition:none}.vf-drawer-transition-enter-from .vf-drawer__overlay,.vf-drawer-transition-leave-to .vf-drawer__overlay{opacity:0}.vf-drawer-transition-enter-from .vf-drawer__content,.vf-drawer-transition-leave-to .vf-drawer__content{transform:translate3d(var(--vf-drawer-offset-x),var(--vf-drawer-offset-y),0)}.vf-dialog__content:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-drawer__content:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-dialog__content--sm{width:min(100%,var(--vf-dialog-width-sm))}.vf-dialog__content--lg{width:min(100%,var(--vf-dialog-width-lg))}.vf-drawer__content--left,.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-md));height:100%}.vf-drawer__content--left{border-left:none;border-top:none;border-bottom:none;border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0);border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0)}.vf-drawer__content--right{border-right:none;border-top:none;border-bottom:none;border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0)}.vf-drawer__content--top,.vf-drawer__content--bottom{width:100dvw;min-height:min(100%,var(--vf-drawer-size-md));max-height:100%}.vf-drawer__content--top{border-top:none;border-left:none;border-right:none;border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0);border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0)}.vf-drawer__content--bottom{border-bottom:none;border-left:none;border-right:none;border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0)}.vf-drawer--rounded .vf-drawer__content--left{border-top-right-radius:var( --vf-drawer-radius-top-right, var(--vf-radius-overlay) );border-bottom-right-radius:var( --vf-drawer-radius-bottom-right, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--right{border-top-left-radius:var( --vf-drawer-radius-top-left, var(--vf-radius-overlay) );border-bottom-left-radius:var( --vf-drawer-radius-bottom-left, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--top{border-bottom-left-radius:var( --vf-drawer-radius-bottom-left, var(--vf-radius-overlay) );border-bottom-right-radius:var( --vf-drawer-radius-bottom-right, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--bottom{border-top-left-radius:var( --vf-drawer-radius-top-left, var(--vf-radius-overlay) );border-top-right-radius:var( --vf-drawer-radius-top-right, var(--vf-radius-overlay) )}.vf-drawer--offset-top.vf-drawer--left .vf-drawer__content--left,.vf-drawer--offset-top.vf-drawer--right .vf-drawer__content--right,.vf-drawer--offset-top.vf-drawer--top .vf-drawer__content--top{border-top:1px solid var(--vf-color-border)}.vf-drawer__content--sm.vf-drawer__content--left,.vf-drawer__content--sm.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-sm))}.vf-drawer__content--lg.vf-drawer__content--left,.vf-drawer__content--lg.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-lg))}.vf-drawer__content--sm.vf-drawer__content--top,.vf-drawer__content--sm.vf-drawer__content--bottom{min-height:min(100dvh,var(--vf-drawer-size-sm))}.vf-drawer__content--lg.vf-drawer__content--top,.vf-drawer__content--lg.vf-drawer__content--bottom{min-height:min(100dvh,var(--vf-drawer-size-lg))}.vf-dialog__header,.vf-dialog__footer,.vf-drawer__header,.vf-drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-dialog-header-gap)}.vf-dialog__actions,.vf-drawer__actions{display:inline-flex;align-items:center;gap:var(--vf-dialog-actions-gap)}.vf-dialog__actions .vf-icon-button,.vf-drawer__actions .vf-icon-button{color:var(--vf-color-muted)}.vf-dialog__actions .vf-icon-button .vif-icon,.vf-drawer__actions .vf-icon-button .vif-icon{width:1rem;height:1rem}.vf-dialog__title,.vf-drawer__title{margin:0;font-size:var(--vf-dialog-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-dialog__description{margin:0;color:var(--vf-color-muted);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-dialog__body,.vf-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-drawer__header,.vf-drawer__footer{padding:var(--vf-overlay-padding)}.vf-drawer__body{padding:var(--vf-drawer-body-padding)}.vf-dropdown,.vf-popover{position:relative;display:inline-flex;flex-direction:column}.vf-dropdown__trigger,.vf-popover__trigger{width:fit-content;border:1px solid transparent;border-radius:var(--vf-radius-control)}.vf-dropdown__trigger:focus-visible,.vf-popover__trigger:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-dropdown__menu{position:fixed;top:0;left:0;z-index:var(--vf-z-dropdown);display:flex;flex-direction:column;gap:var(--vf-menu-gap);min-width:var(--vf-menu-min-width);padding:var(--vf-menu-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top}.vf-dropdown__arrow{position:absolute;z-index:0;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border);transform:rotate(45deg);pointer-events:none}.vf-dropdown__arrow--bottom{margin-top:-1px}.vf-dropdown__arrow--top{margin-top:1px}.vf-popover__content{position:fixed;left:0;top:0;z-index:var(--vf-z-popover);width:var(--vf-popover-width);padding:var(--vf-section-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top;box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-popover__arrow{position:absolute;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border);transform:rotate(45deg);pointer-events:none}.vf-popover__arrow--bottom{margin-top:-1px}.vf-popover__arrow--top{margin-top:1px}.vf-dropdown__item{position:relative;z-index:1;display:flex;align-items:center;width:100%;min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);border:1px solid transparent;border-radius:var(--vf-radius-control-tight);background:transparent;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);text-align:left;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dropdown__item:hover{color:var(--vf-selectable-hover-color);border-color:transparent;background:var(--vf-selectable-hover-background)}.vf-dropdown__item:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring);color:var(--vf-color-primary)}.vf-tooltip{position:relative;display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start}.vf-tooltip__trigger{display:inline-flex;width:fit-content;max-width:100%}.vf-tooltip__content{position:fixed;left:0;top:0;z-index:var(--vf-z-tooltip);max-width:var(--vf-tooltip-max-width);padding:var(--vf-tooltip-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control-tight);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-tooltip-font-size);line-height:var(--vf-tooltip-line-height);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top;box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-floating-transition-enter-from.vf-dropdown__menu,.vf-floating-transition-leave-to.vf-dropdown__menu,.vf-floating-transition-enter-from.vf-popover__content,.vf-floating-transition-leave-to.vf-popover__content,.vf-floating-transition-enter-from.vf-tooltip__content,.vf-floating-transition-leave-to.vf-tooltip__content,.vf-floating-transition-enter-from.vf-menu-bar__submenu,.vf-floating-transition-leave-to.vf-menu-bar__submenu{opacity:0;transform:translate3d(0,.25rem,0) scale(.97)}.vf-tooltip__arrow{position:absolute;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);transform:rotate(45deg);pointer-events:none}.vf-tooltip__arrow--bottom{border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border)}.vf-tooltip__arrow--top{border-right:1px solid var(--vf-color-border);border-bottom:1px solid var(--vf-color-border)}.vf-accordion{border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text)}.vf-breadcrumbs{display:flex;width:100%;min-width:0}.vf-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none}.vf-breadcrumbs__item{display:inline-flex;align-items:center;gap:.375rem;min-width:0}.vf-breadcrumbs__link,.vf-breadcrumbs__current{min-width:0;font-size:var(--vf-text-body-font-size);line-height:var(--vf-text-body-line-height);text-decoration:none;overflow-wrap:anywhere}.vf-breadcrumbs__link{color:var(--vf-color-muted);transition:color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-breadcrumbs__link:hover{color:var(--vf-selectable-hover-color)}.vf-breadcrumbs__link:focus-visible{outline:none;color:var(--vf-color-primary)}.vf-breadcrumbs__current{color:var(--vf-color-text);font-weight:var(--vf-font-weight-medium)}.vf-breadcrumbs__current--disabled{color:var(--vf-color-muted);opacity:.65}.vf-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:.875rem;height:.875rem;color:var(--vf-color-muted)}.vf-menu-bar{display:flex;width:100%;min-width:0}.vf-menu-bar__list,.vf-menu-bar__submenu-list{margin:0;padding:0;list-style:none}.vf-menu-bar__list{position:relative;display:flex;align-items:center;gap:var(--vf-nav-menu-list-gap);width:100%;min-width:0}.vf-menu-bar__node{position:relative;min-width:0}.vf-menu-bar__group{padding:.375rem .75rem;font-size:var(--vf-text-label-font-size);font-weight:var(--vf-text-label-font-weight);line-height:var(--vf-text-label-line-height);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--vf-color-muted) 90%,var(--vf-color-text));cursor:default}.vf-menu-bar__item{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-nav-menu-item-gap);width:100%;min-width:0;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-menu-bar__item--top{width:auto;white-space:nowrap}.vf-menu-bar__item:hover:not(:disabled):not(.vf-menu-bar__item--active),.vf-menu-bar__item--open{color:var(--vf-selectable-hover-color);background:var(--vf-selectable-hover-background)}.vf-menu-bar__item--active{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);background:var(--vf-selectable-active-background)}.vf-menu-bar__item--ancestor-active{color:var(--vf-selectable-active-color);background:transparent}.vf-menu-bar__item:focus-visible{outline:none;color:var(--vf-color-primary);border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-menu-bar__item--disabled{opacity:.5;cursor:not-allowed}.vf-menu-bar__item-content{display:inline-flex;align-items:center;gap:var(--vf-nav-menu-item-gap);min-width:0}.vf-menu-bar__leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:currentColor}.vf-menu-bar__label{min-width:0;overflow-wrap:anywhere}.vf-menu-bar__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:currentColor;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-menu-bar__item--top.vf-menu-bar__item--open .vf-menu-bar__icon{transform:rotate(180deg)}.vf-menu-bar__submenu{position:absolute;z-index:var(--vf-z-dropdown);min-width:max-content;opacity:1;transform:translateZ(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:transform,opacity}.vf-menu-bar__submenu--root{top:calc(100% + .5rem);left:0}.vf-menu-bar__submenu--nested{top:-.25rem;left:100%}.vf-menu-bar__submenu-list{display:grid;gap:var(--vf-nav-menu-list-gap);min-width:14rem;padding:.25rem;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-menu-bar__submenu--nested .vf-menu-bar__submenu-list{min-width:12rem;padding:.1875rem}.vf-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-spacing);position:relative;z-index:1;width:100%;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid transparent;border-radius:inherit;background:transparent;color:inherit;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-font-weight-medium);line-height:var(--vf-text-body-line-height);cursor:pointer;text-align:left}.vf-accordion__trigger[aria-expanded=true]{color:var(--vf-selectable-active-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.vf-accordion__trigger:hover:not(:disabled):not([aria-expanded=true]){background:transparent;color:var(--vf-selectable-hover-color)}.vf-accordion__trigger:focus-visible{z-index:2;outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-accordion__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;line-height:1;color:var(--vf-color-muted);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-accordion__icon .vif-icon{width:1rem;height:1rem}.vf-accordion__icon--open{transform:rotate(180deg)}.vf-accordion__content{overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:var(--vf-color-surface)}.vf-accordion__content-inner{position:relative;z-index:1;border-top:1px solid var(--vf-color-border);padding:var(--vf-section-padding);color:var(--vf-color-muted);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-tabs{display:flex;flex-direction:column;gap:calc(var(--vf-tabs-gap) - .25rem)}.vf-tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--vf-tabs-list-gap);width:100%;padding:0 0 3px;border-bottom:1px solid var(--vf-color-border);background:transparent}.vf-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);padding-inline:var(--vf-tabs-tab-padding-inline);margin-bottom:0;border:none;border-radius:0;background:transparent;color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-font-weight-medium);line-height:var(--vf-text-body-line-height);cursor:pointer;white-space:nowrap;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-tabs__indicator{position:absolute;inset-inline-start:0;inset-block-end:-3px;display:block;height:3px;background:var(--vf-color-primary);pointer-events:none}.vf-tabs__indicator--ready{transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),width var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-tabs__tab:first-child{padding-left:0}.vf-tabs__tab:hover:not(:disabled):not([aria-selected=true]){color:var(--vf-selectable-hover-color);background:transparent}.vf-tabs__tab[aria-selected=true]{color:var(--vf-selectable-active-color);border-bottom-color:transparent}.vf-tabs__tab:focus-visible{outline:none;border-radius:var(--vf-radius-control-tight);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.vf-tabs__panel{border:1px solid transparent;border-radius:var(--vf-radius-control);padding:var(--vf-tabs-panel-padding-top) 0 0;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-tabs__panel:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-nav-menu{display:flex;flex-direction:column;width:100%;min-width:0}.vf-nav-menu__list{display:grid;gap:var(--vf-nav-menu-list-gap);margin:0;padding:0;list-style:none}.vf-nav-menu__list--nested{margin-top:0;gap:var(--vf-nav-menu-nested-gap);padding-top:0}.vf-nav-menu__collapse{overflow:hidden;margin-top:var(--vf-nav-menu-collapse-offset-top)}.vf-nav-menu__collapse--level-0{margin-left:var(--vf-nav-menu-collapse-inset-level-0-margin);padding-left:var(--vf-nav-menu-collapse-inset-level-0-padding)}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__collapse--level-0{margin-left:0;padding-left:0}.vf-nav-menu--simple .vf-nav-menu__collapse--level-0{margin-left:var(--vf-nav-menu-collapse-inset-simple-level-0-margin);padding-left:var(--vf-nav-menu-collapse-inset-simple-level-0-padding)}.vf-nav-menu__collapse:not(.vf-nav-menu__collapse--level-0){margin-left:var(--vf-nav-menu-collapse-inset-deep-margin);padding-left:var(--vf-nav-menu-collapse-inset-deep-padding)}.vf-nav-menu--simple .vf-nav-menu__collapse:not(.vf-nav-menu__collapse--level-0){margin-left:var(--vf-nav-menu-collapse-inset-simple-deep-margin);padding-left:var(--vf-nav-menu-collapse-inset-simple-deep-padding)}.vf-nav-menu__node{display:block}.vf-nav-menu__collapse>.vf-nav-menu__list--nested>.vf-nav-menu__node:first-child>.vf-nav-menu__group{padding-top:0}.vf-nav-menu__group{display:flex;align-items:center;min-height:var(--vf-control-height-sm);padding:var(--vf-nav-menu-group-padding);cursor:default}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__group{padding-left:calc(.75rem + var(--vf-nav-menu-leading-icon-column-size) + var(--vf-nav-menu-item-gap))}.vf-nav-menu__group-label{font-size:var(--vf-nav-menu-group-font-size);font-weight:var(--vf-text-label-font-weight);line-height:var(--vf-text-label-line-height);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--vf-color-muted) 90%,var(--vf-color-text))}.vf-nav-menu__item-content{display:inline-flex;align-items:center;gap:var(--vf-nav-menu-item-gap);min-width:0}.vf-nav-menu__leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vf-nav-menu-leading-icon-column-size);min-width:var(--vf-nav-menu-leading-icon-column-size);color:currentColor}.vf-nav-menu__leading-icon .vif-icon{width:var(--vf-nav-menu-leading-icon-size);height:var(--vf-nav-menu-leading-icon-size)}.vf-nav-menu__item,.vf-table-of-contents__link{display:flex;align-items:center;width:100%;min-height:var(--vf-control-height-md);min-width:0;border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);color:var(--vf-color-text);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-nav-menu__item{justify-content:space-between;padding:var(--vf-nav-menu-item-padding)}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__item--icon-offset{margin-left:calc(var(--vf-nav-menu-leading-icon-column-size) + var(--vf-nav-menu-item-gap));width:calc(100% - var(--vf-nav-menu-leading-icon-column-size) - var(--vf-nav-menu-item-gap))}.vf-nav-menu__item:hover:not(:disabled):not(.vf-nav-menu__item--active),.vf-table-of-contents__link:hover:not(.vf-table-of-contents__link--active){color:var(--vf-selectable-hover-color);border-color:transparent;background:var(--vf-selectable-hover-background)}.vf-nav-menu__item:focus-visible,.vf-table-of-contents__link:focus-visible{outline:none;color:var(--vf-color-primary);border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-nav-menu__item--active,.vf-table-of-contents__link--active{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-selectable-active-background)}.vf-nav-menu__item--ancestor-active,.vf-menu-bar__item--ancestor-active{color:var(--vf-color-primary)}.vf-nav-menu__item--disabled{cursor:not-allowed;opacity:.5}.vf-nav-menu__item--branch{font-weight:var(--vf-text-label-font-weight);color:var(--vf-color-text)}.vf-nav-menu__item--branch.vf-nav-menu__item--ancestor-active{color:var(--vf-color-primary)}.vf-nav-menu__label{min-width:0;overflow-wrap:anywhere}.vf-nav-menu__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;line-height:1;color:currentColor;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-nav-menu__icon .vif-icon{width:1rem;height:1rem}.vf-nav-menu__icon--open{transform:rotate(180deg)}.vf-table-of-contents{display:flex;flex-direction:column;width:100%;min-width:0}.vf-table-of-contents__list{display:grid;gap:var(--vf-table-of-contents-list-gap);margin:0;padding:0;list-style:none}.vf-table-of-contents__item{display:block;min-width:0;padding-left:calc((var(--vf-toc-level, 1) - 1) * var(--vf-table-of-contents-level-step))}.vf-table-of-contents__link{position:relative;width:auto;padding:var(--vf-table-of-contents-item-padding);text-decoration:none;overflow-wrap:anywhere}.vf-table-of-contents:not(.vf-table-of-contents--ready) .vf-table-of-contents__link{transition:none}
+:root{--vf-breakpoint-xs: 480px;--vf-breakpoint-sm: 640px;--vf-breakpoint-md: 768px;--vf-breakpoint-lg: 1024px;--vf-breakpoint-xl: 1280px;--vf-breakpoint-2xl: 1536px}:root{--vf-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vf-font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vf-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--vf-font-weight-regular: 400;--vf-font-weight-medium: 500;--vf-font-weight-semibold: 600;--vf-font-weight-bold: 700;--vf-font-size-xs: .75rem;--vf-font-size-sm: .8125rem;--vf-font-size-md: .875rem;--vf-font-size-lg: .9375rem;--vf-font-size-xl: 1rem;--vf-font-size-2xl: 1.125rem;--vf-font-size-3xl: 1.25rem;--vf-line-height-tight: 1.2;--vf-line-height-normal: 1.5;--vf-line-height-relaxed: 1.65;--vf-selectable-hover-color: var(--vf-color-primary);--vf-selectable-hover-background: transparent;--vf-selectable-active-color: var(--vf-color-primary);--vf-selectable-active-background: color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface));--vf-nav-menu-item-hover-color: var(--vf-color-primary);--vf-nav-menu-item-hover-background: transparent;--vf-nav-menu-item-active-color: var(--vf-color-primary);--vf-nav-menu-item-active-background: transparent;--vf-nav-menu-pills-item-padding: var(--vf-field-padding-md);--vf-nav-menu-pills-list-gap: var(--vf-nav-menu-list-gap);--vf-nav-menu-pills-nested-gap: var(--vf-nav-menu-nested-gap);--vf-nav-menu-pills-collapse-offset-top: var(--vf-nav-menu-collapse-offset-top);--vf-nav-menu-pills-item-min-height: var(--vf-control-height-md);--vf-nav-menu-pills-item-hover-color: var(--vf-selectable-hover-color);--vf-nav-menu-pills-item-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);--vf-nav-menu-pills-item-active-color: var(--vf-selectable-active-color);--vf-nav-menu-pills-item-active-background: var(--vf-selectable-active-background);--vf-nav-menu-group-label-color: color-mix(in srgb, var(--vf-color-muted) 90%, var(--vf-color-text));--vf-nav-menu-item-color: var(--vf-color-text);--vf-nav-menu-item-radius: var(--vf-radius-control);--vf-nav-menu-item-focus-color: var(--vf-color-primary);--vf-nav-menu-item-focus-border-color: var(--vf-color-primary);--vf-nav-menu-item-ancestor-active-color: var(--vf-color-primary);--vf-nav-menu-branch-color: var(--vf-color-text);--vf-nav-menu-branch-ancestor-active-color: var(--vf-nav-menu-item-ancestor-active-color);--vf-table-of-contents-pills-list-gap: var(--vf-table-of-contents-list-gap);--vf-table-of-contents-pills-item-padding: var(--vf-field-padding-md);--vf-table-of-contents-pills-item-min-height: var(--vf-control-height-md);--vf-table-of-contents-pills-hover-color: var(--vf-table-of-contents-hover-color);--vf-table-of-contents-pills-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);--vf-table-of-contents-pills-active-color: var(--vf-table-of-contents-active-color);--vf-table-of-contents-pills-active-background: var(--vf-table-of-contents-active-background);--vf-menu-bar-pills-submenu-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);--vf-menu-bar-pills-submenu-active-background: var(--vf-selectable-active-background);--vf-menu-bar-pills-list-gap: var(--vf-nav-menu-list-gap);--vf-text-body-font-size: var(--vf-font-size-xl);--vf-text-body-line-height: var(--vf-line-height-normal);--vf-text-body-font-weight: var(--vf-font-weight-regular);--vf-text-caption-font-size: var(--vf-font-size-sm);--vf-text-caption-line-height: var(--vf-line-height-normal);--vf-text-caption-font-weight: var(--vf-font-weight-medium);--vf-text-label-font-size: var(--vf-font-size-md);--vf-text-label-line-height: var(--vf-line-height-tight);--vf-text-label-font-weight: var(--vf-font-weight-medium);--vf-heading-font-size-sm: var(--vf-font-size-lg);--vf-heading-font-size-md: var(--vf-font-size-xl);--vf-heading-font-size-lg: var(--vf-font-size-2xl);--vf-heading-font-size-xl: var(--vf-font-size-3xl);--vf-heading-font-weight: var(--vf-font-weight-semibold);--vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text));--vf-button-secondary-hover-border-color: var(--vf-color-border);--vf-button-secondary-active-background: color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text));--vf-button-secondary-active-border-color: var(--vf-color-border);--vf-button-ghost-hover-background: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));--vf-button-ghost-hover-border-color: transparent;--vf-button-ghost-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));--vf-button-ghost-active-border-color: transparent;--vf-button-solid-hover-filter: brightness(.95) saturate(1.03);--vf-button-solid-active-filter: brightness(.9) saturate(1.04);--vf-radio-control-background: color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface));--vf-radio-hover-border-color: var(--vf-color-primary-border-soft);--vf-switch-track-background: color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface));--vf-switch-track-hover-background: color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface));--vf-switch-track-checked-background: var(--vf-color-primary);--vf-switch-track-checked-hover-background: color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface));--vf-switch-thumb-background: color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted));--vf-switch-thumb-border-color: color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border));--vf-switch-thumb-shadow: none;--vf-switch-thumb-color: color-mix(in srgb, var(--vf-color-text) 55%, transparent);--vf-switch-thumb-icon-size: .625rem;--vf-switch-thumb-checked-background: var(--vf-color-surface);--vf-switch-thumb-checked-border-color: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-switch-thumb-checked-shadow: none;--vf-prose-heading-margin: 1.5em;--vf-prose-heading-gap: .5em;--vf-prose-block-spacing: 1em;--vf-prose-list-padding-inline-start: 1.5em;--vf-prose-list-item-spacing: .375em;--vf-prose-link-hover-color: color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text));--vf-prose-blockquote-padding-inline-start: 1rem;--vf-prose-blockquote-border-width: 3px;--vf-prose-inline-code-font-size: .95em;--vf-prose-inline-code-padding: .125rem .375rem;--vf-prose-code-block-padding: .75rem 1rem;--vf-prose-hr-margin: 1.5rem;--vf-color-bg: #f6f8fb;--vf-color-surface: #ffffff;--vf-color-surface-muted: #f3f3f3;--vf-color-text: #1f232b;--vf-color-muted: #616773;--vf-color-border: #d9dde3;--vf-color-primary: #0e639c;--vf-color-primary-contrast: #ffffff;--vf-color-primary-soft: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-color-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-color-focus-ring: color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface));--vf-color-success: #2e7d32;--vf-color-success-contrast: #ffffff;--vf-color-info: #0069ba;--vf-color-info-contrast: #ffffff;--vf-color-warn: #9f8400;--vf-color-warn-contrast: #1f1300;--vf-color-help: #7245ae;--vf-color-help-contrast: #ffffff;--vf-color-danger: #c72e39;--vf-color-danger-contrast: #ffffff;--vf-color-contrast: #252526;--vf-color-contrast-contrast: #ffffff;--vf-color-success-soft: color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface));--vf-color-info-soft: color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface));--vf-color-warn-soft: color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface));--vf-color-help-soft: color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface));--vf-color-danger-soft: color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface));--vf-color-contrast-soft: color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface));--vf-color-success-border-soft: color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border));--vf-color-info-border-soft: color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border));--vf-color-warn-border-soft: color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border));--vf-color-help-border-soft: color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border));--vf-color-danger-border-soft: color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border));--vf-color-contrast-border-soft: color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border));--vf-focus-ring-width: 3px;--vf-radius: .75rem;--vf-radius-control: calc(var(--vf-radius) - .125rem);--vf-radius-control-tight: calc(var(--vf-radius) - .25rem);--vf-radius-surface: var(--vf-radius);--vf-radius-overlay: calc(var(--vf-radius) + .125rem);--vf-control-height-sm: 1.75rem;--vf-control-height-md: 2.25rem;--vf-control-height-lg: 2.5rem;--vf-control-font-size-sm: var(--vf-text-label-font-size);--vf-control-font-size-md: var(--vf-text-body-font-size);--vf-control-font-size-lg: var(--vf-font-size-xl);--vf-button-padding-sm: .25rem .5rem;--vf-button-padding-md: .3125rem .75rem;--vf-button-padding-lg: .5rem 1rem;--vf-button-gap: .5rem;--vf-field-padding-sm: .25rem .5rem;--vf-field-padding-md: .3125rem .75rem;--vf-field-padding-lg: .5rem 1rem;--vf-checkbox-size-sm: 1rem;--vf-checkbox-size-md: 1.125rem;--vf-checkbox-size-lg: 1.25rem;--vf-selection-gap: .75rem;--vf-checkbox-mark-width: .25rem;--vf-checkbox-mark-height: .5rem;--vf-checkbox-mark-stroke-width: 2px;--vf-checkbox-mark-offset-y: -.0625rem;--vf-radio-dot-size: .5rem;--vf-switch-width-sm: 2rem;--vf-switch-width-md: 2.25rem;--vf-switch-width-lg: 2.5rem;--vf-switch-height-sm: 1.125rem;--vf-switch-height-md: 1.25rem;--vf-switch-height-lg: 1.375rem;--vf-switch-thumb-size-sm: .75rem;--vf-switch-thumb-size-md: .875rem;--vf-switch-thumb-size-lg: 1rem;--vf-switch-thumb-inset: .125rem;--vf-textarea-min-height-sm: 4.5rem;--vf-textarea-min-height-md: 6rem;--vf-textarea-min-height-lg: 7rem;--vf-overlay-padding: 1rem;--vf-overlay-gap: .75rem;--vf-overlay-viewport-padding: 1rem;--vf-menu-padding: .5rem;--vf-menu-gap: .25rem;--vf-menu-min-width: 12rem;--vf-surface-padding: 1rem;--vf-surface-gap: .75rem;--vf-surface-padding-compact: .75rem;--vf-surface-gap-compact: .5rem;--vf-section-padding: .75rem 1rem;--vf-section-gap: .75rem;--vf-tabs-gap: .75rem;--vf-tabs-list-gap: .25rem;--vf-tabs-list-padding: .25rem;--vf-tabs-tab-padding-inline: .75rem;--vf-tabs-panel-padding-top: .75rem;--vf-nav-menu-list-gap: .25rem;--vf-nav-menu-nested-gap: .25rem;--vf-nav-menu-collapse-offset-top: .25rem;--vf-nav-menu-collapse-inset-level-0-margin: .5rem;--vf-nav-menu-collapse-inset-level-0-padding: .5rem;--vf-nav-menu-collapse-inset-simple-level-0-margin: .5rem;--vf-nav-menu-collapse-inset-simple-level-0-padding: .5rem;--vf-nav-menu-collapse-inset-deep-margin: .5rem;--vf-nav-menu-collapse-inset-deep-padding: .5rem;--vf-nav-menu-collapse-inset-simple-deep-margin: .5rem;--vf-nav-menu-collapse-inset-simple-deep-padding: .5rem;--vf-nav-menu-node-group-spacing: .25rem;--vf-nav-menu-group-padding: .375rem .75rem;--vf-nav-menu-group-font-size: var(--vf-text-label-font-size);--vf-nav-menu-item-padding: .25rem 0;--vf-nav-menu-item-gap: .5rem;--vf-nav-menu-leading-icon-size: 1rem;--vf-nav-menu-leading-icon-column-size: 1.25rem;--vf-table-of-contents-gap: .25rem;--vf-table-of-contents-list-gap: var(--vf-nav-menu-list-gap);--vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);--vf-table-of-contents-title-color: var(--vf-color-muted);--vf-table-of-contents-item-padding: .25rem 0;--vf-table-of-contents-level-step: calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding));--vf-table-of-contents-color: var(--vf-color-text);--vf-table-of-contents-hover-color: var(--vf-selectable-hover-color);--vf-table-of-contents-hover-background: var(--vf-selectable-hover-background);--vf-table-of-contents-active-color: var(--vf-selectable-active-color);--vf-table-of-contents-active-background: transparent;--vf-badge-height: 1.375rem;--vf-badge-padding: .0625rem .25rem;--vf-badge-gap: .25rem;--vf-badge-radius: var(--vf-radius-control-tight);--vf-badge-font-size: var(--vf-text-label-font-size);--vf-badge-line-height: var(--vf-text-label-line-height);--vf-tag-height: 1.5rem;--vf-tag-padding: .125rem .3125rem;--vf-tag-font-size: var(--vf-text-label-font-size);--vf-tag-line-height: var(--vf-text-label-line-height);--vf-tooltip-padding: .5rem .75rem;--vf-tooltip-max-width: 16rem;--vf-tooltip-font-size: var(--vf-text-body-font-size);--vf-tooltip-line-height: var(--vf-text-body-line-height);--vf-dialog-width-sm: 28rem;--vf-dialog-width-md: 36rem;--vf-dialog-width-lg: 48rem;--vf-dialog-max-height: min(85vh, 48rem);--vf-drawer-size-sm: 20rem;--vf-drawer-size-md: 26rem;--vf-drawer-size-lg: 32rem;--vf-drawer-offset-top: 0px;--vf-drawer-body-padding: var(--vf-overlay-padding);--vf-dialog-title-font-size: var(--vf-text-body-font-size);--vf-dialog-header-gap: .75rem;--vf-dialog-actions-gap: .5rem;--vf-popover-width: min(100vw - 2rem, 22rem);--vf-floating-arrow-size: .625rem;--vf-overlay-backdrop: rgba(0, 0, 0, .44);--vf-alert-primary-soft: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));--vf-alert-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-alert-content-gap: .25rem;--vf-alert-title-font-size: var(--vf-text-body-font-size);--vf-card-title-font-size: var(--vf-text-body-font-size);--vf-panel-title-font-size: var(--vf-text-body-font-size);--vf-motion-duration-fast: .22s;--vf-motion-duration-normal: .32s;--vf-motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--vf-z-overlay: 1000;--vf-z-drawer: 1000;--vf-z-dropdown: 900;--vf-z-popover: 925;--vf-z-tooltip: 950;--vf-spacing: 1rem;--vf-shadow: none}:root{color-scheme:light;background-color:var(--vf-color-bg);color:var(--vf-color-text)}button,input,optgroup,select,textarea{font:inherit}:root[data-vf-theme=dark]{color-scheme:dark;--vf-color-bg: #1e1e1e;--vf-color-surface: #252526;--vf-color-surface-muted: #2d2d30;--vf-color-text: #d4d4d4;--vf-color-muted: #9da0a6;--vf-color-border: #3c3c3c;--vf-color-primary: #2f7fd6;--vf-color-primary-contrast: #ffffff;--vf-color-primary-soft: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));--vf-color-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));--vf-color-focus-ring: color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface));--vf-color-success: #3f8746;--vf-color-success-contrast: #ffffff;--vf-color-info: #1f76be;--vf-color-info-contrast: #ffffff;--vf-color-warn: #c6a25f;--vf-color-warn-contrast: #1f1300;--vf-color-help: #8553a1;--vf-color-help-contrast: #ffffff;--vf-color-danger: #bf3f3f;--vf-color-danger-contrast: #ffffff;--vf-color-contrast: #d7d7d7;--vf-color-contrast-contrast: #111827;--vf-color-success-soft: color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface));--vf-color-info-soft: color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface));--vf-color-warn-soft: color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface));--vf-color-help-soft: color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface));--vf-color-danger-soft: color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface));--vf-color-contrast-soft: color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface));--vf-color-success-border-soft: color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border));--vf-color-info-border-soft: color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border));--vf-color-warn-border-soft: color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border));--vf-color-help-border-soft: color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border));--vf-color-danger-border-soft: color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border));--vf-color-contrast-border-soft: color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border));--vf-focus-ring-width: 3px;--vf-z-overlay: 1000;--vf-z-drawer: 1000;--vf-z-dropdown: 900;--vf-z-popover: 925;--vf-z-tooltip: 950;--vf-shadow: none}:root.vf-theme-transitioning,:root.vf-theme-transitioning body,:root.vf-theme-transitioning #app,:root.vf-theme-transitioning [class^=vf-],:root.vf-theme-transitioning [class*=" vf-"],:root.vf-theme-transitioning .demo-page,:root.vf-theme-transitioning .demo-container,:root.vf-theme-transitioning .demo-header,:root.vf-theme-transitioning .demo-block,:root.vf-theme-transitioning .demo-example,:root.vf-theme-transitioning .demo-item{transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),fill var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),stroke var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-button,.vf-link,.vf-input,.vf-select,.vf-card,.vf-table,.vf-table-wrap,.vf-menu-bar,.vf-menu-bar__item,.vf-textarea,.vf-panel,.vf-badge,.vf-divider,.vf-dialog,.vf-dialog__overlay,.vf-dialog__content,.vf-drawer,.vf-drawer__overlay,.vf-drawer__content,.vf-dropdown,.vf-dropdown__trigger,.vf-dropdown__menu,.vf-accordion,.vf-accordion__trigger,.vf-nav-menu,.vf-nav-menu__item,.vf-table-of-contents,.vf-table-of-contents__link,.vf-tooltip,.vf-tooltip__trigger,.vf-tooltip__content,.vf-tabs,.vf-tabs__list,.vf-tabs__tab,.vf-tabs__panel{box-sizing:border-box;font-size:inherit;font-weight:inherit;line-height:inherit}.vf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-button-gap);min-height:var(--vf-control-height-md);padding:var(--vf-button-padding-md);border:1px solid transparent;border-radius:var(--vf-radius-control);background:var(--vf-color-primary);color:var(--vf-color-primary-contrast);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);cursor:pointer;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .12s ease}.vf-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vf-control-height-md);height:var(--vf-control-height-md);padding:0;border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;color:var(--vf-color-text);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .12s ease}.vf-button:focus-visible,.vf-icon-button:focus-visible{outline:none;border-color:var(--vf-color-primary);border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-button:disabled,.vf-icon-button:disabled{opacity:.65;cursor:not-allowed}.vf-button--secondary{background:var(--vf-color-surface-muted);border-color:var(--vf-color-border);color:var(--vf-color-text)}.vf-button--primary,.vf-icon-button--primary{background:var(--vf-color-primary);color:var(--vf-color-primary-contrast)}.vf-button--success,.vf-icon-button--success{background:var(--vf-color-success);color:var(--vf-color-success-contrast)}.vf-button--info,.vf-icon-button--info{background:var(--vf-color-info);color:var(--vf-color-info-contrast)}.vf-button--warn,.vf-icon-button--warn{background:var(--vf-color-warn);color:var(--vf-color-warn-contrast)}.vf-button--help,.vf-icon-button--help{background:var(--vf-color-help);color:var(--vf-color-help-contrast)}.vf-button--danger,.vf-icon-button--danger{background:var(--vf-color-danger);color:var(--vf-color-danger-contrast)}.vf-button--contrast,.vf-icon-button--contrast{background:var(--vf-color-contrast);color:var(--vf-color-contrast-contrast)}.vf-icon-button--secondary{background:var(--vf-color-surface-muted);border-color:var(--vf-color-border);color:var(--vf-color-text)}.vf-button--ghost,.vf-icon-button--ghost{background:transparent;color:var(--vf-color-text)}.vf-button--secondary:hover:not(:disabled),.vf-icon-button--secondary:hover:not(:disabled){background:var(--vf-button-secondary-hover-background);border-color:var(--vf-button-secondary-hover-border-color)}.vf-button--ghost:hover:not(:disabled),.vf-icon-button--ghost:hover:not(:disabled){background:var(--vf-button-ghost-hover-background);border-color:var(--vf-button-ghost-hover-border-color)}.vf-button--secondary:active:not(:disabled),.vf-icon-button--secondary:active:not(:disabled){background:var(--vf-button-secondary-active-background);border-color:var(--vf-button-secondary-active-border-color)}.vf-button--ghost:active:not(:disabled),.vf-icon-button--ghost:active:not(:disabled){background:var(--vf-button-ghost-active-background);border-color:var(--vf-button-ghost-active-border-color)}.vf-button--primary:hover:not(:disabled),.vf-icon-button--primary:hover:not(:disabled),.vf-button--success:hover:not(:disabled),.vf-icon-button--success:hover:not(:disabled),.vf-button--info:hover:not(:disabled),.vf-icon-button--info:hover:not(:disabled),.vf-button--warn:hover:not(:disabled),.vf-icon-button--warn:hover:not(:disabled),.vf-button--help:hover:not(:disabled),.vf-icon-button--help:hover:not(:disabled),.vf-button--danger:hover:not(:disabled),.vf-icon-button--danger:hover:not(:disabled),.vf-button--contrast:hover:not(:disabled),.vf-icon-button--contrast:hover:not(:disabled){filter:var(--vf-button-solid-hover-filter)}.vf-button--primary:active:not(:disabled),.vf-icon-button--primary:active:not(:disabled),.vf-button--success:active:not(:disabled),.vf-icon-button--success:active:not(:disabled),.vf-button--info:active:not(:disabled),.vf-icon-button--info:active:not(:disabled),.vf-button--warn:active:not(:disabled),.vf-icon-button--warn:active:not(:disabled),.vf-button--help:active:not(:disabled),.vf-icon-button--help:active:not(:disabled),.vf-button--danger:active:not(:disabled),.vf-icon-button--danger:active:not(:disabled),.vf-button--contrast:active:not(:disabled),.vf-icon-button--contrast:active:not(:disabled){filter:var(--vf-button-solid-active-filter)}.vf-button--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-button-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-icon-button--sm{width:var(--vf-control-height-sm);height:var(--vf-control-height-sm)}.vf-button--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-button-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-icon-button--lg{width:var(--vf-control-height-lg);height:var(--vf-control-height-lg)}.vf-button--block{width:100%}.vf-link{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;border:1px solid transparent;color:var(--vf-color-primary);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);cursor:pointer;text-decoration:none;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:.2em;transition:color .18s ease,text-decoration-color .18s ease,text-decoration-thickness .18s ease,opacity .18s ease}.vf-link:hover{color:color-mix(in srgb,var(--vf-color-primary) 72%,black)}.vf-link--underline-hover:hover{text-decoration:underline;text-decoration-color:currentColor}.vf-link:focus-visible{outline:none;border-color:var(--vf-color-primary);border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-link--muted{color:var(--vf-color-muted)}.vf-link--underline-always{text-decoration:underline;text-decoration-color:currentColor}.vf-link--underline-always:focus-visible,.vf-link--underline-hover:focus-visible{text-decoration:none}.vf-input,.vf-select-wrap,.vf-textarea{width:100%}.vf-select-wrap{position:relative}.vf-checkbox,.vf-switch,.vf-radio{position:relative;display:inline-flex;align-items:center;gap:var(--vf-selection-gap);width:fit-content;min-width:0;color:var(--vf-color-text);cursor:pointer}.vf-input{min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.vf-select{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-spacing-sm);width:100%;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease;text-align:left}.vf-select:hover:not(:disabled):not(.vf-select--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-select:focus,.vf-select:focus-visible{border-color:var(--vf-color-primary)}.vf-select:focus-visible{outline:none;border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-select--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-select--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-select--invalid{border-color:var(--vf-color-danger)}.vf-select--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-select:disabled{opacity:.65;cursor:not-allowed}.vf-select--open{border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-select--placeholder .vf-select__value{color:var(--vf-color-muted)}.vf-select__value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-select__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:var(--vf-color-muted);pointer-events:none;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-select--open .vf-select__icon{transform:rotate(180deg)}.vf-select__menu{min-width:var(--vf-menu-min-width);max-height:min(13rem,38vh);overflow:auto;overscroll-behavior:contain}.vf-select__option:hover:not(:disabled):not(.vf-select__option--selected):not([aria-selected=true]){border-color:transparent;background:var(--vf-selectable-hover-background);color:var(--vf-selectable-hover-color)}.vf-select__option:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring);background:var(--vf-selectable-hover-background);color:var(--vf-color-primary)}.vf-select__option--selected,.vf-select__option[aria-selected=true]{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-selectable-active-background)}.vf-select__option--selected:hover,.vf-select__option--selected:focus-visible,.vf-select__option[aria-selected=true]:hover,.vf-select__option[aria-selected=true]:focus-visible{color:var(--vf-selectable-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-selectable-active-background)}.vf-input::placeholder{color:var(--vf-color-muted)}.vf-input:hover:not(:disabled):not(.vf-input--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-input:focus,.vf-input:focus-visible{border-color:var(--vf-color-primary)}.vf-input:focus-visible,.vf-textarea:focus-visible{outline:none;border-radius:var(--vf-radius-control);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-input--sm{min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-input--lg{min-height:var(--vf-control-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-input--invalid{border-color:var(--vf-color-danger)}.vf-input--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-textarea{min-height:var(--vf-textarea-min-height-md);padding:var(--vf-field-padding-md);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);resize:vertical;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.vf-textarea::placeholder{color:var(--vf-color-muted)}.vf-textarea:hover:not(:disabled):not(.vf-textarea--invalid):not(:focus):not(:focus-visible){border-color:var(--vf-color-primary-border-soft)}.vf-textarea:focus,.vf-textarea:focus-visible{border-color:var(--vf-color-primary)}.vf-textarea--sm{min-height:var(--vf-textarea-min-height-sm);padding:var(--vf-field-padding-sm);font-size:var(--vf-control-font-size-sm)}.vf-textarea--lg{min-height:var(--vf-textarea-min-height-lg);padding:var(--vf-field-padding-lg);font-size:var(--vf-control-font-size-lg)}.vf-textarea--invalid{border-color:var(--vf-color-danger)}.vf-textarea--invalid:hover:not(:disabled):not(:focus):not(:focus-visible){border-color:var(--vf-color-danger-border-soft)}.vf-input:disabled,.vf-select:disabled,.vf-textarea:disabled{opacity:.65;cursor:not-allowed}.vf-checkbox--disabled,.vf-switch--disabled,.vf-radio--disabled{opacity:.65;cursor:not-allowed}.vf-checkbox__input,.vf-switch__input,.vf-radio__input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.vf-checkbox__control,.vf-switch__control,.vf-radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--vf-color-border);background:var(--vf-color-surface);transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-checkbox__content,.vf-switch__content,.vf-radio__content{min-width:0;color:currentColor;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-checkbox__control{width:var(--vf-checkbox-size-md);height:var(--vf-checkbox-size-md);border-radius:calc(var(--vf-radius-control-tight) - .0625rem);background:var(--vf-radio-control-background)}.vf-checkbox__mark{width:var(--vf-checkbox-mark-width);height:var(--vf-checkbox-mark-height);border-right:var(--vf-checkbox-mark-stroke-width) solid transparent;border-bottom:var(--vf-checkbox-mark-stroke-width) solid transparent;transform:translateY(var(--vf-checkbox-mark-offset-y)) rotate(45deg) scale(.8);opacity:0;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-checkbox__input:checked+.vf-checkbox__control{border-color:var(--vf-color-primary);background:var(--vf-color-primary)}.vf-checkbox__input:checked+.vf-checkbox__control .vf-checkbox__mark{border-right-color:var(--vf-color-primary-contrast);border-bottom-color:var(--vf-color-primary-contrast);transform:translateY(var(--vf-checkbox-mark-offset-y)) rotate(45deg) scale(1);opacity:1}.vf-checkbox:hover:not(.vf-checkbox--disabled) .vf-checkbox__input:not(:checked)+.vf-checkbox__control{border-color:var(--vf-color-primary-border-soft)}.vf-checkbox__input:focus-visible+.vf-checkbox__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-checkbox--invalid .vf-checkbox__control{border-color:var(--vf-color-danger)}.vf-checkbox--invalid:hover:not(.vf-checkbox--disabled) .vf-checkbox__input:not(:checked)+.vf-checkbox__control{border-color:var(--vf-color-danger-border-soft)}.vf-checkbox--sm .vf-checkbox__control{width:var(--vf-checkbox-size-sm);height:var(--vf-checkbox-size-sm)}.vf-checkbox--sm .vf-checkbox__content{font-size:var(--vf-control-font-size-sm)}.vf-checkbox--lg .vf-checkbox__control{width:var(--vf-checkbox-size-lg);height:var(--vf-checkbox-size-lg)}.vf-checkbox--lg .vf-checkbox__content{font-size:var(--vf-control-font-size-lg)}.vf-radio__control{width:var(--vf-checkbox-size-md);height:var(--vf-checkbox-size-md);border-radius:999px;background:var(--vf-radio-control-background)}.vf-radio__dot{width:var(--vf-radio-dot-size);height:var(--vf-radio-dot-size);border-radius:999px;background:var(--vf-color-primary);transform:scale(.35);opacity:0;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-radio__input:checked+.vf-radio__control{border-color:var(--vf-color-primary)}.vf-radio__input:checked+.vf-radio__control .vf-radio__dot{transform:scale(1);opacity:1}.vf-radio:hover:not(.vf-radio--disabled) .vf-radio__input:not(:checked)+.vf-radio__control{border-color:var(--vf-radio-hover-border-color)}.vf-radio__input:focus-visible+.vf-radio__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-radio--invalid .vf-radio__control{border-color:var(--vf-color-danger)}.vf-radio--invalid:hover:not(.vf-radio--disabled) .vf-radio__input:not(:checked)+.vf-radio__control{border-color:var(--vf-color-danger-border-soft)}.vf-radio--sm .vf-radio__control{width:var(--vf-checkbox-size-sm);height:var(--vf-checkbox-size-sm)}.vf-radio--sm .vf-radio__content{font-size:var(--vf-control-font-size-sm)}.vf-radio--lg .vf-radio__control{width:var(--vf-checkbox-size-lg);height:var(--vf-checkbox-size-lg)}.vf-radio--lg .vf-radio__content{font-size:var(--vf-control-font-size-lg)}.vf-switch__control{width:var(--vf-switch-width-md);height:var(--vf-switch-height-md);border-radius:999px;background:var(--vf-switch-track-background)}.vf-switch__thumb{position:absolute;left:var(--vf-switch-thumb-inset);display:inline-flex;align-items:center;justify-content:center;width:var(--vf-switch-thumb-size-md);height:var(--vf-switch-thumb-size-md);border-radius:999px;border:1px solid var(--vf-switch-thumb-border-color);background:var(--vf-switch-thumb-background);box-shadow:var(--vf-switch-thumb-shadow);color:var(--vf-switch-thumb-color);line-height:1;transform:translate(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-switch__thumb>.vif-icon{width:var(--vf-switch-thumb-icon-size);height:var(--vf-switch-thumb-icon-size)}:root.vf-theme-transitioning .vf-switch__control{transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}:root.vf-theme-transitioning .vf-switch__thumb{transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-switch__input:checked+.vf-switch__control,.vf-switch--checked .vf-switch__control{border-color:var(--vf-color-primary);background:var(--vf-switch-track-checked-background)}.vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-md) - var(--vf-switch-thumb-size-md) - (var(--vf-switch-thumb-inset) * 2)));border-color:var(--vf-switch-thumb-checked-border-color);background:var(--vf-switch-thumb-checked-background);box-shadow:var(--vf-switch-thumb-checked-shadow)}.vf-switch:hover:not(.vf-switch--disabled) .vf-switch__control{border-color:var(--vf-color-primary-border-soft);background:var(--vf-switch-track-hover-background)}.vf-switch:hover:not(.vf-switch--disabled) .vf-switch__input:checked+.vf-switch__control,.vf-switch--checked:hover:not(.vf-switch--disabled) .vf-switch__control{border-color:var(--vf-color-primary);background:var(--vf-switch-track-checked-hover-background)}.vf-switch__input:focus-visible+.vf-switch__control{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-switch--sm .vf-switch__control{width:var(--vf-switch-width-sm);height:var(--vf-switch-height-sm)}.vf-switch--sm .vf-switch__thumb{left:var(--vf-switch-thumb-inset);width:var(--vf-switch-thumb-size-sm);height:var(--vf-switch-thumb-size-sm)}.vf-switch--sm .vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--sm.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-sm) - var(--vf-switch-thumb-size-sm) - (var(--vf-switch-thumb-inset) * 2)))}.vf-switch--sm .vf-switch__content{font-size:var(--vf-control-font-size-sm)}.vf-switch--lg .vf-switch__control{width:var(--vf-switch-width-lg);height:var(--vf-switch-height-lg)}.vf-switch--lg .vf-switch__thumb{left:var(--vf-switch-thumb-inset);width:var(--vf-switch-thumb-size-lg);height:var(--vf-switch-thumb-size-lg)}.vf-switch--lg .vf-switch__input:checked+.vf-switch__control .vf-switch__thumb,.vf-switch--lg.vf-switch--checked .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width-lg) - var(--vf-switch-thumb-size-lg) - (var(--vf-switch-thumb-inset) * 2)))}.vf-switch--lg .vf-switch__content{font-size:var(--vf-control-font-size-lg)}.vf-card{display:flex;flex-direction:column;gap:var(--vf-surface-gap);padding:var(--vf-surface-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height)}.vf-card--compact{padding:var(--vf-surface-padding-compact);gap:var(--vf-surface-gap-compact)}.vf-card__title{margin:0;font-size:var(--vf-card-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-card__body{color:var(--vf-color-muted)}.vf-panel{display:flex;flex-direction:column;gap:var(--vf-surface-gap);padding:var(--vf-surface-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height)}.vf-panel--subtle{background:transparent;box-shadow:none}.vf-panel__title{margin:0;font-size:var(--vf-panel-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-table-wrap{display:flex;width:100%;min-width:0;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);overflow:hidden}.vf-table-scroll{width:100%;overflow-x:auto}.vf-table{width:100%;min-width:36rem;border-collapse:separate;border-spacing:0;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-table__caption{padding:.875rem 1rem 0;text-align:left;color:var(--vf-color-muted)}.vf-table :where(th,td){padding:.625rem .875rem;text-align:left;vertical-align:top}.vf-table :where(th){font-weight:var(--vf-font-weight-medium);color:var(--vf-color-text);background:var(--vf-color-surface-muted)}.vf-table :where(td){color:var(--vf-color-text)}.vf-table thead th{border-bottom:1px solid var(--vf-color-border)}.vf-table tbody tr+tr td,.vf-table tfoot tr:first-child td{border-top:1px solid var(--vf-color-border)}.vf-table tfoot td{color:var(--vf-color-muted);background:color-mix(in srgb,var(--vf-color-surface) 88%,var(--vf-color-surface-muted))}.vf-table--striped tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--vf-color-surface) 78%,var(--vf-color-surface-muted))}.vf-table--compact :where(th,td){padding:.5rem .75rem}.vf-table--sticky-header thead th{position:sticky;top:0;z-index:1}.vf-badge{display:inline-flex;align-items:center;gap:var(--vf-badge-gap);min-height:var(--vf-badge-height);padding:var(--vf-badge-padding);border-radius:var(--vf-badge-radius);font-size:var(--vf-badge-font-size);font-weight:var(--vf-font-weight-regular);line-height:var(--vf-badge-line-height);letter-spacing:.01em;white-space:nowrap;background:var(--vf-color-surface-muted);border:1px solid var(--vf-color-border);color:var(--vf-color-text)}.vf-badge--primary{background:var(--vf-color-primary-soft);border-color:var(--vf-color-primary);color:var(--vf-color-primary)}.vf-badge--success{background:var(--vf-color-success-soft);border-color:var(--vf-color-success);color:var(--vf-color-success)}.vf-badge--info{background:var(--vf-color-info-soft);border-color:var(--vf-color-info);color:var(--vf-color-info)}.vf-badge--warn{background:var(--vf-color-warn-soft);border-color:var(--vf-color-warn);color:var(--vf-color-warn)}.vf-badge--help{background:var(--vf-color-help-soft);border-color:var(--vf-color-help);color:var(--vf-color-help)}.vf-badge--danger{background:var(--vf-color-danger-soft);border-color:var(--vf-color-danger);color:var(--vf-color-danger)}.vf-badge--contrast{background:var(--vf-color-contrast-soft);border-color:var(--vf-color-contrast);color:var(--vf-color-contrast)}.vf-tag{display:inline-flex;align-items:center;min-height:var(--vf-tag-height);padding:var(--vf-tag-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control-tight);background:color-mix(in srgb,var(--vf-color-surface) 94%,var(--vf-color-surface-muted));color:var(--vf-color-text);font-size:var(--vf-tag-font-size);font-weight:var(--vf-font-weight-regular);line-height:var(--vf-tag-line-height);letter-spacing:.01em;white-space:nowrap}.vf-tag--primary{border-color:var(--vf-color-primary);color:var(--vf-color-primary)}.vf-tag--success{border-color:var(--vf-color-success);color:var(--vf-color-success)}.vf-tag--info{border-color:var(--vf-color-info);color:var(--vf-color-info)}.vf-tag--warn{border-color:var(--vf-color-warn);color:var(--vf-color-warn)}.vf-tag--help{border-color:var(--vf-color-help);color:var(--vf-color-help)}.vf-tag--danger{border-color:var(--vf-color-danger);color:var(--vf-color-danger)}.vf-tag--contrast{border-color:var(--vf-color-contrast);color:var(--vf-color-contrast)}.vf-alert{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--vf-section-gap);padding:var(--vf-section-padding);border:1px solid var(--vf-alert-primary-border-soft);border-radius:var(--vf-radius-surface);background:var(--vf-alert-primary-soft);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);overflow:hidden;box-shadow:0 1px 2px color-mix(in srgb,var(--vf-color-text) 4%,transparent)}.vf-alert--success{border-color:var(--vf-color-success-border-soft);background:var(--vf-color-success-soft)}.vf-alert--info{border-color:var(--vf-color-info-border-soft);background:var(--vf-color-info-soft)}.vf-alert--warn{border-color:var(--vf-color-warn-border-soft);background:var(--vf-color-warn-soft)}.vf-alert--help{border-color:var(--vf-color-help-border-soft);background:var(--vf-color-help-soft)}.vf-alert--danger{border-color:var(--vf-color-danger-border-soft);background:var(--vf-color-danger-soft)}.vf-alert--contrast{border-color:var(--vf-color-contrast-border-soft);background:var(--vf-color-contrast-soft)}.vf-alert__icon{display:inline-flex;align-items:center;justify-content:center;align-self:start;color:var(--vf-color-primary);width:1.75rem;height:1.75rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 10%,var(--vf-color-surface))}.vf-alert--success .vf-alert__icon{color:var(--vf-color-success)}.vf-alert--info .vf-alert__icon{color:var(--vf-color-info)}.vf-alert--warn .vf-alert__icon{color:var(--vf-color-warn)}.vf-alert--help .vf-alert__icon{color:var(--vf-color-help)}.vf-alert--danger .vf-alert__icon{color:var(--vf-color-danger)}.vf-alert--contrast .vf-alert__icon{color:var(--vf-color-contrast)}.vf-alert__content{display:grid;gap:var(--vf-alert-content-gap);align-content:start}.vf-alert__title{margin:0;font-size:var(--vf-alert-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-alert__body{color:color-mix(in srgb,var(--vf-color-muted) 92%,var(--vf-color-text));line-height:var(--vf-text-body-line-height);max-width:68ch}.vf-divider{margin:0;border:0;background:var(--vf-color-border);flex-shrink:0}.vf-divider--horizontal{width:100%;height:1px}.vf-divider--vertical{width:1px;align-self:stretch}.vf-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--vf-overlay-viewport-padding)}.vf-drawer{position:fixed;inset-inline:0;inset-block-end:0;inset-block-start:var(--vf-drawer-offset-top);z-index:var(--vf-z-drawer);display:flex;--vf-drawer-offset-x: 0;--vf-drawer-offset-y: 0}.vf-drawer--left{justify-content:flex-start;--vf-drawer-offset-x: -100%}.vf-drawer--right{justify-content:flex-end;--vf-drawer-offset-x: 100%}.vf-drawer--top{align-items:flex-start;--vf-drawer-offset-y: -100%}.vf-drawer--bottom{align-items:flex-end;--vf-drawer-offset-y: 100%}.vf-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vf-overlay-backdrop);opacity:1;transition:opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vf-overlay-backdrop);opacity:1;transition:opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dialog__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--vf-overlay-gap);width:min(100%,var(--vf-dialog-width-md));max-height:var(--vf-dialog-max-height);overflow:auto;padding:var(--vf-overlay-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);opacity:1;transform:translateZ(0);transition:transform var(--vf-motion-duration-fast) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-drawer__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--vf-overlay-gap);overflow:hidden;padding:0;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);color:var(--vf-color-text);line-height:var(--vf-text-body-line-height);transform:translateZ(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dialog-transition-enter-active,.vf-dialog-transition-leave-active{transition:none}.vf-dialog-transition-enter-from .vf-dialog__overlay,.vf-dialog-transition-leave-to .vf-dialog__overlay{opacity:0}.vf-dialog-transition-enter-from .vf-dialog__content,.vf-dialog-transition-leave-to .vf-dialog__content{opacity:0;transform:translate3d(0,.75rem,0)}.vf-drawer-transition-enter-active,.vf-drawer-transition-leave-active{transition:none}.vf-drawer-transition-enter-from .vf-drawer__overlay,.vf-drawer-transition-leave-to .vf-drawer__overlay{opacity:0}.vf-drawer-transition-enter-from .vf-drawer__content,.vf-drawer-transition-leave-to .vf-drawer__content{transform:translate3d(var(--vf-drawer-offset-x),var(--vf-drawer-offset-y),0)}.vf-dialog__content:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-drawer__content:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-dialog__content--sm{width:min(100%,var(--vf-dialog-width-sm))}.vf-dialog__content--lg{width:min(100%,var(--vf-dialog-width-lg))}.vf-drawer__content--left,.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-md));height:100%}.vf-drawer__content--left{border-left:none;border-top:none;border-bottom:none;border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0);border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0)}.vf-drawer__content--right{border-right:none;border-top:none;border-bottom:none;border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0)}.vf-drawer__content--top,.vf-drawer__content--bottom{width:100dvw;min-height:min(100%,var(--vf-drawer-size-md));max-height:100%}.vf-drawer__content--top{border-top:none;border-left:none;border-right:none;border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0);border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0)}.vf-drawer__content--bottom{border-bottom:none;border-left:none;border-right:none;border-top-left-radius:var(--vf-drawer-radius-top-left, 0);border-top-right-radius:var(--vf-drawer-radius-top-right, 0);border-bottom-left-radius:var(--vf-drawer-radius-bottom-left, 0);border-bottom-right-radius:var(--vf-drawer-radius-bottom-right, 0)}.vf-drawer--rounded .vf-drawer__content--left{border-top-right-radius:var( --vf-drawer-radius-top-right, var(--vf-radius-overlay) );border-bottom-right-radius:var( --vf-drawer-radius-bottom-right, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--right{border-top-left-radius:var( --vf-drawer-radius-top-left, var(--vf-radius-overlay) );border-bottom-left-radius:var( --vf-drawer-radius-bottom-left, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--top{border-bottom-left-radius:var( --vf-drawer-radius-bottom-left, var(--vf-radius-overlay) );border-bottom-right-radius:var( --vf-drawer-radius-bottom-right, var(--vf-radius-overlay) )}.vf-drawer--rounded .vf-drawer__content--bottom{border-top-left-radius:var( --vf-drawer-radius-top-left, var(--vf-radius-overlay) );border-top-right-radius:var( --vf-drawer-radius-top-right, var(--vf-radius-overlay) )}.vf-drawer--offset-top.vf-drawer--left .vf-drawer__content--left,.vf-drawer--offset-top.vf-drawer--right .vf-drawer__content--right,.vf-drawer--offset-top.vf-drawer--top .vf-drawer__content--top{border-top:1px solid var(--vf-color-border)}.vf-drawer__content--sm.vf-drawer__content--left,.vf-drawer__content--sm.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-sm))}.vf-drawer__content--lg.vf-drawer__content--left,.vf-drawer__content--lg.vf-drawer__content--right{width:min(100dvw,var(--vf-drawer-size-lg))}.vf-drawer__content--sm.vf-drawer__content--top,.vf-drawer__content--sm.vf-drawer__content--bottom{min-height:min(100dvh,var(--vf-drawer-size-sm))}.vf-drawer__content--lg.vf-drawer__content--top,.vf-drawer__content--lg.vf-drawer__content--bottom{min-height:min(100dvh,var(--vf-drawer-size-lg))}.vf-dialog__header,.vf-dialog__footer,.vf-drawer__header,.vf-drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-dialog-header-gap)}.vf-dialog__actions,.vf-drawer__actions{display:inline-flex;align-items:center;gap:var(--vf-dialog-actions-gap)}.vf-dialog__actions .vf-icon-button,.vf-drawer__actions .vf-icon-button{color:var(--vf-color-muted)}.vf-dialog__actions .vf-icon-button .vif-icon,.vf-drawer__actions .vf-icon-button .vif-icon{width:1rem;height:1rem}.vf-dialog__title,.vf-drawer__title{margin:0;font-size:var(--vf-dialog-title-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-dialog__description{margin:0;color:var(--vf-color-muted);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-dialog__body,.vf-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-drawer__header,.vf-drawer__footer{padding:var(--vf-overlay-padding)}.vf-drawer__body{padding:var(--vf-drawer-body-padding)}.vf-dropdown,.vf-popover{position:relative;display:inline-flex;flex-direction:column}.vf-dropdown__trigger,.vf-popover__trigger{width:fit-content;border:1px solid transparent;border-radius:var(--vf-radius-control)}.vf-dropdown__trigger:focus-visible,.vf-popover__trigger:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-dropdown__menu{position:fixed;top:0;left:0;z-index:var(--vf-z-dropdown);display:flex;flex-direction:column;gap:var(--vf-menu-gap);min-width:var(--vf-menu-min-width);padding:var(--vf-menu-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control);background:var(--vf-color-surface);box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top}.vf-dropdown__arrow{position:absolute;z-index:0;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border);transform:rotate(45deg);pointer-events:none}.vf-dropdown__arrow--bottom{margin-top:-1px}.vf-dropdown__arrow--top{margin-top:1px}.vf-popover__content{position:fixed;left:0;top:0;z-index:var(--vf-z-popover);width:var(--vf-popover-width);padding:var(--vf-section-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top;box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-popover__arrow{position:absolute;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border);transform:rotate(45deg);pointer-events:none}.vf-popover__arrow--bottom{margin-top:-1px}.vf-popover__arrow--top{margin-top:1px}.vf-dropdown__item{position:relative;z-index:1;display:flex;align-items:center;width:100%;min-height:var(--vf-control-height-sm);padding:var(--vf-field-padding-sm);border:1px solid transparent;border-radius:var(--vf-radius-control-tight);background:transparent;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);text-align:left;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-dropdown__item:hover{color:var(--vf-selectable-hover-color);border-color:transparent;background:var(--vf-selectable-hover-background)}.vf-dropdown__menu--default .vf-dropdown__item:hover{color:var(--vf-nav-menu-item-hover-color);border-color:transparent;background:var(--vf-nav-menu-item-hover-background)}.vf-dropdown__menu--default .vf-dropdown__item--active{color:var(--vf-nav-menu-item-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-nav-menu-item-active-background)}.vf-dropdown__menu--pills .vf-dropdown__item:hover{color:var(--vf-nav-menu-pills-item-hover-color);border-color:transparent;background:var(--vf-nav-menu-pills-item-hover-background)}.vf-dropdown__menu--pills .vf-dropdown__item--active{color:var(--vf-nav-menu-pills-item-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-nav-menu-pills-item-active-background)}.vf-dropdown__item:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring);color:var(--vf-color-primary)}.vf-tooltip{position:relative;display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start}.vf-tooltip__trigger{display:inline-flex;width:fit-content;max-width:100%}.vf-tooltip__content{position:fixed;left:0;top:0;z-index:var(--vf-z-tooltip);max-width:var(--vf-tooltip-max-width);padding:var(--vf-tooltip-padding);border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-control-tight);background:var(--vf-color-surface);color:var(--vf-color-text);font-size:var(--vf-tooltip-font-size);line-height:var(--vf-tooltip-line-height);opacity:1;transform:translateZ(0) scale(1);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:left,top;box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-floating-transition-enter-from.vf-dropdown__menu,.vf-floating-transition-leave-to.vf-dropdown__menu,.vf-floating-transition-enter-from.vf-popover__content,.vf-floating-transition-leave-to.vf-popover__content,.vf-floating-transition-enter-from.vf-tooltip__content,.vf-floating-transition-leave-to.vf-tooltip__content,.vf-floating-transition-enter-from.vf-menu-bar__submenu,.vf-floating-transition-leave-to.vf-menu-bar__submenu{opacity:0;transform:translate3d(0,.25rem,0) scale(.97)}.vf-tooltip__arrow{position:absolute;width:var(--vf-floating-arrow-size);height:var(--vf-floating-arrow-size);background:var(--vf-color-surface);transform:rotate(45deg);pointer-events:none}.vf-tooltip__arrow--bottom{border-left:1px solid var(--vf-color-border);border-top:1px solid var(--vf-color-border)}.vf-tooltip__arrow--top{border-right:1px solid var(--vf-color-border);border-bottom:1px solid var(--vf-color-border)}.vf-accordion{border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-surface);background:var(--vf-color-surface);color:var(--vf-color-text)}.vf-breadcrumbs{display:flex;width:100%;min-width:0}.vf-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none}.vf-breadcrumbs__item{display:inline-flex;align-items:center;gap:.375rem;min-width:0}.vf-breadcrumbs__link,.vf-breadcrumbs__current{min-width:0;font-size:var(--vf-text-body-font-size);line-height:var(--vf-text-body-line-height);text-decoration:none;overflow-wrap:anywhere}.vf-breadcrumbs__link{color:var(--vf-color-muted);transition:color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-breadcrumbs__link:hover{color:var(--vf-selectable-hover-color)}.vf-breadcrumbs__link:focus-visible{outline:none;color:var(--vf-color-primary)}.vf-breadcrumbs__current{color:var(--vf-color-text);font-weight:var(--vf-font-weight-medium)}.vf-breadcrumbs__current--disabled{color:var(--vf-color-muted);opacity:.65}.vf-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:.875rem;height:.875rem;color:var(--vf-color-muted)}.vf-menu-bar{--vf-menu-bar-current-list-gap: 0;--vf-menu-bar-current-top-hover-color: var(--vf-nav-menu-item-hover-color);--vf-menu-bar-current-top-hover-background: var( --vf-nav-menu-item-hover-background );--vf-menu-bar-current-top-active-color: var(--vf-nav-menu-item-active-color);--vf-menu-bar-current-top-active-background: var( --vf-nav-menu-item-active-background );--vf-menu-bar-current-submenu-hover-color: var( --vf-nav-menu-item-hover-color );--vf-menu-bar-current-submenu-hover-background: var( --vf-nav-menu-item-hover-background );--vf-menu-bar-current-submenu-active-color: var( --vf-nav-menu-item-active-color );--vf-menu-bar-current-submenu-active-background: var( --vf-nav-menu-item-active-background );display:flex;width:100%;min-width:0}.vf-menu-bar--pills{--vf-menu-bar-current-list-gap: var(--vf-menu-bar-pills-list-gap);--vf-menu-bar-current-submenu-hover-color: var( --vf-nav-menu-pills-item-hover-color );--vf-menu-bar-current-submenu-hover-background: var( --vf-nav-menu-pills-item-hover-background );--vf-menu-bar-current-submenu-active-color: var( --vf-nav-menu-pills-item-active-color );--vf-menu-bar-current-submenu-active-background: var( --vf-nav-menu-pills-item-active-background )}.vf-menu-bar__list,.vf-menu-bar__submenu-list{margin:0;padding:0;list-style:none}.vf-menu-bar__list{position:relative;display:flex;align-items:center;gap:var(--vf-menu-bar-current-list-gap);width:100%;min-width:0}.vf-menu-bar__node{position:relative;min-width:0}.vf-menu-bar__group{padding:.375rem .75rem;font-size:var(--vf-text-label-font-size);font-weight:var(--vf-text-label-font-weight);line-height:var(--vf-text-label-line-height);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--vf-color-muted) 90%,var(--vf-color-text));cursor:default}.vf-menu-bar__item{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-nav-menu-item-gap);width:100%;min-width:0;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-menu-bar__item--top{width:auto;white-space:nowrap}.vf-menu-bar__item--top:hover:not(:disabled):not(.vf-menu-bar__item--active),.vf-menu-bar__item--top.vf-menu-bar__item--open{color:var(--vf-menu-bar-current-top-hover-color);background:var(--vf-menu-bar-current-top-hover-background)}.vf-menu-bar__item:not(.vf-menu-bar__item--top):hover:not(:disabled):not(.vf-menu-bar__item--active),.vf-menu-bar__item:not(.vf-menu-bar__item--top).vf-menu-bar__item--open{color:var(--vf-menu-bar-current-submenu-hover-color);background:var(--vf-menu-bar-current-submenu-hover-background)}.vf-menu-bar__item--top.vf-menu-bar__item--active{color:var(--vf-menu-bar-current-top-active-color);font-weight:var(--vf-font-weight-medium);background:var(--vf-menu-bar-current-top-active-background)}.vf-menu-bar__item:not(.vf-menu-bar__item--top).vf-menu-bar__item--active{color:var(--vf-menu-bar-current-submenu-active-color);font-weight:var(--vf-font-weight-medium);background:var(--vf-menu-bar-current-submenu-active-background)}.vf-menu-bar__item--ancestor-active{color:var(--vf-selectable-active-color);background:transparent}.vf-menu-bar__item:focus-visible{outline:none;color:var(--vf-color-primary);border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-menu-bar__item--disabled{opacity:.5;cursor:not-allowed}.vf-menu-bar__item-content{display:inline-flex;align-items:center;gap:var(--vf-nav-menu-item-gap);min-width:0}.vf-menu-bar__leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:currentColor}.vf-menu-bar__label{min-width:0;overflow-wrap:anywhere}.vf-menu-bar__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:currentColor;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-menu-bar__item--top.vf-menu-bar__item--open .vf-menu-bar__icon{transform:rotate(180deg)}.vf-menu-bar__submenu{position:absolute;z-index:var(--vf-z-dropdown);min-width:max-content;opacity:1;transform:translateZ(0);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-normal) var(--vf-motion-ease-standard);will-change:transform,opacity}.vf-menu-bar__submenu--root{top:calc(100% + .5rem);left:0}.vf-menu-bar__submenu--nested{top:-.25rem;left:100%}.vf-menu-bar__submenu-list{display:grid;gap:var(--vf-menu-bar-current-list-gap);min-width:14rem;padding:.25rem;border:1px solid var(--vf-color-border);border-radius:var(--vf-radius-overlay);background:var(--vf-color-surface);box-shadow:0 4px 10px color-mix(in srgb,black 10%,transparent),0 1px 2px color-mix(in srgb,black 6%,transparent)}.vf-menu-bar__submenu--nested .vf-menu-bar__submenu-list{min-width:12rem;padding:.1875rem}.vf-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-spacing);position:relative;z-index:1;width:100%;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);border:1px solid transparent;border-radius:inherit;background:transparent;color:inherit;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-font-weight-medium);line-height:var(--vf-text-body-line-height);cursor:pointer;text-align:left}.vf-accordion__trigger[aria-expanded=true]{color:var(--vf-selectable-active-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.vf-accordion__trigger:hover:not(:disabled):not([aria-expanded=true]){background:transparent;color:var(--vf-selectable-hover-color)}.vf-accordion__trigger:focus-visible{z-index:2;outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-accordion__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;line-height:1;color:var(--vf-color-muted);transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-accordion__icon .vif-icon{width:1rem;height:1rem}.vf-accordion__icon--open{transform:rotate(180deg)}.vf-accordion__content{overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:var(--vf-color-surface)}.vf-accordion__content-inner{position:relative;z-index:1;border-top:1px solid var(--vf-color-border);padding:var(--vf-section-padding);color:var(--vf-color-muted);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-tabs{display:flex;flex-direction:column;gap:calc(var(--vf-tabs-gap) - .25rem)}.vf-tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--vf-tabs-list-gap);width:100%;padding:0 0 3px;border-bottom:1px solid var(--vf-color-border);background:transparent}.vf-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:var(--vf-control-height-md);padding:var(--vf-field-padding-md);padding-inline:var(--vf-tabs-tab-padding-inline);margin-bottom:0;border:none;border-radius:0;background:transparent;color:var(--vf-color-text);font-size:var(--vf-control-font-size-md);font-weight:var(--vf-font-weight-medium);line-height:var(--vf-text-body-line-height);cursor:pointer;white-space:nowrap;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-tabs__indicator{position:absolute;inset-inline-start:0;inset-block-end:-3px;display:block;height:3px;background:var(--vf-color-primary);pointer-events:none}.vf-tabs__indicator--ready{transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),width var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),opacity var(--vf-motion-duration-fast) var(--vf-motion-ease-standard)}.vf-tabs__tab:first-child{padding-left:0}.vf-tabs__tab:hover:not(:disabled):not([aria-selected=true]){color:var(--vf-selectable-hover-color);background:transparent}.vf-tabs__tab[aria-selected=true]{color:var(--vf-selectable-active-color);border-bottom-color:transparent}.vf-tabs__tab:focus-visible{outline:none;border-radius:var(--vf-radius-control-tight);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.vf-tabs__panel{border:1px solid transparent;border-radius:var(--vf-radius-control);padding:var(--vf-tabs-panel-padding-top) 0 0;color:var(--vf-color-text);font-size:var(--vf-text-body-font-size);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height)}.vf-tabs__panel:focus-visible{outline:none;border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-nav-menu{--vf-nav-menu-current-list-gap: 0;--vf-nav-menu-current-nested-gap: 0;--vf-nav-menu-current-collapse-offset-top: 0;--vf-nav-menu-current-item-min-height: var(--vf-control-height-sm);--vf-nav-menu-current-group-padding-left: calc( var(--vf-nav-menu-leading-icon-column-size) + var(--vf-nav-menu-item-gap) );--vf-nav-menu-current-item-padding: var(--vf-nav-menu-item-padding);--vf-nav-menu-current-item-hover-color: var(--vf-nav-menu-item-hover-color);--vf-nav-menu-current-item-hover-background: var( --vf-nav-menu-item-hover-background );--vf-nav-menu-current-item-active-color: var(--vf-nav-menu-item-active-color);--vf-nav-menu-current-item-active-background: var( --vf-nav-menu-item-active-background );display:flex;flex-direction:column;width:100%;min-width:0}.vf-nav-menu--pills{--vf-nav-menu-current-list-gap: var(--vf-nav-menu-pills-list-gap);--vf-nav-menu-current-nested-gap: var(--vf-nav-menu-pills-nested-gap);--vf-nav-menu-current-collapse-offset-top: var( --vf-nav-menu-pills-collapse-offset-top );--vf-nav-menu-current-item-min-height: var( --vf-nav-menu-pills-item-min-height );--vf-nav-menu-current-group-padding-left: calc( .75rem + var(--vf-nav-menu-leading-icon-column-size) + var(--vf-nav-menu-item-gap) );--vf-nav-menu-current-item-padding: var(--vf-nav-menu-pills-item-padding);--vf-nav-menu-current-item-hover-color: var( --vf-nav-menu-pills-item-hover-color );--vf-nav-menu-current-item-hover-background: var( --vf-nav-menu-pills-item-hover-background );--vf-nav-menu-current-item-active-color: var( --vf-nav-menu-pills-item-active-color );--vf-nav-menu-current-item-active-background: var( --vf-nav-menu-pills-item-active-background )}.vf-nav-menu__list{display:grid;gap:var(--vf-nav-menu-current-list-gap);margin:0;padding:0;list-style:none}.vf-nav-menu__list--nested{margin-top:0;gap:var(--vf-nav-menu-current-nested-gap);padding-top:0}.vf-nav-menu__collapse{overflow:hidden;margin-top:var(--vf-nav-menu-current-collapse-offset-top)}.vf-nav-menu__collapse--level-0{margin-left:var(--vf-nav-menu-collapse-inset-level-0-margin);padding-left:var(--vf-nav-menu-collapse-inset-level-0-padding)}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__collapse--level-0{margin-left:0;padding-left:0}.vf-nav-menu--simple .vf-nav-menu__collapse--level-0{margin-left:var(--vf-nav-menu-collapse-inset-simple-level-0-margin);padding-left:var(--vf-nav-menu-collapse-inset-simple-level-0-padding)}.vf-nav-menu__collapse:not(.vf-nav-menu__collapse--level-0){margin-left:var(--vf-nav-menu-collapse-inset-deep-margin);padding-left:var(--vf-nav-menu-collapse-inset-deep-padding)}.vf-nav-menu--simple .vf-nav-menu__collapse:not(.vf-nav-menu__collapse--level-0){margin-left:var(--vf-nav-menu-collapse-inset-simple-deep-margin);padding-left:var(--vf-nav-menu-collapse-inset-simple-deep-padding)}.vf-nav-menu__node{display:block}.vf-nav-menu__group{display:flex;align-items:center;min-height:var(--vf-control-height-sm);padding:var(--vf-nav-menu-group-padding);cursor:default}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__group{padding-left:var(--vf-nav-menu-current-group-padding-left)}.vf-nav-menu__group-label{font-size:var(--vf-nav-menu-group-font-size);font-weight:var(--vf-text-label-font-weight);line-height:var(--vf-text-label-line-height);letter-spacing:.06em;text-transform:uppercase;color:var(--vf-nav-menu-group-label-color)}.vf-nav-menu__item-content{display:inline-flex;align-items:center;gap:var(--vf-nav-menu-item-gap);min-width:0}.vf-nav-menu__leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vf-nav-menu-leading-icon-column-size);min-width:var(--vf-nav-menu-leading-icon-column-size);color:currentColor}.vf-nav-menu__leading-icon .vif-icon{width:var(--vf-nav-menu-leading-icon-size);height:var(--vf-nav-menu-leading-icon-size)}.vf-nav-menu__item,.vf-table-of-contents__link{display:flex;align-items:center;width:100%;min-width:0;border:1px solid transparent;border-radius:var(--vf-radius-control);background:transparent;font-size:var(--vf-control-font-size-md);font-weight:var(--vf-text-body-font-weight);line-height:var(--vf-text-body-line-height);color:var(--vf-color-text);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-nav-menu__item{min-height:var(--vf-nav-menu-current-item-min-height);justify-content:space-between;padding:var(--vf-nav-menu-current-item-padding);border-radius:var(--vf-nav-menu-item-radius);color:var(--vf-nav-menu-item-color)}.vf-nav-menu:not(.vf-nav-menu--simple) .vf-nav-menu__item--icon-offset{margin-left:calc(var(--vf-nav-menu-leading-icon-column-size) + var(--vf-nav-menu-item-gap));width:calc(100% - var(--vf-nav-menu-leading-icon-column-size) - var(--vf-nav-menu-item-gap))}.vf-nav-menu__item:hover:not(:disabled):not(.vf-nav-menu__item--active){color:var(--vf-nav-menu-current-item-hover-color);border-color:transparent;background:var(--vf-nav-menu-current-item-hover-background)}.vf-table-of-contents__link:hover:not(.vf-table-of-contents__link--active){color:var(--vf-table-of-contents-current-hover-color);border-color:transparent;background:var(--vf-table-of-contents-current-hover-background)}.vf-nav-menu__item:focus-visible{outline:none;color:var(--vf-nav-menu-item-focus-color);border-color:var(--vf-nav-menu-item-focus-border-color);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-table-of-contents__link:focus-visible{outline:none;color:var(--vf-color-primary);border-color:var(--vf-color-primary);box-shadow:0 0 0 var(--vf-focus-ring-width) var(--vf-color-focus-ring)}.vf-nav-menu__item--active{color:var(--vf-nav-menu-current-item-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-nav-menu-current-item-active-background)}.vf-table-of-contents__link--active{color:var(--vf-table-of-contents-current-active-color);font-weight:var(--vf-font-weight-medium);border-color:transparent;background:var(--vf-table-of-contents-current-active-background)}.vf-nav-menu__item--ancestor-active,.vf-menu-bar__item--ancestor-active{color:var(--vf-nav-menu-item-ancestor-active-color)}.vf-nav-menu__item--disabled{cursor:not-allowed;opacity:.5}.vf-nav-menu__item--branch{font-weight:var(--vf-text-label-font-weight);color:var(--vf-nav-menu-branch-color)}.vf-nav-menu__item--branch.vf-nav-menu__item--ancestor-active{color:var(--vf-nav-menu-branch-ancestor-active-color)}.vf-nav-menu__label{min-width:0;overflow-wrap:anywhere}.vf-nav-menu__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;line-height:1;color:currentColor;transition:transform var(--vf-motion-duration-normal) var(--vf-motion-ease-standard)}.vf-nav-menu__icon .vif-icon{width:1rem;height:1rem}.vf-nav-menu__icon--open{transform:rotate(180deg)}.vf-table-of-contents{--vf-table-of-contents-current-list-gap: 0;--vf-table-of-contents-current-item-padding: var( --vf-table-of-contents-item-padding );--vf-table-of-contents-current-item-min-height: var(--vf-control-height-sm);--vf-table-of-contents-current-hover-color: var( --vf-nav-menu-item-hover-color );--vf-table-of-contents-current-hover-background: var( --vf-nav-menu-item-hover-background );--vf-table-of-contents-current-active-color: var( --vf-nav-menu-item-active-color );--vf-table-of-contents-current-active-background: var( --vf-nav-menu-item-active-background );display:flex;flex-direction:column;width:100%;min-width:0}.vf-table-of-contents--pills{--vf-table-of-contents-current-list-gap: var( --vf-table-of-contents-pills-list-gap );--vf-table-of-contents-current-item-padding: var( --vf-table-of-contents-pills-item-padding );--vf-table-of-contents-current-item-min-height: var( --vf-table-of-contents-pills-item-min-height );--vf-table-of-contents-current-hover-color: var( --vf-nav-menu-pills-item-hover-color );--vf-table-of-contents-current-hover-background: var( --vf-nav-menu-pills-item-hover-background );--vf-table-of-contents-current-active-color: var( --vf-nav-menu-pills-item-active-color );--vf-table-of-contents-current-active-background: var( --vf-nav-menu-pills-item-active-background )}.vf-table-of-contents__list{display:grid;gap:var(--vf-table-of-contents-current-list-gap);margin:0;padding:0;list-style:none}.vf-table-of-contents__item{display:block;min-width:0;padding-left:calc((var(--vf-toc-level, 1) - 1) * var(--vf-table-of-contents-level-step))}.vf-table-of-contents__link{position:relative;width:auto;min-height:var(--vf-table-of-contents-current-item-min-height);padding:var(--vf-table-of-contents-current-item-padding);color:var(--vf-table-of-contents-color);text-decoration:none;overflow-wrap:anywhere}.vf-table-of-contents__link--active{color:var(--vf-table-of-contents-current-active-color)}.vf-table-of-contents:not(.vf-table-of-contents--ready) .vf-table-of-contents__link{transition:none}

package/dist/theme/default-preset-source.d.ts

@@ -162,6 +162,37 @@ export declare const defaultThemePresetSource: {
         selectableHoverBackground: string;
         selectableActiveColor: string;
         selectableActiveBackground: string;
+        navMenuItemHoverColor: string;
+        navMenuItemHoverBackground: string;
+        navMenuItemActiveColor: string;
+        navMenuItemActiveBackground: string;
+        navMenuPillsItemPadding: string;
+        navMenuPillsListGap: string;
+        navMenuPillsNestedGap: string;
+        navMenuPillsCollapseOffsetTop: string;
+        navMenuPillsItemMinHeight: string;
+        navMenuPillsItemHoverColor: string;
+        navMenuPillsItemHoverBackground: string;
+        navMenuPillsItemActiveColor: string;
+        navMenuPillsItemActiveBackground: string;
+        navMenuGroupLabelColor: string;
+        navMenuItemColor: string;
+        navMenuItemRadius: string;
+        navMenuItemFocusColor: string;
+        navMenuItemFocusBorderColor: string;
+        navMenuItemAncestorActiveColor: string;
+        navMenuBranchColor: string;
+        navMenuBranchAncestorActiveColor: string;
+        tableOfContentsPillsListGap: string;
+        tableOfContentsPillsItemPadding: string;
+        tableOfContentsPillsItemMinHeight: string;
+        tableOfContentsPillsHoverColor: string;
+        tableOfContentsPillsHoverBackground: string;
+        tableOfContentsPillsActiveColor: string;
+        tableOfContentsPillsActiveBackground: string;
+        menuBarPillsSubmenuHoverBackground: string;
+        menuBarPillsSubmenuActiveBackground: string;
+        menuBarPillsListGap: string;
         textBodyFontSize: string;
         textBodyLineHeight: string;
         textBodyFontWeight: string;

package/dist/theme/default-preset-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-preset-source.d.ts","sourceRoot":"","sources":["../../src/theme/default-preset-source.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiVpC,CAAC"}
+{"version":3,"file":"default-preset-source.d.ts","sourceRoot":"","sources":["../../src/theme/default-preset-source.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuXpC,CAAC"}

package/dist/theme-api.js

@@ -1,4 +1,4 @@
-import { c as t, d as a } from "./utils-BJVEoCfQ.js";
+import { c as t, d as a } from "./utils-CsZ7hQHm.js";
 export {
   t as createThemePreset,
   a as defaultThemePreset

package/dist/tokens.css

@@ -24,6 +24,37 @@
   --vf-selectable-hover-background: transparent;
   --vf-selectable-active-color: var(--vf-color-primary);
   --vf-selectable-active-background: color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface));
+  --vf-nav-menu-item-hover-color: var(--vf-color-primary);
+  --vf-nav-menu-item-hover-background: transparent;
+  --vf-nav-menu-item-active-color: var(--vf-color-primary);
+  --vf-nav-menu-item-active-background: transparent;
+  --vf-nav-menu-pills-item-padding: var(--vf-field-padding-md);
+  --vf-nav-menu-pills-list-gap: var(--vf-nav-menu-list-gap);
+  --vf-nav-menu-pills-nested-gap: var(--vf-nav-menu-nested-gap);
+  --vf-nav-menu-pills-collapse-offset-top: var(--vf-nav-menu-collapse-offset-top);
+  --vf-nav-menu-pills-item-min-height: var(--vf-control-height-md);
+  --vf-nav-menu-pills-item-hover-color: var(--vf-selectable-hover-color);
+  --vf-nav-menu-pills-item-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);
+  --vf-nav-menu-pills-item-active-color: var(--vf-selectable-active-color);
+  --vf-nav-menu-pills-item-active-background: var(--vf-selectable-active-background);
+  --vf-nav-menu-group-label-color: color-mix(in srgb, var(--vf-color-muted) 90%, var(--vf-color-text));
+  --vf-nav-menu-item-color: var(--vf-color-text);
+  --vf-nav-menu-item-radius: var(--vf-radius-control);
+  --vf-nav-menu-item-focus-color: var(--vf-color-primary);
+  --vf-nav-menu-item-focus-border-color: var(--vf-color-primary);
+  --vf-nav-menu-item-ancestor-active-color: var(--vf-color-primary);
+  --vf-nav-menu-branch-color: var(--vf-color-text);
+  --vf-nav-menu-branch-ancestor-active-color: var(--vf-nav-menu-item-ancestor-active-color);
+  --vf-table-of-contents-pills-list-gap: var(--vf-table-of-contents-list-gap);
+  --vf-table-of-contents-pills-item-padding: var(--vf-field-padding-md);
+  --vf-table-of-contents-pills-item-min-height: var(--vf-control-height-md);
+  --vf-table-of-contents-pills-hover-color: var(--vf-table-of-contents-hover-color);
+  --vf-table-of-contents-pills-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);
+  --vf-table-of-contents-pills-active-color: var(--vf-table-of-contents-active-color);
+  --vf-table-of-contents-pills-active-background: var(--vf-table-of-contents-active-background);
+  --vf-menu-bar-pills-submenu-hover-background: color-mix(in srgb, var(--vf-color-primary) 5%, transparent);
+  --vf-menu-bar-pills-submenu-active-background: var(--vf-selectable-active-background);
+  --vf-menu-bar-pills-list-gap: var(--vf-nav-menu-list-gap);
   --vf-text-body-font-size: var(--vf-font-size-xl);
   --vf-text-body-line-height: var(--vf-line-height-normal);
   --vf-text-body-font-weight: var(--vf-font-weight-regular);
@@ -181,7 +212,7 @@
   --vf-nav-menu-node-group-spacing: 0.25rem;
   --vf-nav-menu-group-padding: 0.375rem 0.75rem;
   --vf-nav-menu-group-font-size: var(--vf-text-label-font-size);
-  --vf-nav-menu-item-padding: var(--vf-field-padding-md);
+  --vf-nav-menu-item-padding: 0.25rem 0;
   --vf-nav-menu-item-gap: 0.5rem;
   --vf-nav-menu-leading-icon-size: 1rem;
   --vf-nav-menu-leading-icon-column-size: 1.25rem;
@@ -189,13 +220,13 @@
   --vf-table-of-contents-list-gap: var(--vf-nav-menu-list-gap);
   --vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);
   --vf-table-of-contents-title-color: var(--vf-color-muted);
-  --vf-table-of-contents-item-padding: var(--vf-nav-menu-item-padding);
+  --vf-table-of-contents-item-padding: 0.25rem 0;
   --vf-table-of-contents-level-step: calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding));
   --vf-table-of-contents-color: var(--vf-color-text);
   --vf-table-of-contents-hover-color: var(--vf-selectable-hover-color);
   --vf-table-of-contents-hover-background: var(--vf-selectable-hover-background);
   --vf-table-of-contents-active-color: var(--vf-selectable-active-color);
-  --vf-table-of-contents-active-background: var(--vf-selectable-active-background);
+  --vf-table-of-contents-active-background: transparent;
   --vf-badge-height: 1.375rem;
   --vf-badge-padding: 0.0625rem 0.25rem;
   --vf-badge-gap: 0.25rem;

package/dist/types/theme.d.ts

@@ -26,6 +26,37 @@ export interface VfThemeTokens extends BaseVfThemeTokensWithoutLegacyTypography
     selectableHoverBackground: string;
     selectableActiveColor: string;
     selectableActiveBackground: string;
+    navMenuItemHoverColor: string;
+    navMenuItemHoverBackground: string;
+    navMenuItemActiveColor: string;
+    navMenuItemActiveBackground: string;
+    navMenuPillsItemPadding: string;
+    navMenuPillsListGap: string;
+    navMenuPillsNestedGap: string;
+    navMenuPillsCollapseOffsetTop: string;
+    navMenuPillsItemMinHeight: string;
+    navMenuPillsItemHoverColor: string;
+    navMenuPillsItemHoverBackground: string;
+    navMenuPillsItemActiveColor: string;
+    navMenuPillsItemActiveBackground: string;
+    navMenuGroupLabelColor: string;
+    navMenuItemColor: string;
+    navMenuItemRadius: string;
+    navMenuItemFocusColor: string;
+    navMenuItemFocusBorderColor: string;
+    navMenuItemAncestorActiveColor: string;
+    navMenuBranchColor: string;
+    navMenuBranchAncestorActiveColor: string;
+    tableOfContentsPillsListGap: string;
+    tableOfContentsPillsItemPadding: string;
+    tableOfContentsPillsItemMinHeight: string;
+    tableOfContentsPillsHoverColor: string;
+    tableOfContentsPillsHoverBackground: string;
+    tableOfContentsPillsActiveColor: string;
+    tableOfContentsPillsActiveBackground: string;
+    menuBarPillsSubmenuHoverBackground: string;
+    menuBarPillsSubmenuActiveBackground: string;
+    menuBarPillsListGap: string;
     textBodyFontSize: string;
     textBodyLineHeight: string;
     textBodyFontWeight: string;