@codemonster-ru/vueforge 0.30.0 → 0.32.0

package/README.md

@@ -43,10 +43,12 @@ import {
     Skeleton,
     Progress,
     Badge,
+    Chip,
     Accordion,
     AccordionItem,
     Slider,
     Drawer,
+    Dropdown,
 } from '@codemonster-ru/vueforge';
 import '@codemonster-ru/vueforge/dist/index.css';
 
@@ -79,6 +81,7 @@ app.use(VueForge, {
 <Skeleton height="12px" width="140px" />
 <Progress :value="64" />
 <Badge label="Beta" />
+<Chip label="New" />
 <Slider v-model="volume" :min="0" :max="100" :step="5" show-value />
 <Accordion v-model="faq">
     <AccordionItem value="shipping" title="Shipping">
@@ -93,6 +96,11 @@ app.use(VueForge, {
         Drawer content
     </template>
 </Drawer>
+<Dropdown :items="menuItems">
+    <template #trigger>
+        <Button label="Actions" />
+    </template>
+</Dropdown>
 ```
 
 ## Components
@@ -119,6 +127,7 @@ app.use(VueForge, {
 - Menu
 - Modal
 - Drawer
+- Dropdown
 - Popover
 - Select
 - Autocomplete
@@ -131,6 +140,7 @@ app.use(VueForge, {
 - Skeleton
 - Progress
 - Badge
+- Chip
 - Avatar
 - Slider
 
@@ -813,6 +823,51 @@ Component tokens (override via `theme.overrides.components.drawer`):
 - `closeSize`, `closeRadius`, `closeOffset`
 - `closeColor`, `closeFontSize`, `closeHoverBackgroundColor`
 
+## Dropdown
+
+Props:
+
+- `modelValue?: boolean` (v-model)
+- `items?: Array<{ label?: string; to?: string; href?: string; url?: string; icon?: string; disabled?: boolean; separator?: boolean; command?: () => void }>`
+- `placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'bottom' | 'top'` (default `bottom-start`)
+- `offset?: number` (default `6`)
+- `disabled?: boolean`
+- `closeOnSelect?: boolean` (default `true`)
+- `closeOnEsc?: boolean` (default `true`)
+- `matchTriggerWidth?: boolean` (default `true`)
+
+Slots:
+
+- `trigger`
+- `default` (optional) - dropdown content (defaults to `items` list if provided)
+
+Note: For custom dropdown content, add `data-dropdown-close` to clickable elements to auto-close on click.
+
+Events:
+
+- `update:modelValue`
+- `open`
+- `close`
+- `select`
+
+Example:
+
+```vue
+<Dropdown :items="menuItems">
+    <template #trigger>
+        <Button label="Actions" />
+    </template>
+</Dropdown>
+```
+
+### Dropdown tokens
+
+Component tokens (override via `theme.overrides.components.dropdown`):
+
+- `panelPadding`, `panelBorderRadius`, `panelBorderColor`
+- `panelBackgroundColor`, `panelShadow`, `zIndex`
+- `disabledOpacity`, `itemPadding`
+
 ## Tooltip
 
 Props:
@@ -885,6 +940,50 @@ Component tokens (override via `theme.overrides.components.badge`):
 - `small.fontSize`, `small.paddingX`, `small.paddingY`
 - `large.fontSize`, `large.paddingX`, `large.paddingY`
 
+## Chip
+
+Props:
+
+- `label?: string`
+- `size?: 'small' | 'normal' | 'large'` (default `normal`)
+- `variant?: 'solid' | 'soft' | 'outline'` (default `soft`)
+- `severity?: 'neutral' | 'info' | 'success' | 'warn' | 'danger'` (default `neutral`)
+- `disabled?: boolean`
+- `closable?: boolean` (default `false`)
+- `icon?: string`
+- `ariaLabel?: string`
+- `closeLabel?: string` (default `Remove`)
+
+Slots:
+
+- `default` - chip content (fallbacks to `label`)
+- `icon` (optional)
+- `close` (optional)
+
+Events:
+
+- `close`
+
+Example:
+
+```vue
+<Chip label="New" />
+<Chip severity="info" closable>Info</Chip>
+```
+
+### Chip tokens
+
+Component tokens (override via `theme.overrides.components.chip`):
+
+- `fontSize`, `lineHeight`, `paddingX`, `paddingY`, `borderRadius`, `gap`
+- `backgroundColor`, `textColor`, `borderColor`
+- `softBackgroundColor`, `softTextColor`, `softBorderColor`
+- `outlineTextColor`, `outlineBorderColor`
+- `iconSize`, `closeSize`, `closeFontSize`, `closeRadius`, `closeColor`, `closeHoverBackgroundColor`, `disabledOpacity`
+- `info.*`, `success.*`, `warn.*`, `danger.*` (backgroundColor/textColor/borderColor/soft*/outline*)
+- `small.fontSize`, `small.paddingX`, `small.paddingY`
+- `large.fontSize`, `large.paddingX`, `large.paddingY`
+
 ## Avatar
 
 Props:
@@ -1011,7 +1110,7 @@ VueForge exposes design tokens as CSS variables generated from the theme preset.
 Typed tokens:
 
 - `ThemeTokens`/`ThemeOptions`/`ThemePreset` are exported for type-safe theming in TS.
-- `components.*` accepts component-specific tokens (typed keys: button/card/checkbox/radio/tabs/accordion/toast/alert/input/numberInput/formField/textarea/link/breadcrumbs/menu/modal/drawer/popover/select/autocomplete/multiselect/datepicker/pagination/switch/tooltip/skeleton/progress/badge/avatar/datatable/slider).
+- `components.*` accepts component-specific tokens (typed keys: button/card/checkbox/radio/tabs/accordion/toast/alert/input/numberInput/formField/textarea/link/breadcrumbs/menu/modal/drawer/popover/dropdown/select/autocomplete/multiselect/datepicker/pagination/switch/tooltip/skeleton/progress/badge/chip/avatar/datatable/slider).
 
 Default core values (from `DefaultTheme`):
 

package/dist/index.css

@@ -1 +1 @@
-.vf-link{color:inherit;cursor:pointer;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-link:hover{color:var(--vf-link-hover-color)}.vf-link:active{color:var(--vf-link-active-color)}.vf-link.vf-link_disabled{cursor:not-allowed}.vf-link_active,.vf-link_partially-active{color:var(--vf-link-active-color)}.vf-card{border:var(--vf-border-width) solid var(--vf-card-border-color);border-radius:var(--vf-card-border-radius)}.vf-card__default{padding:var(--vf-card-padding)}.vf-menu{display:flex}.vf-menu_horizontal>.vf-menu__list{flex-direction:row}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item{align-items:center}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:first-child){margin-left:var(--vf-menu-item-margin-left)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:last-child){margin-right:var(--vf-menu-item-margin-right)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item>.vf-menu__separator{height:var(--vf-menu-separator-height);border-top:none;border-right:none;border-left:var(--vf-menu-separator-thickness) solid var(--vf-menu-separator-color);border-bottom:none}.vf-menu_vertical>.vf-menu__list{width:100%;flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item{flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:first-child){margin-top:var(--vf-menu-item-margin-top)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:last-child){margin-bottom:var(--vf-menu-item-margin-bottom)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item>.vf-menu{overflow:hidden}.vf-menu__list{margin:0;padding:0;display:flex;list-style:none}.vf-menu__separator{width:100%;height:var(--vf-menu-separator-thickness);border:none;margin:0;background-color:var(--vf-menu-separator-color)}.vf-menu__item{display:flex;font-weight:500}.vf-menu__link{display:flex;align-items:center;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__link:hover{color:var(--vf-menu-link-hover-color)}.vf-menu__parent{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__parent:hover{color:var(--vf-menu-parent-hover-color)}.vf-menu__icon{margin-right:var(--vf-menu-icon-gap)}.vf-menu__submenu.vf-menu__submenu_visible{margin-top:var(--vf-menu-submenu-offset);margin-left:var(--vf-menu-submenu-offset)}.vf-menu__submenu:not(.vf-menu__submenu_visible){height:0}.vf-button{display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-button-border-radius);overflow:hidden}.vf-button_text{border:var(--vf-border-width) solid transparent;background-color:transparent}.vf-button_outlined{background-color:transparent}.vf-button_primary.vf-button_text{color:var(--vf-button-text-primary-color)}.vf-button_primary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-primary-hover-background-color)}.vf-button_primary.vf-button_outlined{color:var(--vf-button-outlined-primary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-primary-border-color)}.vf-button_primary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-primary-color);border:var(--vf-border-width) solid var(--vf-button-primary-border-color);background-color:var(--vf-button-primary-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-primary-hover-color);border:var(--vf-border-width) solid var(--vf-button-primary-hover-border-color);background-color:var(--vf-button-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-primary-active-color);border:var(--vf-border-width) solid var(--vf-button-primary-active-border-color);background-color:var(--vf-button-primary-active-background-color)}.vf-button_secondary.vf-button_text{color:var(--vf-button-text-secondary-color)}.vf-button_secondary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-secondary-hover-background-color)}.vf-button_secondary.vf-button_outlined{color:var(--vf-button-outlined-secondary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-secondary-border-color)}.vf-button_secondary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-secondary-color);border:var(--vf-border-width) solid var(--vf-button-secondary-border-color);background-color:var(--vf-button-secondary-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-secondary-hover-color);border:var(--vf-border-width) solid var(--vf-button-secondary-hover-border-color);background-color:var(--vf-button-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-secondary-active-color);border:var(--vf-border-width) solid var(--vf-button-secondary-active-border-color);background-color:var(--vf-button-secondary-active-background-color)}.vf-button_success.vf-button_text{color:var(--vf-button-text-success-color)}.vf-button_success.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-success-hover-background-color)}.vf-button_success.vf-button_outlined{color:var(--vf-button-outlined-success-color);border:var(--vf-border-width) solid var(--vf-button-outlined-success-border-color)}.vf-button_success.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-success-color);border:var(--vf-border-width) solid var(--vf-button-success-border-color);background-color:var(--vf-button-success-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-success-hover-color);border:var(--vf-border-width) solid var(--vf-button-success-hover-border-color);background-color:var(--vf-button-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-success-active-color);border:var(--vf-border-width) solid var(--vf-button-success-active-border-color);background-color:var(--vf-button-success-active-background-color)}.vf-button_info.vf-button_text{color:var(--vf-button-text-info-color)}.vf-button_info.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-info-hover-background-color)}.vf-button_info.vf-button_outlined{color:var(--vf-button-outlined-info-color);border:var(--vf-border-width) solid var(--vf-button-outlined-info-border-color)}.vf-button_info.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-info-color);border:var(--vf-border-width) solid var(--vf-button-info-border-color);background-color:var(--vf-button-info-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-info-hover-color);border:var(--vf-border-width) solid var(--vf-button-info-hover-border-color);background-color:var(--vf-button-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-info-active-color);border:var(--vf-border-width) solid var(--vf-button-info-active-border-color);background-color:var(--vf-button-info-active-background-color)}.vf-button_warning.vf-button_text{color:var(--vf-button-text-warning-color)}.vf-button_warning.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-warning-hover-background-color)}.vf-button_warning.vf-button_outlined{color:var(--vf-button-outlined-warning-color);border:var(--vf-border-width) solid var(--vf-button-outlined-warning-border-color)}.vf-button_warning.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-warning-color);border:var(--vf-border-width) solid var(--vf-button-warning-border-color);background-color:var(--vf-button-warning-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-warning-hover-color);border:var(--vf-border-width) solid var(--vf-button-warning-hover-border-color);background-color:var(--vf-button-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-warning-active-color);border:var(--vf-border-width) solid var(--vf-button-warning-active-border-color);background-color:var(--vf-button-warning-active-background-color)}.vf-button_danger.vf-button_text{color:var(--vf-button-text-danger-color)}.vf-button_danger.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-danger-hover-background-color)}.vf-button_danger.vf-button_outlined{color:var(--vf-button-outlined-danger-color);border:var(--vf-border-width) solid var(--vf-button-outlined-danger-border-color)}.vf-button_danger.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-danger-color);border:var(--vf-border-width) solid var(--vf-button-danger-border-color);background-color:var(--vf-button-danger-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-danger-hover-color);border:var(--vf-border-width) solid var(--vf-button-danger-hover-border-color);background-color:var(--vf-button-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-danger-active-color);border:var(--vf-border-width) solid var(--vf-button-danger-active-border-color);background-color:var(--vf-button-danger-active-background-color)}.vf-button_vertical{flex-direction:column}.vf-button__icon{display:inline-block}.vf-button__icon_top+.vf-button__label{margin-top:var(--vf-button-icon-gap)}.vf-button__icon_right{order:1}.vf-button__icon_right+.vf-button__label{margin-right:var(--vf-button-icon-gap)}.vf-button__icon_bottom{order:1}.vf-button__icon_bottom+.vf-button__label{margin-bottom:var(--vf-button-icon-gap)}.vf-button__icon_left+.vf-button__label{margin-left:var(--vf-button-icon-gap)}.vf-button_disabled{opacity:var(--vf-states-disabled-opacity);cursor:default}.vf-button_rounded{border-radius:var(--vf-button-rounded-border-radius)}.vf-button_small{font-size:var(--vf-button-small-font-size);padding:var(--vf-button-small-padding)}.vf-button_large{font-size:var(--vf-button-large-font-size);padding:var(--vf-button-large-padding)}.vf-input{display:flex;align-items:center;gap:var(--vf-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-input-padding);border-radius:var(--vf-input-border-radius);border:var(--vf-border-width) solid var(--vf-input-border-color);background-color:var(--vf-input-background-color);color:var(--vf-input-text-color);transition:border-color .2s ease}.vf-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-input__control::placeholder{color:var(--vf-input-placeholder-color)}.vf-input:hover:not(.vf-input_disabled){border-color:var(--vf-input-hover-border-color)}.vf-input:focus-within:not(.vf-input_disabled){border-color:var(--vf-input-focus-border-color);box-shadow:var(--vf-input-focus-ring-shadow)}.vf-input_outlined{background-color:transparent}.vf-input_small{padding:var(--vf-input-small-padding)}.vf-input_small .vf-input__control{font-size:var(--vf-input-small-font-size)}.vf-input_large{padding:var(--vf-input-large-padding)}.vf-input_large .vf-input__control{font-size:var(--vf-input-large-font-size)}.vf-input_disabled{opacity:var(--vf-input-disabled-opacity);cursor:not-allowed}.vf-number-input{display:flex;align-items:center;gap:var(--vf-number-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-number-input-padding);border-radius:var(--vf-number-input-border-radius);border:var(--vf-border-width) solid var(--vf-number-input-border-color);background-color:var(--vf-number-input-background-color);color:var(--vf-number-input-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-number-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-number-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;min-width:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.vf-number-input__control::-webkit-outer-spin-button,.vf-number-input__control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vf-number-input__control::placeholder{color:var(--vf-number-input-placeholder-color)}.vf-number-input__controls{display:flex;flex-direction:column;gap:var(--vf-number-input-control-gap);height:100%;padding-left:var(--vf-number-input-control-gap);border-left:var(--vf-border-width) solid var(--vf-number-input-control-border-color)}.vf-number-input__step{width:var(--vf-number-input-control-width);flex:1;border:none;border-radius:var(--vf-number-input-control-radius);background-color:var(--vf-number-input-control-background-color);color:var(--vf-number-input-control-text-color);font-size:var(--vf-number-input-control-font-size);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.vf-number-input__step:hover:not(:disabled){background-color:var(--vf-number-input-control-hover-background-color)}.vf-number-input__step:disabled{cursor:not-allowed}.vf-number-input:hover:not(.vf-number-input_disabled){border-color:var(--vf-number-input-hover-border-color)}.vf-number-input:focus-within:not(.vf-number-input_disabled){border-color:var(--vf-number-input-focus-border-color);box-shadow:var(--vf-number-input-focus-ring-shadow)}.vf-number-input_outlined{background-color:transparent}.vf-number-input_small{padding:var(--vf-number-input-small-padding)}.vf-number-input_small .vf-number-input__control{font-size:var(--vf-number-input-small-font-size)}.vf-number-input_small .vf-number-input__step{width:var(--vf-number-input-small-control-width);font-size:var(--vf-number-input-small-control-font-size)}.vf-number-input_large{padding:var(--vf-number-input-large-padding)}.vf-number-input_large .vf-number-input__control{font-size:var(--vf-number-input-large-font-size)}.vf-number-input_large .vf-number-input__step{width:var(--vf-number-input-large-control-width);font-size:var(--vf-number-input-large-control-font-size)}.vf-number-input_disabled{opacity:var(--vf-number-input-disabled-opacity);cursor:not-allowed}.vf-form-field{display:grid;gap:var(--vf-form-field-gap);color:var(--vf-form-field-text-color)}.vf-form-field__label{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--vf-form-field-label-font-size);line-height:var(--vf-typography-line-height);color:var(--vf-form-field-label-color)}.vf-form-field__required{color:var(--vf-form-field-required-color)}.vf-form-field__control{min-width:0}.vf-form-field__hint,.vf-form-field__error{margin:0;font-size:var(--vf-form-field-hint-font-size);line-height:var(--vf-typography-line-height)}.vf-form-field__hint{color:var(--vf-form-field-hint-color)}.vf-form-field__error{color:var(--vf-form-field-error-color)}.vf-form-field_small{gap:var(--vf-form-field-small-gap)}.vf-form-field_small .vf-form-field__label{font-size:var(--vf-form-field-small-label-font-size)}.vf-form-field_small .vf-form-field__hint,.vf-form-field_small .vf-form-field__error{font-size:var(--vf-form-field-small-hint-font-size)}.vf-form-field_large{gap:var(--vf-form-field-large-gap)}.vf-form-field_large .vf-form-field__label{font-size:var(--vf-form-field-large-label-font-size)}.vf-form-field_large .vf-form-field__hint,.vf-form-field_large .vf-form-field__error{font-size:var(--vf-form-field-large-hint-font-size)}.vf-form-field_disabled{opacity:var(--vf-form-field-disabled-opacity)}.vf-textarea{display:flex;align-items:stretch;gap:var(--vf-textarea-gap);min-height:var(--vf-textarea-min-height);box-sizing:border-box;padding:var(--vf-textarea-padding);border-radius:var(--vf-textarea-border-radius);border:var(--vf-border-width) solid var(--vf-textarea-border-color);background-color:var(--vf-textarea-background-color);color:var(--vf-textarea-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-textarea__control{flex:1;min-height:var(--vf-textarea-min-height);border:none;background:transparent;color:inherit;font-size:var(--vf-textarea-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;resize:var(--vf-textarea-resize);width:100%;padding:0;box-sizing:border-box}.vf-textarea__control::placeholder{color:var(--vf-textarea-placeholder-color)}.vf-textarea:hover:not(.vf-textarea_disabled){border-color:var(--vf-textarea-hover-border-color)}.vf-textarea:focus-within:not(.vf-textarea_disabled){border-color:var(--vf-textarea-focus-border-color);box-shadow:var(--vf-textarea-focus-ring-shadow)}.vf-textarea_outlined{background-color:transparent}.vf-textarea_small{padding:var(--vf-textarea-small-padding)}.vf-textarea_small .vf-textarea__control{font-size:var(--vf-textarea-small-font-size)}.vf-textarea_large{padding:var(--vf-textarea-large-padding)}.vf-textarea_large .vf-textarea__control{font-size:var(--vf-textarea-large-font-size)}.vf-textarea_disabled{opacity:var(--vf-textarea-disabled-opacity);cursor:not-allowed}.vf-select{position:relative;display:inline-block;min-width:var(--vf-select-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-select-border-radius);border:var(--vf-border-width) solid var(--vf-select-border-color);background-color:var(--vf-select-background-color);color:var(--vf-select-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-select_outlined{background-color:transparent}.vf-select__control{width:100%;padding:var(--vf-select-padding);border:none;background:transparent;color:inherit;font-size:var(--vf-select-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-select-control-gap);cursor:pointer}.vf-select__label{text-align:left}.vf-select__label_placeholder{color:var(--vf-secondary-text-color)}.vf-select__chevron{font-size:var(--vf-select-chevron-size);opacity:.7}.vf-select__panel{position:fixed;z-index:50;padding:var(--vf-select-panel-padding);max-height:var(--vf-select-panel-max-height);overflow:auto;border-radius:calc(var(--vf-select-border-radius) + var(--vf-select-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-select-panel-border-color);background-color:var(--vf-select-panel-background-color);box-shadow:var(--vf-select-panel-shadow);color:var(--vf-select-text-color)}.vf-select__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-select-option-padding);border-radius:var(--vf-select-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-select__option:hover:not(.is-disabled),.vf-select__option:focus-visible:not(.is-disabled){background-color:var(--vf-select-option-hover-background-color);outline:none}.vf-select__option.is-active{background-color:var(--vf-select-option-active-background-color);color:var(--vf-select-option-active-text-color)}.vf-select__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-select_open{border-color:var(--vf-select-focus-border-color);box-shadow:var(--vf-select-focus-ring-shadow)}.vf-select:hover:not(.vf-select_disabled){border-color:var(--vf-select-hover-border-color)}.vf-select:focus-within:not(.vf-select_disabled){border-color:var(--vf-select-focus-border-color)}.vf-select_small .vf-select__control{padding:var(--vf-select-small-padding);font-size:var(--vf-select-small-font-size)}.vf-select_large .vf-select__control{padding:var(--vf-select-large-padding);font-size:var(--vf-select-large-font-size)}.vf-select_disabled{opacity:var(--vf-select-disabled-opacity);cursor:not-allowed}.vf-select_disabled .vf-select__control{cursor:not-allowed}.vf-autocomplete{position:relative;display:inline-flex;align-items:center;min-width:var(--vf-autocomplete-min-width);height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-autocomplete-control-gap);padding:var(--vf-autocomplete-padding);border-radius:var(--vf-autocomplete-border-radius);border:var(--vf-border-width) solid var(--vf-autocomplete-border-color);background-color:var(--vf-autocomplete-background-color);color:var(--vf-autocomplete-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-autocomplete_outlined{background-color:transparent}.vf-autocomplete__control{flex:1;width:100%;border:none;background:transparent;color:inherit;font-size:var(--vf-autocomplete-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-autocomplete__control::placeholder{color:var(--vf-autocomplete-placeholder-color)}.vf-autocomplete__chevron{border:none;padding:0;background:transparent;color:inherit;font-size:var(--vf-autocomplete-chevron-size);opacity:.7;cursor:pointer}.vf-autocomplete__panel{position:fixed;z-index:50;padding:var(--vf-autocomplete-panel-padding);max-height:var(--vf-autocomplete-panel-max-height);overflow:auto;border-radius:calc(var(--vf-autocomplete-border-radius) + var(--vf-autocomplete-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-autocomplete-panel-border-color);background-color:var(--vf-autocomplete-panel-background-color);box-shadow:var(--vf-autocomplete-panel-shadow);color:var(--vf-autocomplete-text-color)}.vf-autocomplete__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-autocomplete-option-padding);border-radius:var(--vf-autocomplete-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-autocomplete__option:hover:not(.is-disabled),.vf-autocomplete__option:focus-visible:not(.is-disabled){background-color:var(--vf-autocomplete-option-hover-background-color);outline:none}.vf-autocomplete__option.is-highlighted:not(.is-disabled){background-color:var(--vf-autocomplete-option-highlighted-background-color);outline:none}.vf-autocomplete__option.is-active{background-color:var(--vf-autocomplete-option-active-background-color);color:var(--vf-autocomplete-option-active-text-color)}.vf-autocomplete__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-autocomplete__empty{padding:var(--vf-autocomplete-empty-padding);color:var(--vf-autocomplete-empty-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-autocomplete__loading{padding:var(--vf-autocomplete-loading-padding);color:var(--vf-autocomplete-loading-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-autocomplete_open{border-color:var(--vf-autocomplete-focus-border-color);box-shadow:var(--vf-autocomplete-focus-ring-shadow)}.vf-autocomplete:hover:not(.vf-autocomplete_disabled){border-color:var(--vf-autocomplete-hover-border-color)}.vf-autocomplete:focus-within:not(.vf-autocomplete_disabled){border-color:var(--vf-autocomplete-focus-border-color)}.vf-autocomplete_small{padding:var(--vf-autocomplete-small-padding)}.vf-autocomplete_small .vf-autocomplete__control{font-size:var(--vf-autocomplete-small-font-size)}.vf-autocomplete_large{padding:var(--vf-autocomplete-large-padding)}.vf-autocomplete_large .vf-autocomplete__control{font-size:var(--vf-autocomplete-large-font-size)}.vf-autocomplete_disabled{opacity:var(--vf-autocomplete-disabled-opacity);cursor:not-allowed}.vf-autocomplete_disabled .vf-autocomplete__chevron{cursor:not-allowed}.vf-multiselect{position:relative;display:inline-flex;align-items:center;min-width:var(--vf-multiselect-min-width);height:var(--vf-controls-height);box-sizing:border-box;gap:0;border-radius:var(--vf-multiselect-border-radius);border:var(--vf-border-width) solid var(--vf-multiselect-border-color);background-color:var(--vf-multiselect-background-color);color:var(--vf-multiselect-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-multiselect_outlined{background-color:transparent}.vf-multiselect__control{width:100%;min-width:0;flex:1 1 0%;height:var(--vf-controls-height);box-sizing:border-box;border:none;background:transparent;color:inherit;font-size:var(--vf-multiselect-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-multiselect-control-gap);padding:var(--vf-multiselect-padding);cursor:pointer}.vf-multiselect__label{flex:1 1 auto;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-multiselect__label_placeholder{color:var(--vf-multiselect-placeholder-color)}.vf-multiselect__chevron{flex:0 0 auto;font-size:var(--vf-multiselect-chevron-size);opacity:.7}.vf-multiselect__clear{flex:0 0 auto;width:var(--vf-multiselect-clear-size);height:var(--vf-multiselect-clear-size);margin-right:.35rem;padding:0;border:none;border-radius:var(--vf-multiselect-clear-radius);background:transparent;color:inherit;font-size:.75rem;cursor:pointer}.vf-multiselect__clear:hover{background-color:var(--vf-multiselect-clear-hover-background-color)}.vf-multiselect__panel{position:fixed;z-index:50;padding:var(--vf-multiselect-panel-padding);max-height:var(--vf-multiselect-panel-max-height);overflow:auto;border-radius:calc(var(--vf-multiselect-border-radius) + var(--vf-multiselect-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-multiselect-panel-border-color);background-color:var(--vf-multiselect-panel-background-color);box-shadow:var(--vf-multiselect-panel-shadow);color:var(--vf-multiselect-text-color)}.vf-multiselect__search{padding:var(--vf-multiselect-search-padding)}.vf-multiselect__search-control{width:100%;border-radius:var(--vf-multiselect-search-border-radius);border:var(--vf-border-width) solid var(--vf-multiselect-search-border-color);background:transparent;color:inherit;padding:.35rem .45rem;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-multiselect__search-control:focus{border-color:var(--vf-multiselect-focus-border-color)}.vf-multiselect__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-multiselect-option-padding);border-radius:var(--vf-multiselect-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem}.vf-multiselect__option:hover:not(.is-disabled),.vf-multiselect__option:focus-visible:not(.is-disabled){background-color:var(--vf-multiselect-option-hover-background-color);outline:none}.vf-multiselect__option.is-highlighted:not(.is-disabled){background-color:var(--vf-multiselect-option-highlighted-background-color)}.vf-multiselect__option.is-active{background-color:var(--vf-multiselect-option-active-background-color);color:var(--vf-multiselect-option-active-text-color)}.vf-multiselect__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-multiselect__option-check{font-size:.85em}.vf-multiselect__empty{padding:var(--vf-multiselect-empty-padding);color:var(--vf-multiselect-empty-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-multiselect__loading{padding:var(--vf-multiselect-loading-padding);color:var(--vf-multiselect-loading-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-multiselect_open{border-color:var(--vf-multiselect-focus-border-color);box-shadow:var(--vf-multiselect-focus-ring-shadow)}.vf-multiselect:hover:not(.vf-multiselect_disabled){border-color:var(--vf-multiselect-hover-border-color)}.vf-multiselect:focus-within:not(.vf-multiselect_disabled){border-color:var(--vf-multiselect-focus-border-color)}.vf-multiselect_small .vf-multiselect__control{padding:var(--vf-multiselect-small-padding);font-size:var(--vf-multiselect-small-font-size)}.vf-multiselect_large .vf-multiselect__control{padding:var(--vf-multiselect-large-padding);font-size:var(--vf-multiselect-large-font-size)}.vf-multiselect_disabled{opacity:var(--vf-multiselect-disabled-opacity);cursor:not-allowed}.vf-multiselect_disabled .vf-multiselect__control{cursor:not-allowed}.vf-datepicker{position:relative;display:inline-block;min-width:var(--vf-datepicker-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-datepicker-border-radius);border:var(--vf-border-width) solid var(--vf-datepicker-border-color);background-color:var(--vf-datepicker-background-color);color:var(--vf-datepicker-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-datepicker_outlined{background-color:transparent}.vf-datepicker__control{width:100%;height:var(--vf-controls-height);box-sizing:border-box;border:none;background:transparent;color:inherit;padding:var(--vf-datepicker-padding);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-datepicker-control-gap);font-size:var(--vf-datepicker-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;cursor:pointer;outline:none}.vf-datepicker__label{text-align:left}.vf-datepicker__label_placeholder{color:var(--vf-datepicker-placeholder-color)}.vf-datepicker__chevron{font-size:var(--vf-datepicker-chevron-size);opacity:.7}.vf-datepicker__panel{position:fixed;z-index:50;width:var(--vf-datepicker-panel-width);padding:var(--vf-datepicker-panel-padding);border-radius:calc(var(--vf-datepicker-border-radius) + var(--vf-datepicker-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-datepicker-panel-border-color);background-color:var(--vf-datepicker-panel-background-color);box-shadow:var(--vf-datepicker-panel-shadow);color:var(--vf-datepicker-text-color)}.vf-datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-datepicker-header-gap);padding:var(--vf-datepicker-header-padding)}.vf-datepicker__month-label{font-size:var(--vf-datepicker-month-label-font-size);font-weight:var(--vf-datepicker-month-label-font-weight)}.vf-datepicker__nav{width:var(--vf-datepicker-nav-button-size);height:var(--vf-datepicker-nav-button-size);border-radius:var(--vf-datepicker-nav-button-radius);border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-datepicker-nav-button-font-size);line-height:1}.vf-datepicker__nav:hover,.vf-datepicker__nav:focus-visible{background-color:var(--vf-datepicker-day-hover-background-color);outline:none}.vf-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--vf-datepicker-weekdays-margin-bottom)}.vf-datepicker__weekday{text-align:center;color:var(--vf-datepicker-weekday-color);font-size:var(--vf-datepicker-weekday-font-size);line-height:1.2}.vf-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--vf-datepicker-days-gap)}.vf-datepicker__day{width:var(--vf-datepicker-day-size);height:var(--vf-datepicker-day-size);margin:0 auto;border-radius:var(--vf-datepicker-day-border-radius);border:var(--vf-border-width) solid transparent;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-datepicker-day-font-size);line-height:1}.vf-datepicker__day:hover:not(:disabled),.vf-datepicker__day:focus-visible:not(:disabled){background-color:var(--vf-datepicker-day-hover-background-color);outline:none}.vf-datepicker__day.is-selected{background-color:var(--vf-datepicker-day-selected-background-color);color:var(--vf-datepicker-day-selected-text-color)}.vf-datepicker__day.is-today{border-color:var(--vf-datepicker-day-today-border-color)}.vf-datepicker__day.is-outside{color:var(--vf-datepicker-day-muted-color)}.vf-datepicker__day:disabled{opacity:.5;cursor:not-allowed}.vf-datepicker_open{border-color:var(--vf-datepicker-focus-border-color);box-shadow:var(--vf-datepicker-focus-ring-shadow)}.vf-datepicker:hover:not(.vf-datepicker_disabled){border-color:var(--vf-datepicker-hover-border-color)}.vf-datepicker:focus-within:not(.vf-datepicker_disabled){border-color:var(--vf-datepicker-focus-border-color)}.vf-datepicker_small .vf-datepicker__control{padding:var(--vf-datepicker-small-padding);font-size:var(--vf-datepicker-small-font-size)}.vf-datepicker_small .vf-datepicker__day{width:var(--vf-datepicker-small-day-size);height:var(--vf-datepicker-small-day-size)}.vf-datepicker_large .vf-datepicker__control{padding:var(--vf-datepicker-large-padding);font-size:var(--vf-datepicker-large-font-size)}.vf-datepicker_large .vf-datepicker__day{width:var(--vf-datepicker-large-day-size);height:var(--vf-datepicker-large-day-size)}.vf-datepicker_disabled{opacity:var(--vf-datepicker-disabled-opacity);cursor:not-allowed}.vf-datepicker_disabled .vf-datepicker__control{cursor:not-allowed}.vf-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;gap:var(--vf-pagination-gap)}.vf-pagination__item{flex:0 0 auto;min-width:var(--vf-pagination-item-min-width);height:var(--vf-controls-height);box-sizing:border-box;border:var(--vf-border-width) solid var(--vf-pagination-border-color);border-radius:var(--vf-pagination-border-radius);background-color:var(--vf-pagination-background-color);color:var(--vf-pagination-text-color);padding:var(--vf-pagination-padding);font-size:var(--vf-pagination-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.vf-pagination__item:hover:not(:disabled):not(.is-current):not(.is-ellipsis){background-color:var(--vf-pagination-hover-background-color)}.vf-pagination__item:focus-visible{outline:none;border-color:var(--vf-pagination-focus-border-color);box-shadow:var(--vf-pagination-focus-ring-shadow)}.vf-pagination__item.is-current{border-color:var(--vf-pagination-active-border-color);background-color:var(--vf-pagination-active-background-color);color:var(--vf-pagination-active-text-color)}.vf-pagination__item.is-ellipsis{cursor:default;padding:var(--vf-pagination-ellipsis-padding)}.vf-pagination__item:disabled{opacity:var(--vf-pagination-disabled-opacity);cursor:not-allowed}.vf-pagination_outlined .vf-pagination__item{background-color:transparent}.vf-pagination_small .vf-pagination__item{font-size:var(--vf-pagination-small-font-size);padding:var(--vf-pagination-small-padding)}.vf-pagination_large .vf-pagination__item{font-size:var(--vf-pagination-large-font-size);padding:var(--vf-pagination-large-padding)}.vf-pagination_disabled{opacity:var(--vf-pagination-disabled-opacity)}.vf-checkbox{display:inline-flex;align-items:center;gap:var(--vf-checkbox-gap);cursor:pointer;color:var(--vf-checkbox-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-checkbox__control{position:absolute;opacity:0;pointer-events:none}.vf-checkbox__box{width:var(--vf-checkbox-size);height:var(--vf-checkbox-size);border:var(--vf-border-width) solid var(--vf-checkbox-border-color);border-radius:var(--vf-checkbox-border-radius);background-color:var(--vf-checkbox-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-checkbox__control:checked+.vf-checkbox__box{background-color:var(--vf-checkbox-checked-background-color);border-color:var(--vf-checkbox-checked-border-color)}.vf-checkbox__control:checked+.vf-checkbox__box:after{content:"";width:calc(var(--vf-checkbox-size) / 2);height:calc(var(--vf-checkbox-size) / 2);background-color:var(--vf-checkbox-check-color);border-radius:var(--vf-checkbox-check-border-radius)}.vf-checkbox_outlined .vf-checkbox__box{background-color:transparent}.vf-checkbox_disabled{opacity:var(--vf-checkbox-disabled-opacity);cursor:not-allowed}.vf-radio-group{display:inline-flex;flex-direction:column;gap:var(--vf-radio-group-gap)}.vf-radio-group_horizontal{flex-direction:row;flex-wrap:wrap}.vf-radio{display:inline-flex;align-items:center;gap:var(--vf-radio-gap);cursor:pointer;color:var(--vf-radio-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-radio__control{position:absolute;opacity:0;pointer-events:none}.vf-radio__circle{width:var(--vf-radio-size);height:var(--vf-radio-size);border:var(--vf-border-width) solid var(--vf-radio-border-color);border-radius:var(--vf-radio-border-radius);background-color:var(--vf-radio-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-radio__control:checked+.vf-radio__circle{background-color:var(--vf-radio-checked-background-color);border-color:var(--vf-radio-checked-border-color)}.vf-radio__control:checked+.vf-radio__circle:after{content:"";width:var(--vf-radio-dot-size);height:var(--vf-radio-dot-size);background-color:var(--vf-radio-dot-color);border-radius:var(--vf-radio-dot-border-radius)}.vf-radio_outlined .vf-radio__circle{background-color:transparent}.vf-radio_disabled{opacity:var(--vf-radio-disabled-opacity);cursor:not-allowed}.vf-tabs{display:flex;flex-direction:column;gap:var(--vf-tabs-gap)}.vf-tabs__list{display:flex;flex-wrap:wrap;gap:var(--vf-tabs-list-gap);border-bottom:var(--vf-tabs-list-border-width) solid var(--vf-tabs-list-border-color)}.vf-tabs__panels{display:block}.vf-tabs_vertical{flex-direction:row;align-items:flex-start}.vf-tabs_vertical .vf-tabs__list{flex-direction:column;border-bottom:none;border-right:var(--vf-tabs-list-border-width) solid var(--vf-tabs-list-border-color);padding-right:var(--vf-tabs-list-vertical-padding)}.vf-tabs_vertical .vf-tabs__panels{flex:1}.vf-tabs_disabled{opacity:var(--vf-tabs-disabled-opacity)}.vf-tab{padding:var(--vf-tabs-tab-padding);border:none;border-bottom:var(--vf-tabs-tab-active-border-width) solid transparent;background-color:var(--vf-tabs-tab-background-color);color:var(--vf-tabs-tab-text-color);font-size:var(--vf-tabs-tab-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-tabs-tab-border-radius);cursor:pointer;transition:background-color .2s ease,color .2s ease}.vf-tab:hover:not(.vf-tab_disabled){background-color:var(--vf-tabs-tab-hover-background-color)}.vf-tab_active{color:var(--vf-tabs-tab-active-text-color);background-color:var(--vf-tabs-tab-active-background-color);border-bottom-color:var(--vf-tabs-tab-active-border-color)}.vf-tabs_vertical .vf-tab_active{border-bottom-color:transparent;border-right:var(--vf-tabs-tab-active-border-width) solid var(--vf-tabs-tab-active-border-color)}.vf-tabs_vertical .vf-tab{border-bottom:none;border-right:var(--vf-tabs-tab-active-border-width) solid transparent}.vf-tab_disabled{opacity:var(--vf-tabs-disabled-opacity);cursor:not-allowed}.vf-tab-panel{padding:var(--vf-tabs-panel-padding);border-radius:var(--vf-tabs-panel-border-radius);background-color:var(--vf-tabs-panel-background-color);color:var(--vf-tabs-panel-text-color)}.vf-accordion{display:grid;gap:var(--vf-accordion-gap)}.vf-accordion_disabled{opacity:var(--vf-accordion-disabled-opacity)}.vf-accordion-item{border:var(--vf-border-width) solid var(--vf-accordion-border-color);border-radius:var(--vf-accordion-border-radius);background-color:var(--vf-accordion-background-color);overflow:hidden}.vf-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--vf-accordion-header-gap);padding:var(--vf-accordion-header-padding);border:none;background-color:var(--vf-accordion-header-background-color);color:var(--vf-accordion-header-text-color);font-size:var(--vf-accordion-header-font-size);font-weight:var(--vf-accordion-header-font-weight);line-height:var(--vf-typography-line-height);font-family:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.vf-accordion__header:focus-visible{outline:none;box-shadow:var(--vf-accordion-focus-ring-shadow);border-radius:calc(var(--vf-accordion-border-radius) - 1px)}.vf-accordion__header:hover:not(:disabled){background-color:var(--vf-accordion-header-hover-background-color)}.vf-accordion-item_open .vf-accordion__header{background-color:var(--vf-accordion-header-active-background-color)}.vf-accordion__title{flex:1}.vf-accordion__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--vf-accordion-icon-size);height:var(--vf-accordion-icon-size);color:var(--vf-accordion-icon-color);transition:transform .2s ease}.vf-accordion__icon:before{content:"";width:calc(var(--vf-accordion-icon-size) / 2);height:calc(var(--vf-accordion-icon-size) / 2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.vf-accordion-item_open .vf-accordion__icon{transform:rotate(180deg)}.vf-accordion__panel{display:grid;grid-template-rows:0fr;padding:var(--vf-accordion-content-padding);border-top:var(--vf-border-width) solid var(--vf-accordion-divider-color);background-color:var(--vf-accordion-content-background-color);color:var(--vf-accordion-content-text-color);opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}.vf-accordion__panel-inner{overflow:hidden}.vf-accordion__panel_open{grid-template-rows:1fr;opacity:1}.vf-accordion-item_disabled{opacity:var(--vf-accordion-disabled-opacity)}.vf-accordion-item_disabled .vf-accordion__header{cursor:not-allowed}.vf-accordion_outlined .vf-accordion-item,.vf-accordion_outlined .vf-accordion__header,.vf-accordion_outlined .vf-accordion__panel{background-color:transparent}.vf-accordion_small .vf-accordion__header{padding:var(--vf-accordion-small-header-padding);font-size:var(--vf-accordion-small-header-font-size)}.vf-accordion_small .vf-accordion__panel{padding:var(--vf-accordion-small-content-padding)}.vf-accordion_large .vf-accordion__header{padding:var(--vf-accordion-large-header-padding);font-size:var(--vf-accordion-large-header-font-size)}.vf-accordion_large .vf-accordion__panel{padding:var(--vf-accordion-large-content-padding)}.vf-toast{display:inline-flex;align-items:flex-start;gap:var(--vf-toast-gap);padding:var(--vf-toast-padding);border-radius:var(--vf-toast-border-radius);background-color:var(--vf-toast-background-color);color:var(--vf-toast-text-color);box-shadow:var(--vf-toast-shadow);border:var(--vf-border-width) solid var(--vf-toast-border-color);min-width:var(--vf-toast-min-width)}.vf-toast__body{display:grid;gap:var(--vf-toast-body-gap)}.vf-toast__title{font-weight:var(--vf-toast-title-font-weight);font-size:var(--vf-toast-title-font-size)}.vf-toast__message{font-size:var(--vf-toast-font-size);line-height:var(--vf-toast-line-height)}.vf-toast__close{margin-left:auto;border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-toast-close-size);line-height:1;padding:0;opacity:.7}.vf-toast__close:hover{opacity:1}.vf-toast[data-severity=info]{background-color:var(--vf-toast-info-background-color);border-color:var(--vf-toast-info-border-color);color:var(--vf-toast-info-text-color)}.vf-toast[data-severity=success]{background-color:var(--vf-toast-success-background-color);border-color:var(--vf-toast-success-border-color);color:var(--vf-toast-success-text-color)}.vf-toast[data-severity=warn]{background-color:var(--vf-toast-warn-background-color);border-color:var(--vf-toast-warn-border-color);color:var(--vf-toast-warn-text-color)}.vf-toast[data-severity=danger]{background-color:var(--vf-toast-danger-background-color);border-color:var(--vf-toast-danger-border-color);color:var(--vf-toast-danger-text-color)}.vf-toast-container{position:fixed;z-index:var(--vf-toast-z-index);display:flex;flex-direction:column;gap:var(--vf-toast-container-gap);padding:var(--vf-toast-container-padding);max-width:var(--vf-toast-container-max-width)}.vf-toast-container_top-right{top:0;right:0;align-items:flex-end}.vf-toast-container_top-left{top:0;left:0;align-items:flex-start}.vf-toast-container_bottom-right{bottom:0;right:0;align-items:flex-end}.vf-toast-container_bottom-left{bottom:0;left:0;align-items:flex-start}.vf-alert{display:flex;align-items:flex-start;gap:var(--vf-alert-gap);padding:var(--vf-alert-padding);border-radius:var(--vf-alert-border-radius);background-color:var(--vf-alert-background-color);color:var(--vf-alert-text-color);border:var(--vf-border-width) solid var(--vf-alert-border-color)}.vf-alert__icon{color:var(--vf-alert-icon-color);line-height:var(--vf-alert-line-height)}.vf-alert__body{flex:1;min-width:0;display:grid;gap:var(--vf-alert-body-gap)}.vf-alert__title{font-weight:var(--vf-alert-title-font-weight);font-size:var(--vf-alert-title-font-size);line-height:var(--vf-alert-line-height)}.vf-alert__message{font-size:var(--vf-alert-font-size);line-height:var(--vf-alert-line-height)}.vf-alert__actions{display:inline-flex;align-items:center;gap:var(--vf-alert-actions-gap)}.vf-alert__close{margin-left:auto;border:none;border-radius:var(--vf-alert-close-radius);width:var(--vf-alert-close-size);height:var(--vf-alert-close-size);background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-alert-close-font-size);line-height:1}.vf-alert__close:hover{background-color:var(--vf-alert-close-hover-background-color)}.vf-alert[data-severity=info]{background-color:var(--vf-alert-info-background-color);border-color:var(--vf-alert-info-border-color);color:var(--vf-alert-info-text-color)}.vf-alert[data-severity=success]{background-color:var(--vf-alert-success-background-color);border-color:var(--vf-alert-success-border-color);color:var(--vf-alert-success-text-color)}.vf-alert[data-severity=warn]{background-color:var(--vf-alert-warn-background-color);border-color:var(--vf-alert-warn-border-color);color:var(--vf-alert-warn-text-color)}.vf-alert[data-severity=danger]{background-color:var(--vf-alert-danger-background-color);border-color:var(--vf-alert-danger-border-color);color:var(--vf-alert-danger-text-color)}.vf-switch{display:inline-flex;align-items:center;gap:var(--vf-switch-gap);cursor:pointer;color:var(--vf-switch-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-switch__control{position:absolute;opacity:0;pointer-events:none}.vf-switch__track{position:relative;width:var(--vf-switch-width);height:var(--vf-switch-height);border-radius:var(--vf-switch-height);background-color:var(--vf-switch-background-color);transition:background-color .2s ease}.vf-switch__thumb{position:absolute;top:50%;left:var(--vf-switch-thumb-offset);width:var(--vf-switch-thumb-size);height:var(--vf-switch-thumb-size);border-radius:50%;background-color:var(--vf-switch-thumb-color);transform:translateY(-50%);transition:transform .2s ease}.vf-switch__control:checked+.vf-switch__track{background-color:var(--vf-switch-checked-background-color)}.vf-switch__control:checked+.vf-switch__track .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width) - var(--vf-switch-thumb-size) - var(--vf-switch-thumb-translate-offset)),-50%)}.vf-switch_disabled{opacity:var(--vf-switch-disabled-opacity);cursor:not-allowed}.vf-popover{position:relative}.vf-popover__button{cursor:pointer;-webkit-user-select:none;user-select:none}.vf-popover__wrapper{position:absolute;background-color:var(--vf-popover-background-color)}.vf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-modal-z-index);display:flex;align-items:center;justify-content:center}.vf-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vf-modal-overlay-background-color)}.vf-modal__panel{position:relative;z-index:1;width:var(--vf-modal-width);max-width:var(--vf-modal-max-width);max-height:var(--vf-modal-max-height);padding:var(--vf-modal-padding);border-radius:var(--vf-modal-border-radius);background-color:var(--vf-modal-background-color);color:var(--vf-modal-text-color);box-shadow:var(--vf-modal-shadow);overflow:auto;outline:none}.vf-modal_sm .vf-modal__panel{width:var(--vf-modal-width-sm);max-width:var(--vf-modal-max-width-sm)}.vf-modal_lg .vf-modal__panel{width:var(--vf-modal-width-lg);max-width:var(--vf-modal-max-width-lg)}.vf-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-modal-header-gap)}.vf-modal__title{margin:0;font-size:var(--vf-modal-title-font-size);line-height:var(--vf-modal-title-line-height);font-weight:var(--vf-modal-title-font-weight)}.vf-modal__body{margin-bottom:var(--vf-modal-body-gap)}.vf-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--vf-modal-footer-gap)}.vf-modal__close{position:absolute;top:var(--vf-modal-close-offset);right:var(--vf-modal-close-offset);width:var(--vf-modal-close-size);height:var(--vf-modal-close-size);border-radius:var(--vf-modal-close-radius);border:none;background:transparent;color:var(--vf-modal-close-color);cursor:pointer;font-size:var(--vf-modal-close-font-size);line-height:1}.vf-modal__close:hover{background-color:var(--vf-modal-close-hover-background-color)}.vf-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-drawer-z-index)}.vf-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vf-drawer-overlay-background-color)}.vf-drawer__panel{position:absolute;padding:var(--vf-drawer-padding);border-radius:var(--vf-drawer-border-radius);background-color:var(--vf-drawer-background-color);color:var(--vf-drawer-text-color);box-shadow:var(--vf-drawer-shadow);overflow:auto;outline:none;transform:translateZ(0);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}.vf-drawer_left .vf-drawer__panel{top:0;left:0;width:var(--vf-drawer-width);height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.vf-drawer_right .vf-drawer__panel{top:0;right:0;width:var(--vf-drawer-width);height:100%;border-top-right-radius:0;border-bottom-right-radius:0}.vf-drawer_top .vf-drawer__panel{top:0;left:0;width:100%;height:var(--vf-drawer-height);border-top-left-radius:0;border-top-right-radius:0}.vf-drawer_bottom .vf-drawer__panel{left:0;bottom:0;width:100%;height:var(--vf-drawer-height);border-bottom-left-radius:0;border-bottom-right-radius:0}.vf-drawer_sm.vf-drawer_left .vf-drawer__panel,.vf-drawer_sm.vf-drawer_right .vf-drawer__panel{width:var(--vf-drawer-width-sm)}.vf-drawer_lg.vf-drawer_left .vf-drawer__panel,.vf-drawer_lg.vf-drawer_right .vf-drawer__panel{width:var(--vf-drawer-width-lg)}.vf-drawer_sm.vf-drawer_top .vf-drawer__panel,.vf-drawer_sm.vf-drawer_bottom .vf-drawer__panel{height:var(--vf-drawer-height-sm)}.vf-drawer_lg.vf-drawer_top .vf-drawer__panel,.vf-drawer_lg.vf-drawer_bottom .vf-drawer__panel{height:var(--vf-drawer-height-lg)}.vf-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-drawer-header-gap)}.vf-drawer__title{margin:0;font-size:var(--vf-drawer-title-font-size);line-height:var(--vf-drawer-title-line-height);font-weight:var(--vf-drawer-title-font-weight)}.vf-drawer__body{margin-bottom:var(--vf-drawer-body-gap)}.vf-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--vf-drawer-footer-gap)}.vf-drawer__close{position:absolute;top:var(--vf-drawer-close-offset);right:var(--vf-drawer-close-offset);width:var(--vf-drawer-close-size);height:var(--vf-drawer-close-size);border-radius:var(--vf-drawer-close-radius);border:none;background:transparent;color:var(--vf-drawer-close-color);cursor:pointer;font-size:var(--vf-drawer-close-font-size);line-height:1}.vf-drawer__close:hover{background-color:var(--vf-drawer-close-hover-background-color)}.vf-drawer-enter-active .vf-drawer__panel,.vf-drawer-leave-active .vf-drawer__panel{will-change:transform,opacity}.vf-drawer-enter-from .vf-drawer__panel,.vf-drawer-leave-to .vf-drawer__panel{transform:var(--vf-drawer-transform-from);opacity:0}.vf-drawer-enter-active .vf-drawer__overlay,.vf-drawer-leave-active .vf-drawer__overlay{transition:opacity .2s ease}.vf-drawer-enter-from .vf-drawer__overlay,.vf-drawer-leave-to .vf-drawer__overlay{opacity:0}.vf-tooltip__trigger{display:inline-flex}.vf-tooltip{position:fixed;z-index:var(--vf-tooltip-z-index);padding:var(--vf-tooltip-padding);border-radius:var(--vf-tooltip-border-radius);background-color:var(--vf-tooltip-background-color);color:var(--vf-tooltip-text-color);font-size:var(--vf-tooltip-font-size);line-height:var(--vf-tooltip-line-height);box-shadow:none;filter:drop-shadow(var(--vf-tooltip-shadow));max-width:var(--vf-tooltip-max-width)}.vf-tooltip__content{position:relative;z-index:1}.vf-tooltip__arrow{position:absolute;z-index:0;--vf-tooltip-arrow-rendered-height: var(--vf-tooltip-arrow-size);--vf-tooltip-arrow-half-width: calc(var(--vf-tooltip-arrow-size) * .8);width:0;height:0;border-style:solid;pointer-events:none}.vf-tooltip[data-placement^=top] .vf-tooltip__arrow{bottom:calc(var(--vf-tooltip-arrow-rendered-height) * -1);left:50%;transform:translate(-50%);border-width:var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width) 0 var(--vf-tooltip-arrow-half-width);border-color:var(--vf-tooltip-background-color) transparent transparent transparent}.vf-tooltip[data-placement^=bottom] .vf-tooltip__arrow{top:calc(var(--vf-tooltip-arrow-rendered-height) * -1);left:50%;transform:translate(-50%);border-width:0 var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width);border-color:transparent transparent var(--vf-tooltip-background-color) transparent}.vf-tooltip[data-placement^=left] .vf-tooltip__arrow{right:calc(var(--vf-tooltip-arrow-half-width) * -2);top:50%;transform:translateY(-50%);border-width:var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width) 0;border-color:transparent var(--vf-tooltip-background-color) transparent transparent}.vf-tooltip[data-placement^=right] .vf-tooltip__arrow{left:calc(var(--vf-tooltip-arrow-half-width) * -2);top:50%;transform:translateY(-50%);border-width:var(--vf-tooltip-arrow-half-width) 0 var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height);border-color:transparent transparent transparent var(--vf-tooltip-background-color)}@keyframes vf-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vf-skeleton{display:block;width:var(--vf-skeleton-width);height:var(--vf-skeleton-height);border-radius:var(--vf-skeleton-border-radius);background:linear-gradient(90deg,var(--vf-skeleton-background-color) 0%,var(--vf-skeleton-shimmer-color) 50%,var(--vf-skeleton-background-color) 100%);background-size:200% 100%}.vf-skeleton_animated{animation:vf-skeleton-shimmer var(--vf-skeleton-animation-duration) ease-in-out infinite}.vf-skeleton_text{height:var(--vf-skeleton-line-height)}.vf-skeleton_circle{border-radius:50%}@keyframes vf-progress-linear-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes vf-progress-circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vf-progress-circle-dash{0%{stroke-dasharray:40,200;stroke-dashoffset:0}50%{stroke-dasharray:140,200;stroke-dashoffset:-50}to{stroke-dasharray:40,200;stroke-dashoffset:-190}}.vf-progress{display:inline-flex;align-items:center;gap:var(--vf-progress-gap);color:var(--vf-progress-label-color);font-size:var(--vf-progress-label-font-size);line-height:var(--vf-typography-line-height)}.vf-progress__track{position:relative;width:var(--vf-progress-width);height:var(--vf-progress-height);border-radius:var(--vf-progress-border-radius);background-color:var(--vf-progress-background-color);overflow:hidden}.vf-progress__bar{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--vf-progress-bar-color);border-radius:inherit;transition:width .2s ease}.vf-progress_indeterminate .vf-progress__bar{width:35%;animation:vf-progress-linear-indeterminate var(--vf-progress-animation-duration) ease-in-out infinite}.vf-progress__label{white-space:nowrap}.vf-progress__circle{width:var(--vf-progress-circular-size);height:var(--vf-progress-circular-size)}.vf-progress__svg{width:100%;height:100%;transform:rotate(-90deg)}.vf-progress__circle-track{fill:none;stroke:var(--vf-progress-background-color);stroke-width:var(--vf-progress-circular-thickness)}.vf-progress__circle-bar{fill:none;stroke:var(--vf-progress-bar-color);stroke-width:var(--vf-progress-circular-thickness);stroke-linecap:round;transition:stroke-dashoffset .2s ease}.vf-progress_indeterminate .vf-progress__svg{animation:vf-progress-circle-rotate var(--vf-progress-animation-duration) linear infinite}.vf-progress_indeterminate .vf-progress__circle-bar{animation:vf-progress-circle-dash var(--vf-progress-animation-duration) ease-in-out infinite}.vf-progress_size-small{font-size:var(--vf-progress-small-label-font-size)}.vf-progress_size-small .vf-progress__track{height:var(--vf-progress-small-height)}.vf-progress_size-small .vf-progress__circle{width:var(--vf-progress-small-circular-size);height:var(--vf-progress-small-circular-size)}.vf-progress_size-small .vf-progress__circle-track,.vf-progress_size-small .vf-progress__circle-bar{stroke-width:var(--vf-progress-small-circular-thickness)}.vf-progress_size-large{font-size:var(--vf-progress-large-label-font-size)}.vf-progress_size-large .vf-progress__track{height:var(--vf-progress-large-height)}.vf-progress_size-large .vf-progress__circle{width:var(--vf-progress-large-circular-size);height:var(--vf-progress-large-circular-size)}.vf-progress_size-large .vf-progress__circle-track,.vf-progress_size-large .vf-progress__circle-bar{stroke-width:var(--vf-progress-large-circular-thickness)}.vf-progress[data-severity=info]{--vf-progress-bar-color: var(--vf-progress-info-bar-color)}.vf-progress[data-severity=success]{--vf-progress-bar-color: var(--vf-progress-success-bar-color)}.vf-progress[data-severity=warn]{--vf-progress-bar-color: var(--vf-progress-warn-bar-color)}.vf-progress[data-severity=danger]{--vf-progress-bar-color: var(--vf-progress-danger-bar-color)}.vf-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-badge-gap);padding:var(--vf-badge-padding-y) var(--vf-badge-padding-x);font-size:var(--vf-badge-font-size);line-height:var(--vf-badge-line-height);border-radius:var(--vf-badge-border-radius);border:var(--vf-border-width) solid var(--vf-badge-border-color);background-color:var(--vf-badge-background-color);color:var(--vf-badge-text-color);white-space:nowrap}.vf-badge[data-variant=soft]{background-color:var(--vf-badge-soft-background-color, var(--vf-badge-background-color));color:var(--vf-badge-soft-text-color, var(--vf-badge-text-color));border-color:var(--vf-badge-soft-border-color, var(--vf-badge-border-color))}.vf-badge[data-variant=outline]{background-color:transparent;color:var(--vf-badge-outline-text-color, var(--vf-badge-text-color));border-color:var(--vf-badge-outline-border-color, var(--vf-badge-border-color))}.vf-badge_size-small{font-size:var(--vf-badge-small-font-size);padding:var(--vf-badge-small-padding-y) var(--vf-badge-small-padding-x)}.vf-badge_size-large{font-size:var(--vf-badge-large-font-size);padding:var(--vf-badge-large-padding-y) var(--vf-badge-large-padding-x)}.vf-badge[data-severity=info]{--vf-badge-background-color: var(--vf-badge-info-background-color);--vf-badge-text-color: var(--vf-badge-info-text-color);--vf-badge-border-color: var(--vf-badge-info-border-color);--vf-badge-soft-background-color: var(--vf-badge-info-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-info-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-info-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-info-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-info-outline-border-color)}.vf-badge[data-severity=success]{--vf-badge-background-color: var(--vf-badge-success-background-color);--vf-badge-text-color: var(--vf-badge-success-text-color);--vf-badge-border-color: var(--vf-badge-success-border-color);--vf-badge-soft-background-color: var(--vf-badge-success-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-success-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-success-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-success-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-success-outline-border-color)}.vf-badge[data-severity=warn]{--vf-badge-background-color: var(--vf-badge-warn-background-color);--vf-badge-text-color: var(--vf-badge-warn-text-color);--vf-badge-border-color: var(--vf-badge-warn-border-color);--vf-badge-soft-background-color: var(--vf-badge-warn-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-warn-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-warn-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-warn-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-warn-outline-border-color)}.vf-badge[data-severity=danger]{--vf-badge-background-color: var(--vf-badge-danger-background-color);--vf-badge-text-color: var(--vf-badge-danger-text-color);--vf-badge-border-color: var(--vf-badge-danger-border-color);--vf-badge-soft-background-color: var(--vf-badge-danger-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-danger-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-danger-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-danger-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-danger-outline-border-color)}.vf-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--vf-avatar-size);height:var(--vf-avatar-size);font-size:var(--vf-avatar-font-size);font-weight:var(--vf-avatar-font-weight);color:var(--vf-avatar-text-color);background-color:var(--vf-avatar-background-color);border:var(--vf-avatar-border-width) solid var(--vf-avatar-border-color);border-radius:var(--vf-avatar-border-radius);overflow:visible;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none}.vf-avatar_shape-circle{border-radius:50%}.vf-avatar__content{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.vf-avatar__image{width:100%;height:100%;object-fit:cover}.vf-avatar__initials{line-height:1}.vf-avatar__status{position:absolute;right:0;bottom:0;width:var(--vf-avatar-status-size);height:var(--vf-avatar-status-size);border-radius:50%;border:var(--vf-avatar-status-border-width) solid var(--vf-avatar-status-border-color);background-color:var(--vf-avatar-status-offline-color);transform:translate(0)}.vf-avatar_size-small .vf-avatar__status{width:var(--vf-avatar-small-status-size);height:var(--vf-avatar-small-status-size)}.vf-avatar_size-large .vf-avatar__status{width:var(--vf-avatar-large-status-size);height:var(--vf-avatar-large-status-size)}.vf-avatar__status[data-status=online]{background-color:var(--vf-avatar-status-online-color)}.vf-avatar__status[data-status=busy]{background-color:var(--vf-avatar-status-busy-color)}.vf-avatar__status[data-status=away]{background-color:var(--vf-avatar-status-away-color)}.vf-avatar_size-small{width:var(--vf-avatar-small-size);height:var(--vf-avatar-small-size);font-size:var(--vf-avatar-small-font-size)}.vf-avatar_size-large{width:var(--vf-avatar-large-size);height:var(--vf-avatar-large-size);font-size:var(--vf-avatar-large-font-size)}.vf-datatable{width:100%;border:var(--vf-border-width) solid var(--vf-datatable-border-color);border-radius:var(--vf-datatable-border-radius);background-color:var(--vf-datatable-background-color);overflow:hidden}.vf-datatable__table{width:100%;border-collapse:collapse;font-size:var(--vf-datatable-font-size);color:var(--vf-datatable-text-color)}.vf-datatable__head{background-color:var(--vf-datatable-header-background-color)}.vf-datatable__row{border-bottom:var(--vf-border-width) solid var(--vf-datatable-row-border-color)}.vf-datatable__header,.vf-datatable__cell{text-align:left;padding:var(--vf-datatable-cell-padding)}.vf-datatable__header{font-weight:var(--vf-datatable-header-font-weight);font-size:var(--vf-datatable-header-font-size);color:var(--vf-datatable-header-text-color);border-bottom:var(--vf-border-width) solid var(--vf-datatable-header-border-color)}.vf-datatable__header-text{display:inline-flex;align-items:center;gap:var(--vf-datatable-header-gap)}.vf-datatable__header_sortable{cursor:pointer}.vf-datatable__sort-button{display:inline-flex;align-items:center;gap:var(--vf-datatable-header-gap);border:none;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}.vf-datatable__sort-icon{font-size:var(--vf-datatable-sort-icon-size);color:var(--vf-datatable-sort-icon-color)}.vf-datatable__sort-icon.is-active{color:var(--vf-datatable-sort-icon-active-color)}.vf-datatable__cell{color:var(--vf-datatable-row-text-color);background-color:var(--vf-datatable-row-background-color)}.vf-datatable__cell_state{text-align:center;padding:var(--vf-datatable-state-padding);color:var(--vf-datatable-state-text-color)}.vf-datatable__row_state{border-bottom:none}.vf-datatable__row_striped .vf-datatable__cell{background-color:var(--vf-datatable-striped-background-color)}.vf-datatable_hover .vf-datatable__row:not(.vf-datatable__row_state):hover .vf-datatable__cell{background-color:var(--vf-datatable-hover-background-color)}.vf-datatable__cell_left{text-align:left}.vf-datatable__cell_center{text-align:center}.vf-datatable__cell_right{text-align:right}.vf-datatable_outlined,.vf-datatable_outlined .vf-datatable__head,.vf-datatable_outlined .vf-datatable__cell{background-color:transparent}.vf-datatable_small .vf-datatable__table{font-size:var(--vf-datatable-small-font-size)}.vf-datatable_small .vf-datatable__header,.vf-datatable_small .vf-datatable__cell{padding:var(--vf-datatable-small-cell-padding)}.vf-datatable_large .vf-datatable__table{font-size:var(--vf-datatable-large-font-size)}.vf-datatable_large .vf-datatable__header,.vf-datatable_large .vf-datatable__cell{padding:var(--vf-datatable-large-cell-padding)}.vf-slider{display:inline-flex;flex-direction:column;gap:var(--vf-slider-gap);width:var(--vf-slider-width);color:var(--vf-slider-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-slider__control{position:relative;height:var(--vf-slider-thumb-size)}.vf-slider__track{position:absolute;left:0;right:0;top:50%;height:var(--vf-slider-track-height);background-color:var(--vf-slider-track-background-color);border-radius:var(--vf-slider-track-radius);transform:translateY(-50%)}.vf-slider__fill{position:absolute;top:0;bottom:0;left:var(--vf-slider-start);right:calc(100% - var(--vf-slider-end));background-color:var(--vf-slider-fill-background-color);border-radius:inherit}.vf-slider__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;left:0;top:0;width:100%;height:var(--vf-slider-thumb-size);margin:0;background:transparent;cursor:pointer;pointer-events:none}.vf-slider__input:disabled{cursor:not-allowed}.vf-slider__input::-webkit-slider-runnable-track{height:var(--vf-slider-track-height);background:transparent}.vf-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--vf-slider-thumb-size);height:var(--vf-slider-thumb-size);border-radius:50%;background-color:var(--vf-slider-thumb-color);border:var(--vf-slider-thumb-border-width) solid var(--vf-slider-thumb-border-color);box-shadow:var(--vf-slider-thumb-shadow);margin-top:calc((var(--vf-slider-track-height) - var(--vf-slider-thumb-size)) / 2);pointer-events:auto}.vf-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--vf-slider-thumb-shadow),var(--vf-slider-focus-ring-shadow)}.vf-slider__input::-moz-range-track{height:var(--vf-slider-track-height);background:transparent}.vf-slider__input::-moz-range-thumb{width:var(--vf-slider-thumb-size);height:var(--vf-slider-thumb-size);border-radius:50%;background-color:var(--vf-slider-thumb-color);border:var(--vf-slider-thumb-border-width) solid var(--vf-slider-thumb-border-color);box-shadow:var(--vf-slider-thumb-shadow);pointer-events:auto}.vf-slider__input:focus-visible::-moz-range-thumb{box-shadow:var(--vf-slider-thumb-shadow),var(--vf-slider-focus-ring-shadow)}.vf-slider__marks{position:relative;height:var(--vf-slider-marks-height)}.vf-slider__mark{position:absolute;top:0;width:var(--vf-slider-mark-size);height:var(--vf-slider-mark-size);border-radius:50%;background-color:var(--vf-slider-mark-color);transform:translate(-50%)}.vf-slider__mark-label{position:absolute;top:calc(var(--vf-slider-mark-size) + 2px);left:50%;transform:translate(-50%);font-size:var(--vf-slider-mark-label-font-size);color:var(--vf-slider-mark-label-color);white-space:nowrap}.vf-slider__value{font-size:var(--vf-slider-value-font-size);color:var(--vf-slider-value-color)}.vf-slider_small{--vf-slider-thumb-size: var(--vf-slider-small-thumb-size);--vf-slider-track-height: var(--vf-slider-small-track-height);--vf-slider-value-font-size: var(--vf-slider-small-value-font-size)}.vf-slider_large{--vf-slider-thumb-size: var(--vf-slider-large-thumb-size);--vf-slider-track-height: var(--vf-slider-large-track-height);--vf-slider-value-font-size: var(--vf-slider-large-value-font-size)}.vf-slider_disabled{opacity:var(--vf-slider-disabled-opacity)}.vf-breadcrumbs{display:block;--vf-link-hover-color: var(--vf-breadcrumbs-hover-color);--vf-link-active-color: var(--vf-breadcrumbs-active-color)}.vf-breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--vf-breadcrumbs-gap);margin:0;padding:0;list-style:none;font-size:var(--vf-breadcrumbs-font-size);line-height:var(--vf-typography-line-height);color:var(--vf-breadcrumbs-text-color)}.vf-breadcrumbs__item{display:inline-flex;align-items:center}.vf-breadcrumbs__link{color:inherit;text-decoration:none}.vf-breadcrumbs__current{color:var(--vf-breadcrumbs-active-color)}.vf-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--vf-breadcrumbs-separator-color)}.vf-breadcrumbs__item.is-disabled{opacity:var(--vf-breadcrumbs-disabled-opacity)}
+.vf-link{color:inherit;cursor:pointer;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-link:hover{color:var(--vf-link-hover-color)}.vf-link:active{color:var(--vf-link-active-color)}.vf-link.vf-link_disabled{cursor:not-allowed}.vf-link_active,.vf-link_partially-active{color:var(--vf-link-active-color)}.vf-card{border:var(--vf-border-width) solid var(--vf-card-border-color);border-radius:var(--vf-card-border-radius)}.vf-card__default{padding:var(--vf-card-padding)}.vf-menu{display:flex}.vf-menu_horizontal>.vf-menu__list{flex-direction:row}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item{align-items:center}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:first-child){margin-left:var(--vf-menu-item-margin-left)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item:not(:last-child){margin-right:var(--vf-menu-item-margin-right)}.vf-menu_horizontal>.vf-menu__list>.vf-menu__item>.vf-menu__separator{height:var(--vf-menu-separator-height);border-top:none;border-right:none;border-left:var(--vf-menu-separator-thickness) solid var(--vf-menu-separator-color);border-bottom:none}.vf-menu_vertical>.vf-menu__list{width:100%;flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item{flex-direction:column}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:first-child){margin-top:var(--vf-menu-item-margin-top)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item:not(:last-child){margin-bottom:var(--vf-menu-item-margin-bottom)}.vf-menu_vertical>.vf-menu__list>.vf-menu__item>.vf-menu{overflow:hidden}.vf-menu__list{margin:0;padding:0;display:flex;list-style:none}.vf-menu__separator{width:100%;height:var(--vf-menu-separator-thickness);border:none;margin:0;background-color:var(--vf-menu-separator-color)}.vf-menu__item{display:flex;font-weight:500}.vf-menu__link{display:flex;align-items:center;text-decoration:none;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__link:hover{color:var(--vf-menu-link-hover-color)}.vf-menu__parent{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-menu__parent:hover{color:var(--vf-menu-parent-hover-color)}.vf-menu__icon{margin-right:var(--vf-menu-icon-gap)}.vf-menu__submenu.vf-menu__submenu_visible{margin-top:var(--vf-menu-submenu-offset);margin-left:var(--vf-menu-submenu-offset)}.vf-menu__submenu:not(.vf-menu__submenu_visible){height:0}.vf-button{display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-button-padding);font-size:var(--vf-button-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-button-border-radius);overflow:hidden}.vf-button_text{border:var(--vf-border-width) solid transparent;background-color:transparent}.vf-button_outlined{background-color:transparent}.vf-button_primary.vf-button_text{color:var(--vf-button-text-primary-color)}.vf-button_primary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-primary-hover-background-color)}.vf-button_primary.vf-button_outlined{color:var(--vf-button-outlined-primary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-primary-border-color)}.vf-button_primary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-primary-color);border:var(--vf-border-width) solid var(--vf-button-primary-border-color);background-color:var(--vf-button-primary-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-primary-hover-color);border:var(--vf-border-width) solid var(--vf-button-primary-hover-border-color);background-color:var(--vf-button-primary-hover-background-color)}.vf-button_primary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-primary-active-color);border:var(--vf-border-width) solid var(--vf-button-primary-active-border-color);background-color:var(--vf-button-primary-active-background-color)}.vf-button_secondary.vf-button_text{color:var(--vf-button-text-secondary-color)}.vf-button_secondary.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-secondary-hover-background-color)}.vf-button_secondary.vf-button_outlined{color:var(--vf-button-outlined-secondary-color);border:var(--vf-border-width) solid var(--vf-button-outlined-secondary-border-color)}.vf-button_secondary.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-secondary-color);border:var(--vf-border-width) solid var(--vf-button-secondary-border-color);background-color:var(--vf-button-secondary-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-secondary-hover-color);border:var(--vf-border-width) solid var(--vf-button-secondary-hover-border-color);background-color:var(--vf-button-secondary-hover-background-color)}.vf-button_secondary:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-secondary-active-color);border:var(--vf-border-width) solid var(--vf-button-secondary-active-border-color);background-color:var(--vf-button-secondary-active-background-color)}.vf-button_success.vf-button_text{color:var(--vf-button-text-success-color)}.vf-button_success.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-success-hover-background-color)}.vf-button_success.vf-button_outlined{color:var(--vf-button-outlined-success-color);border:var(--vf-border-width) solid var(--vf-button-outlined-success-border-color)}.vf-button_success.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-success-color);border:var(--vf-border-width) solid var(--vf-button-success-border-color);background-color:var(--vf-button-success-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-success-hover-color);border:var(--vf-border-width) solid var(--vf-button-success-hover-border-color);background-color:var(--vf-button-success-hover-background-color)}.vf-button_success:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-success-active-color);border:var(--vf-border-width) solid var(--vf-button-success-active-border-color);background-color:var(--vf-button-success-active-background-color)}.vf-button_info.vf-button_text{color:var(--vf-button-text-info-color)}.vf-button_info.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-info-hover-background-color)}.vf-button_info.vf-button_outlined{color:var(--vf-button-outlined-info-color);border:var(--vf-border-width) solid var(--vf-button-outlined-info-border-color)}.vf-button_info.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-info-color);border:var(--vf-border-width) solid var(--vf-button-info-border-color);background-color:var(--vf-button-info-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-info-hover-color);border:var(--vf-border-width) solid var(--vf-button-info-hover-border-color);background-color:var(--vf-button-info-hover-background-color)}.vf-button_info:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-info-active-color);border:var(--vf-border-width) solid var(--vf-button-info-active-border-color);background-color:var(--vf-button-info-active-background-color)}.vf-button_warning.vf-button_text{color:var(--vf-button-text-warning-color)}.vf-button_warning.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-warning-hover-background-color)}.vf-button_warning.vf-button_outlined{color:var(--vf-button-outlined-warning-color);border:var(--vf-border-width) solid var(--vf-button-outlined-warning-border-color)}.vf-button_warning.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-warning-color);border:var(--vf-border-width) solid var(--vf-button-warning-border-color);background-color:var(--vf-button-warning-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-warning-hover-color);border:var(--vf-border-width) solid var(--vf-button-warning-hover-border-color);background-color:var(--vf-button-warning-hover-background-color)}.vf-button_warning:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-warning-active-color);border:var(--vf-border-width) solid var(--vf-button-warning-active-border-color);background-color:var(--vf-button-warning-active-background-color)}.vf-button_danger.vf-button_text{color:var(--vf-button-text-danger-color)}.vf-button_danger.vf-button_text:not(.vf-button_disabled):hover{background-color:var(--vf-button-text-danger-hover-background-color)}.vf-button_danger.vf-button_outlined{color:var(--vf-button-outlined-danger-color);border:var(--vf-border-width) solid var(--vf-button-outlined-danger-border-color)}.vf-button_danger.vf-button_outlined:not(.vf-button_disabled):hover{background-color:var(--vf-button-outlined-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined){color:var(--vf-button-danger-color);border:var(--vf-border-width) solid var(--vf-button-danger-border-color);background-color:var(--vf-button-danger-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):hover{color:var(--vf-button-danger-hover-color);border:var(--vf-border-width) solid var(--vf-button-danger-hover-border-color);background-color:var(--vf-button-danger-hover-background-color)}.vf-button_danger:not(.vf-button_text):not(.vf-button_outlined):not(.vf-button_disabled):active{color:var(--vf-button-danger-active-color);border:var(--vf-border-width) solid var(--vf-button-danger-active-border-color);background-color:var(--vf-button-danger-active-background-color)}.vf-button_vertical{flex-direction:column}.vf-button__icon{display:inline-block}.vf-button__icon_top+.vf-button__label{margin-top:var(--vf-button-icon-gap)}.vf-button__icon_right{order:1}.vf-button__icon_right+.vf-button__label{margin-right:var(--vf-button-icon-gap)}.vf-button__icon_bottom{order:1}.vf-button__icon_bottom+.vf-button__label{margin-bottom:var(--vf-button-icon-gap)}.vf-button__icon_left+.vf-button__label{margin-left:var(--vf-button-icon-gap)}.vf-button_disabled{opacity:var(--vf-states-disabled-opacity);cursor:default}.vf-button_rounded{border-radius:var(--vf-button-rounded-border-radius)}.vf-button_small{font-size:var(--vf-button-small-font-size);padding:var(--vf-button-small-padding)}.vf-button_large{font-size:var(--vf-button-large-font-size);padding:var(--vf-button-large-padding)}.vf-input{display:flex;align-items:center;gap:var(--vf-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-input-padding);border-radius:var(--vf-input-border-radius);border:var(--vf-border-width) solid var(--vf-input-border-color);background-color:var(--vf-input-background-color);color:var(--vf-input-text-color);transition:border-color .2s ease}.vf-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-input__control::placeholder{color:var(--vf-input-placeholder-color)}.vf-input:hover:not(.vf-input_disabled){border-color:var(--vf-input-hover-border-color)}.vf-input:focus-within:not(.vf-input_disabled){border-color:var(--vf-input-focus-border-color);box-shadow:var(--vf-input-focus-ring-shadow)}.vf-input_outlined{background-color:transparent}.vf-input_small{padding:var(--vf-input-small-padding)}.vf-input_small .vf-input__control{font-size:var(--vf-input-small-font-size)}.vf-input_large{padding:var(--vf-input-large-padding)}.vf-input_large .vf-input__control{font-size:var(--vf-input-large-font-size)}.vf-input_disabled{opacity:var(--vf-input-disabled-opacity);cursor:not-allowed}.vf-number-input{display:flex;align-items:center;gap:var(--vf-number-input-gap);height:var(--vf-controls-height);box-sizing:border-box;padding:var(--vf-number-input-padding);border-radius:var(--vf-number-input-border-radius);border:var(--vf-border-width) solid var(--vf-number-input-border-color);background-color:var(--vf-number-input-background-color);color:var(--vf-number-input-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-number-input__control{flex:1;border:none;background:transparent;color:inherit;font-size:var(--vf-number-input-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;min-width:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.vf-number-input__control::-webkit-outer-spin-button,.vf-number-input__control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vf-number-input__control::placeholder{color:var(--vf-number-input-placeholder-color)}.vf-number-input__controls{display:flex;flex-direction:column;gap:var(--vf-number-input-control-gap);height:100%;padding-left:var(--vf-number-input-control-gap);border-left:var(--vf-border-width) solid var(--vf-number-input-control-border-color)}.vf-number-input__step{width:var(--vf-number-input-control-width);flex:1;border:none;border-radius:var(--vf-number-input-control-radius);background-color:var(--vf-number-input-control-background-color);color:var(--vf-number-input-control-text-color);font-size:var(--vf-number-input-control-font-size);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.vf-number-input__step:hover:not(:disabled){background-color:var(--vf-number-input-control-hover-background-color)}.vf-number-input__step:disabled{cursor:not-allowed}.vf-number-input:hover:not(.vf-number-input_disabled){border-color:var(--vf-number-input-hover-border-color)}.vf-number-input:focus-within:not(.vf-number-input_disabled){border-color:var(--vf-number-input-focus-border-color);box-shadow:var(--vf-number-input-focus-ring-shadow)}.vf-number-input_outlined{background-color:transparent}.vf-number-input_small{padding:var(--vf-number-input-small-padding)}.vf-number-input_small .vf-number-input__control{font-size:var(--vf-number-input-small-font-size)}.vf-number-input_small .vf-number-input__step{width:var(--vf-number-input-small-control-width);font-size:var(--vf-number-input-small-control-font-size)}.vf-number-input_large{padding:var(--vf-number-input-large-padding)}.vf-number-input_large .vf-number-input__control{font-size:var(--vf-number-input-large-font-size)}.vf-number-input_large .vf-number-input__step{width:var(--vf-number-input-large-control-width);font-size:var(--vf-number-input-large-control-font-size)}.vf-number-input_disabled{opacity:var(--vf-number-input-disabled-opacity);cursor:not-allowed}.vf-form-field{display:grid;gap:var(--vf-form-field-gap);color:var(--vf-form-field-text-color)}.vf-form-field__label{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--vf-form-field-label-font-size);line-height:var(--vf-typography-line-height);color:var(--vf-form-field-label-color)}.vf-form-field__required{color:var(--vf-form-field-required-color)}.vf-form-field__control{min-width:0}.vf-form-field__hint,.vf-form-field__error{margin:0;font-size:var(--vf-form-field-hint-font-size);line-height:var(--vf-typography-line-height)}.vf-form-field__hint{color:var(--vf-form-field-hint-color)}.vf-form-field__error{color:var(--vf-form-field-error-color)}.vf-form-field_small{gap:var(--vf-form-field-small-gap)}.vf-form-field_small .vf-form-field__label{font-size:var(--vf-form-field-small-label-font-size)}.vf-form-field_small .vf-form-field__hint,.vf-form-field_small .vf-form-field__error{font-size:var(--vf-form-field-small-hint-font-size)}.vf-form-field_large{gap:var(--vf-form-field-large-gap)}.vf-form-field_large .vf-form-field__label{font-size:var(--vf-form-field-large-label-font-size)}.vf-form-field_large .vf-form-field__hint,.vf-form-field_large .vf-form-field__error{font-size:var(--vf-form-field-large-hint-font-size)}.vf-form-field_disabled{opacity:var(--vf-form-field-disabled-opacity)}.vf-textarea{display:flex;align-items:stretch;gap:var(--vf-textarea-gap);min-height:var(--vf-textarea-min-height);box-sizing:border-box;padding:var(--vf-textarea-padding);border-radius:var(--vf-textarea-border-radius);border:var(--vf-border-width) solid var(--vf-textarea-border-color);background-color:var(--vf-textarea-background-color);color:var(--vf-textarea-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-textarea__control{flex:1;min-height:var(--vf-textarea-min-height);border:none;background:transparent;color:inherit;font-size:var(--vf-textarea-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;resize:var(--vf-textarea-resize);width:100%;padding:0;box-sizing:border-box}.vf-textarea__control::placeholder{color:var(--vf-textarea-placeholder-color)}.vf-textarea:hover:not(.vf-textarea_disabled){border-color:var(--vf-textarea-hover-border-color)}.vf-textarea:focus-within:not(.vf-textarea_disabled){border-color:var(--vf-textarea-focus-border-color);box-shadow:var(--vf-textarea-focus-ring-shadow)}.vf-textarea_outlined{background-color:transparent}.vf-textarea_small{padding:var(--vf-textarea-small-padding)}.vf-textarea_small .vf-textarea__control{font-size:var(--vf-textarea-small-font-size)}.vf-textarea_large{padding:var(--vf-textarea-large-padding)}.vf-textarea_large .vf-textarea__control{font-size:var(--vf-textarea-large-font-size)}.vf-textarea_disabled{opacity:var(--vf-textarea-disabled-opacity);cursor:not-allowed}.vf-select{position:relative;display:inline-block;min-width:var(--vf-select-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-select-border-radius);border:var(--vf-border-width) solid var(--vf-select-border-color);background-color:var(--vf-select-background-color);color:var(--vf-select-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-select_outlined{background-color:transparent}.vf-select__control{width:100%;padding:var(--vf-select-padding);border:none;background:transparent;color:inherit;font-size:var(--vf-select-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-select-control-gap);cursor:pointer}.vf-select__label{text-align:left}.vf-select__label_placeholder{color:var(--vf-secondary-text-color)}.vf-select__chevron{font-size:var(--vf-select-chevron-size);opacity:.7}.vf-select__panel{position:fixed;z-index:50;padding:var(--vf-select-panel-padding);max-height:var(--vf-select-panel-max-height);overflow:auto;border-radius:calc(var(--vf-select-border-radius) + var(--vf-select-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-select-panel-border-color);background-color:var(--vf-select-panel-background-color);box-shadow:var(--vf-select-panel-shadow);color:var(--vf-select-text-color)}.vf-select__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-select-option-padding);border-radius:var(--vf-select-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-select__option:hover:not(.is-disabled),.vf-select__option:focus-visible:not(.is-disabled){background-color:var(--vf-select-option-hover-background-color);outline:none}.vf-select__option.is-active{background-color:var(--vf-select-option-active-background-color);color:var(--vf-select-option-active-text-color)}.vf-select__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-select_open{border-color:var(--vf-select-focus-border-color);box-shadow:var(--vf-select-focus-ring-shadow)}.vf-select:hover:not(.vf-select_disabled){border-color:var(--vf-select-hover-border-color)}.vf-select:focus-within:not(.vf-select_disabled){border-color:var(--vf-select-focus-border-color)}.vf-select_small .vf-select__control{padding:var(--vf-select-small-padding);font-size:var(--vf-select-small-font-size)}.vf-select_large .vf-select__control{padding:var(--vf-select-large-padding);font-size:var(--vf-select-large-font-size)}.vf-select_disabled{opacity:var(--vf-select-disabled-opacity);cursor:not-allowed}.vf-select_disabled .vf-select__control{cursor:not-allowed}.vf-autocomplete{position:relative;display:inline-flex;align-items:center;min-width:var(--vf-autocomplete-min-width);height:var(--vf-controls-height);box-sizing:border-box;gap:var(--vf-autocomplete-control-gap);padding:var(--vf-autocomplete-padding);border-radius:var(--vf-autocomplete-border-radius);border:var(--vf-border-width) solid var(--vf-autocomplete-border-color);background-color:var(--vf-autocomplete-background-color);color:var(--vf-autocomplete-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-autocomplete_outlined{background-color:transparent}.vf-autocomplete__control{flex:1;width:100%;border:none;background:transparent;color:inherit;font-size:var(--vf-autocomplete-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-autocomplete__control::placeholder{color:var(--vf-autocomplete-placeholder-color)}.vf-autocomplete__chevron{border:none;padding:0;background:transparent;color:inherit;font-size:var(--vf-autocomplete-chevron-size);opacity:.7;cursor:pointer}.vf-autocomplete__panel{position:fixed;z-index:50;padding:var(--vf-autocomplete-panel-padding);max-height:var(--vf-autocomplete-panel-max-height);overflow:auto;border-radius:calc(var(--vf-autocomplete-border-radius) + var(--vf-autocomplete-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-autocomplete-panel-border-color);background-color:var(--vf-autocomplete-panel-background-color);box-shadow:var(--vf-autocomplete-panel-shadow);color:var(--vf-autocomplete-text-color)}.vf-autocomplete__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-autocomplete-option-padding);border-radius:var(--vf-autocomplete-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit}.vf-autocomplete__option:hover:not(.is-disabled),.vf-autocomplete__option:focus-visible:not(.is-disabled){background-color:var(--vf-autocomplete-option-hover-background-color);outline:none}.vf-autocomplete__option.is-highlighted:not(.is-disabled){background-color:var(--vf-autocomplete-option-highlighted-background-color);outline:none}.vf-autocomplete__option.is-active{background-color:var(--vf-autocomplete-option-active-background-color);color:var(--vf-autocomplete-option-active-text-color)}.vf-autocomplete__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-autocomplete__empty{padding:var(--vf-autocomplete-empty-padding);color:var(--vf-autocomplete-empty-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-autocomplete__loading{padding:var(--vf-autocomplete-loading-padding);color:var(--vf-autocomplete-loading-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-autocomplete_open{border-color:var(--vf-autocomplete-focus-border-color);box-shadow:var(--vf-autocomplete-focus-ring-shadow)}.vf-autocomplete:hover:not(.vf-autocomplete_disabled){border-color:var(--vf-autocomplete-hover-border-color)}.vf-autocomplete:focus-within:not(.vf-autocomplete_disabled){border-color:var(--vf-autocomplete-focus-border-color)}.vf-autocomplete_small{padding:var(--vf-autocomplete-small-padding)}.vf-autocomplete_small .vf-autocomplete__control{font-size:var(--vf-autocomplete-small-font-size)}.vf-autocomplete_large{padding:var(--vf-autocomplete-large-padding)}.vf-autocomplete_large .vf-autocomplete__control{font-size:var(--vf-autocomplete-large-font-size)}.vf-autocomplete_disabled{opacity:var(--vf-autocomplete-disabled-opacity);cursor:not-allowed}.vf-autocomplete_disabled .vf-autocomplete__chevron{cursor:not-allowed}.vf-multiselect{position:relative;display:inline-flex;align-items:center;min-width:var(--vf-multiselect-min-width);height:var(--vf-controls-height);box-sizing:border-box;gap:0;border-radius:var(--vf-multiselect-border-radius);border:var(--vf-border-width) solid var(--vf-multiselect-border-color);background-color:var(--vf-multiselect-background-color);color:var(--vf-multiselect-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-multiselect_outlined{background-color:transparent}.vf-multiselect__control{width:100%;min-width:0;flex:1 1 0%;height:var(--vf-controls-height);box-sizing:border-box;border:none;background:transparent;color:inherit;font-size:var(--vf-multiselect-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-multiselect-control-gap);padding:var(--vf-multiselect-padding);cursor:pointer}.vf-multiselect__label{flex:1 1 auto;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-multiselect__label_placeholder{color:var(--vf-multiselect-placeholder-color)}.vf-multiselect__chevron{flex:0 0 auto;font-size:var(--vf-multiselect-chevron-size);opacity:.7}.vf-multiselect__clear{flex:0 0 auto;width:var(--vf-multiselect-clear-size);height:var(--vf-multiselect-clear-size);margin-right:.35rem;padding:0;border:none;border-radius:var(--vf-multiselect-clear-radius);background:transparent;color:inherit;font-size:.75rem;cursor:pointer}.vf-multiselect__clear:hover{background-color:var(--vf-multiselect-clear-hover-background-color)}.vf-multiselect__panel{position:fixed;z-index:50;padding:var(--vf-multiselect-panel-padding);max-height:var(--vf-multiselect-panel-max-height);overflow:auto;border-radius:calc(var(--vf-multiselect-border-radius) + var(--vf-multiselect-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-multiselect-panel-border-color);background-color:var(--vf-multiselect-panel-background-color);box-shadow:var(--vf-multiselect-panel-shadow);color:var(--vf-multiselect-text-color)}.vf-multiselect__search{padding:var(--vf-multiselect-search-padding)}.vf-multiselect__search-control{width:100%;border-radius:var(--vf-multiselect-search-border-radius);border:var(--vf-border-width) solid var(--vf-multiselect-search-border-color);background:transparent;color:inherit;padding:.35rem .45rem;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;outline:none}.vf-multiselect__search-control:focus{border-color:var(--vf-multiselect-focus-border-color)}.vf-multiselect__option{width:100%;text-align:left;border:none;background:transparent;padding:var(--vf-multiselect-option-padding);border-radius:var(--vf-multiselect-option-border-radius);color:inherit;cursor:pointer;font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem}.vf-multiselect__option:hover:not(.is-disabled),.vf-multiselect__option:focus-visible:not(.is-disabled){background-color:var(--vf-multiselect-option-hover-background-color);outline:none}.vf-multiselect__option.is-highlighted:not(.is-disabled){background-color:var(--vf-multiselect-option-highlighted-background-color)}.vf-multiselect__option.is-active{background-color:var(--vf-multiselect-option-active-background-color);color:var(--vf-multiselect-option-active-text-color)}.vf-multiselect__option.is-disabled{opacity:.6;cursor:not-allowed}.vf-multiselect__option-check{font-size:.85em}.vf-multiselect__empty{padding:var(--vf-multiselect-empty-padding);color:var(--vf-multiselect-empty-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-multiselect__loading{padding:var(--vf-multiselect-loading-padding);color:var(--vf-multiselect-loading-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-multiselect_open{border-color:var(--vf-multiselect-focus-border-color);box-shadow:var(--vf-multiselect-focus-ring-shadow)}.vf-multiselect:hover:not(.vf-multiselect_disabled){border-color:var(--vf-multiselect-hover-border-color)}.vf-multiselect:focus-within:not(.vf-multiselect_disabled){border-color:var(--vf-multiselect-focus-border-color)}.vf-multiselect_small .vf-multiselect__control{padding:var(--vf-multiselect-small-padding);font-size:var(--vf-multiselect-small-font-size)}.vf-multiselect_large .vf-multiselect__control{padding:var(--vf-multiselect-large-padding);font-size:var(--vf-multiselect-large-font-size)}.vf-multiselect_disabled{opacity:var(--vf-multiselect-disabled-opacity);cursor:not-allowed}.vf-multiselect_disabled .vf-multiselect__control{cursor:not-allowed}.vf-datepicker{position:relative;display:inline-block;min-width:var(--vf-datepicker-min-width);height:var(--vf-controls-height);box-sizing:border-box;border-radius:var(--vf-datepicker-border-radius);border:var(--vf-border-width) solid var(--vf-datepicker-border-color);background-color:var(--vf-datepicker-background-color);color:var(--vf-datepicker-text-color);transition:border-color .2s ease,box-shadow .2s ease}.vf-datepicker_outlined{background-color:transparent}.vf-datepicker__control{width:100%;height:var(--vf-controls-height);box-sizing:border-box;border:none;background:transparent;color:inherit;padding:var(--vf-datepicker-padding);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vf-datepicker-control-gap);font-size:var(--vf-datepicker-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;cursor:pointer;outline:none}.vf-datepicker__label{text-align:left}.vf-datepicker__label_placeholder{color:var(--vf-datepicker-placeholder-color)}.vf-datepicker__chevron{font-size:var(--vf-datepicker-chevron-size);opacity:.7}.vf-datepicker__panel{position:fixed;z-index:50;width:var(--vf-datepicker-panel-width);padding:var(--vf-datepicker-panel-padding);border-radius:calc(var(--vf-datepicker-border-radius) + var(--vf-datepicker-panel-radius-offset));border:var(--vf-border-width) solid var(--vf-datepicker-panel-border-color);background-color:var(--vf-datepicker-panel-background-color);box-shadow:var(--vf-datepicker-panel-shadow);color:var(--vf-datepicker-text-color)}.vf-datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-datepicker-header-gap);padding:var(--vf-datepicker-header-padding)}.vf-datepicker__month-label{font-size:var(--vf-datepicker-month-label-font-size);font-weight:var(--vf-datepicker-month-label-font-weight)}.vf-datepicker__nav{width:var(--vf-datepicker-nav-button-size);height:var(--vf-datepicker-nav-button-size);border-radius:var(--vf-datepicker-nav-button-radius);border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-datepicker-nav-button-font-size);line-height:1}.vf-datepicker__nav:hover,.vf-datepicker__nav:focus-visible{background-color:var(--vf-datepicker-day-hover-background-color);outline:none}.vf-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--vf-datepicker-weekdays-margin-bottom)}.vf-datepicker__weekday{text-align:center;color:var(--vf-datepicker-weekday-color);font-size:var(--vf-datepicker-weekday-font-size);line-height:1.2}.vf-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--vf-datepicker-days-gap)}.vf-datepicker__day{width:var(--vf-datepicker-day-size);height:var(--vf-datepicker-day-size);margin:0 auto;border-radius:var(--vf-datepicker-day-border-radius);border:var(--vf-border-width) solid transparent;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-datepicker-day-font-size);line-height:1}.vf-datepicker__day:hover:not(:disabled),.vf-datepicker__day:focus-visible:not(:disabled){background-color:var(--vf-datepicker-day-hover-background-color);outline:none}.vf-datepicker__day.is-selected{background-color:var(--vf-datepicker-day-selected-background-color);color:var(--vf-datepicker-day-selected-text-color)}.vf-datepicker__day.is-today{border-color:var(--vf-datepicker-day-today-border-color)}.vf-datepicker__day.is-outside{color:var(--vf-datepicker-day-muted-color)}.vf-datepicker__day:disabled{opacity:.5;cursor:not-allowed}.vf-datepicker_open{border-color:var(--vf-datepicker-focus-border-color);box-shadow:var(--vf-datepicker-focus-ring-shadow)}.vf-datepicker:hover:not(.vf-datepicker_disabled){border-color:var(--vf-datepicker-hover-border-color)}.vf-datepicker:focus-within:not(.vf-datepicker_disabled){border-color:var(--vf-datepicker-focus-border-color)}.vf-datepicker_small .vf-datepicker__control{padding:var(--vf-datepicker-small-padding);font-size:var(--vf-datepicker-small-font-size)}.vf-datepicker_small .vf-datepicker__day{width:var(--vf-datepicker-small-day-size);height:var(--vf-datepicker-small-day-size)}.vf-datepicker_large .vf-datepicker__control{padding:var(--vf-datepicker-large-padding);font-size:var(--vf-datepicker-large-font-size)}.vf-datepicker_large .vf-datepicker__day{width:var(--vf-datepicker-large-day-size);height:var(--vf-datepicker-large-day-size)}.vf-datepicker_disabled{opacity:var(--vf-datepicker-disabled-opacity);cursor:not-allowed}.vf-datepicker_disabled .vf-datepicker__control{cursor:not-allowed}.vf-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;gap:var(--vf-pagination-gap)}.vf-pagination__item{flex:0 0 auto;min-width:var(--vf-pagination-item-min-width);height:var(--vf-controls-height);box-sizing:border-box;border:var(--vf-border-width) solid var(--vf-pagination-border-color);border-radius:var(--vf-pagination-border-radius);background-color:var(--vf-pagination-background-color);color:var(--vf-pagination-text-color);padding:var(--vf-pagination-padding);font-size:var(--vf-pagination-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.vf-pagination__item:hover:not(:disabled):not(.is-current):not(.is-ellipsis){background-color:var(--vf-pagination-hover-background-color)}.vf-pagination__item:focus-visible{outline:none;border-color:var(--vf-pagination-focus-border-color);box-shadow:var(--vf-pagination-focus-ring-shadow)}.vf-pagination__item.is-current{border-color:var(--vf-pagination-active-border-color);background-color:var(--vf-pagination-active-background-color);color:var(--vf-pagination-active-text-color)}.vf-pagination__item.is-ellipsis{cursor:default;padding:var(--vf-pagination-ellipsis-padding)}.vf-pagination__item:disabled{opacity:var(--vf-pagination-disabled-opacity);cursor:not-allowed}.vf-pagination_outlined .vf-pagination__item{background-color:transparent}.vf-pagination_small .vf-pagination__item{font-size:var(--vf-pagination-small-font-size);padding:var(--vf-pagination-small-padding)}.vf-pagination_large .vf-pagination__item{font-size:var(--vf-pagination-large-font-size);padding:var(--vf-pagination-large-padding)}.vf-pagination_disabled{opacity:var(--vf-pagination-disabled-opacity)}.vf-checkbox{display:inline-flex;align-items:center;gap:var(--vf-checkbox-gap);cursor:pointer;color:var(--vf-checkbox-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-checkbox__control{position:absolute;opacity:0;pointer-events:none}.vf-checkbox__box{width:var(--vf-checkbox-size);height:var(--vf-checkbox-size);border:var(--vf-border-width) solid var(--vf-checkbox-border-color);border-radius:var(--vf-checkbox-border-radius);background-color:var(--vf-checkbox-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-checkbox__control:checked+.vf-checkbox__box{background-color:var(--vf-checkbox-checked-background-color);border-color:var(--vf-checkbox-checked-border-color)}.vf-checkbox__control:checked+.vf-checkbox__box:after{content:"";width:calc(var(--vf-checkbox-size) / 2);height:calc(var(--vf-checkbox-size) / 2);background-color:var(--vf-checkbox-check-color);border-radius:var(--vf-checkbox-check-border-radius)}.vf-checkbox_outlined .vf-checkbox__box{background-color:transparent}.vf-checkbox_disabled{opacity:var(--vf-checkbox-disabled-opacity);cursor:not-allowed}.vf-radio-group{display:inline-flex;flex-direction:column;gap:var(--vf-radio-group-gap)}.vf-radio-group_horizontal{flex-direction:row;flex-wrap:wrap}.vf-radio{display:inline-flex;align-items:center;gap:var(--vf-radio-gap);cursor:pointer;color:var(--vf-radio-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-radio__control{position:absolute;opacity:0;pointer-events:none}.vf-radio__circle{width:var(--vf-radio-size);height:var(--vf-radio-size);border:var(--vf-border-width) solid var(--vf-radio-border-color);border-radius:var(--vf-radio-border-radius);background-color:var(--vf-radio-background-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.vf-radio__control:checked+.vf-radio__circle{background-color:var(--vf-radio-checked-background-color);border-color:var(--vf-radio-checked-border-color)}.vf-radio__control:checked+.vf-radio__circle:after{content:"";width:var(--vf-radio-dot-size);height:var(--vf-radio-dot-size);background-color:var(--vf-radio-dot-color);border-radius:var(--vf-radio-dot-border-radius)}.vf-radio_outlined .vf-radio__circle{background-color:transparent}.vf-radio_disabled{opacity:var(--vf-radio-disabled-opacity);cursor:not-allowed}.vf-tabs{display:flex;flex-direction:column;gap:var(--vf-tabs-gap)}.vf-tabs__list{display:flex;flex-wrap:wrap;gap:var(--vf-tabs-list-gap);border-bottom:var(--vf-tabs-list-border-width) solid var(--vf-tabs-list-border-color)}.vf-tabs__panels{display:block}.vf-tabs_vertical{flex-direction:row;align-items:flex-start}.vf-tabs_vertical .vf-tabs__list{flex-direction:column;border-bottom:none;border-right:var(--vf-tabs-list-border-width) solid var(--vf-tabs-list-border-color);padding-right:var(--vf-tabs-list-vertical-padding)}.vf-tabs_vertical .vf-tabs__panels{flex:1}.vf-tabs_disabled{opacity:var(--vf-tabs-disabled-opacity)}.vf-tab{padding:var(--vf-tabs-tab-padding);border:none;border-bottom:var(--vf-tabs-tab-active-border-width) solid transparent;background-color:var(--vf-tabs-tab-background-color);color:var(--vf-tabs-tab-text-color);font-size:var(--vf-tabs-tab-font-size);line-height:var(--vf-typography-line-height);font-family:inherit;border-radius:var(--vf-tabs-tab-border-radius);cursor:pointer;transition:background-color .2s ease,color .2s ease}.vf-tab:hover:not(.vf-tab_disabled){background-color:var(--vf-tabs-tab-hover-background-color)}.vf-tab_active{color:var(--vf-tabs-tab-active-text-color);background-color:var(--vf-tabs-tab-active-background-color);border-bottom-color:var(--vf-tabs-tab-active-border-color)}.vf-tabs_vertical .vf-tab_active{border-bottom-color:transparent;border-right:var(--vf-tabs-tab-active-border-width) solid var(--vf-tabs-tab-active-border-color)}.vf-tabs_vertical .vf-tab{border-bottom:none;border-right:var(--vf-tabs-tab-active-border-width) solid transparent}.vf-tab_disabled{opacity:var(--vf-tabs-disabled-opacity);cursor:not-allowed}.vf-tab-panel{padding:var(--vf-tabs-panel-padding);border-radius:var(--vf-tabs-panel-border-radius);background-color:var(--vf-tabs-panel-background-color);color:var(--vf-tabs-panel-text-color)}.vf-accordion{display:grid;gap:var(--vf-accordion-gap)}.vf-accordion_disabled{opacity:var(--vf-accordion-disabled-opacity)}.vf-accordion-item{border:var(--vf-border-width) solid var(--vf-accordion-border-color);border-radius:var(--vf-accordion-border-radius);background-color:var(--vf-accordion-background-color);overflow:hidden}.vf-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--vf-accordion-header-gap);padding:var(--vf-accordion-header-padding);border:none;background-color:var(--vf-accordion-header-background-color);color:var(--vf-accordion-header-text-color);font-size:var(--vf-accordion-header-font-size);font-weight:var(--vf-accordion-header-font-weight);line-height:var(--vf-typography-line-height);font-family:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.vf-accordion__header:focus-visible{outline:none;box-shadow:var(--vf-accordion-focus-ring-shadow);border-radius:calc(var(--vf-accordion-border-radius) - 1px)}.vf-accordion__header:hover:not(:disabled){background-color:var(--vf-accordion-header-hover-background-color)}.vf-accordion-item_open .vf-accordion__header{background-color:var(--vf-accordion-header-active-background-color)}.vf-accordion__title{flex:1}.vf-accordion__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--vf-accordion-icon-size);height:var(--vf-accordion-icon-size);color:var(--vf-accordion-icon-color);transition:transform .2s ease}.vf-accordion__icon:before{content:"";width:calc(var(--vf-accordion-icon-size) / 2);height:calc(var(--vf-accordion-icon-size) / 2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.vf-accordion-item_open .vf-accordion__icon{transform:rotate(180deg)}.vf-accordion__panel{display:grid;grid-template-rows:0fr;padding:var(--vf-accordion-content-padding);border-top:var(--vf-border-width) solid var(--vf-accordion-divider-color);background-color:var(--vf-accordion-content-background-color);color:var(--vf-accordion-content-text-color);opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}.vf-accordion__panel-inner{overflow:hidden}.vf-accordion__panel_open{grid-template-rows:1fr;opacity:1}.vf-accordion-item_disabled{opacity:var(--vf-accordion-disabled-opacity)}.vf-accordion-item_disabled .vf-accordion__header{cursor:not-allowed}.vf-accordion_outlined .vf-accordion-item,.vf-accordion_outlined .vf-accordion__header,.vf-accordion_outlined .vf-accordion__panel{background-color:transparent}.vf-accordion_small .vf-accordion__header{padding:var(--vf-accordion-small-header-padding);font-size:var(--vf-accordion-small-header-font-size)}.vf-accordion_small .vf-accordion__panel{padding:var(--vf-accordion-small-content-padding)}.vf-accordion_large .vf-accordion__header{padding:var(--vf-accordion-large-header-padding);font-size:var(--vf-accordion-large-header-font-size)}.vf-accordion_large .vf-accordion__panel{padding:var(--vf-accordion-large-content-padding)}.vf-toast{display:inline-flex;align-items:flex-start;gap:var(--vf-toast-gap);padding:var(--vf-toast-padding);border-radius:var(--vf-toast-border-radius);background-color:var(--vf-toast-background-color);color:var(--vf-toast-text-color);box-shadow:var(--vf-toast-shadow);border:var(--vf-border-width) solid var(--vf-toast-border-color);min-width:var(--vf-toast-min-width)}.vf-toast__body{display:grid;gap:var(--vf-toast-body-gap)}.vf-toast__title{font-weight:var(--vf-toast-title-font-weight);font-size:var(--vf-toast-title-font-size)}.vf-toast__message{font-size:var(--vf-toast-font-size);line-height:var(--vf-toast-line-height)}.vf-toast__close{margin-left:auto;border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-toast-close-size);line-height:1;padding:0;opacity:.7}.vf-toast__close:hover{opacity:1}.vf-toast[data-severity=info]{background-color:var(--vf-toast-info-background-color);border-color:var(--vf-toast-info-border-color);color:var(--vf-toast-info-text-color)}.vf-toast[data-severity=success]{background-color:var(--vf-toast-success-background-color);border-color:var(--vf-toast-success-border-color);color:var(--vf-toast-success-text-color)}.vf-toast[data-severity=warn]{background-color:var(--vf-toast-warn-background-color);border-color:var(--vf-toast-warn-border-color);color:var(--vf-toast-warn-text-color)}.vf-toast[data-severity=danger]{background-color:var(--vf-toast-danger-background-color);border-color:var(--vf-toast-danger-border-color);color:var(--vf-toast-danger-text-color)}.vf-toast-container{position:fixed;z-index:var(--vf-toast-z-index);display:flex;flex-direction:column;gap:var(--vf-toast-container-gap);padding:var(--vf-toast-container-padding);max-width:var(--vf-toast-container-max-width)}.vf-toast-container_top-right{top:0;right:0;align-items:flex-end}.vf-toast-container_top-left{top:0;left:0;align-items:flex-start}.vf-toast-container_bottom-right{bottom:0;right:0;align-items:flex-end}.vf-toast-container_bottom-left{bottom:0;left:0;align-items:flex-start}.vf-alert{display:flex;align-items:flex-start;gap:var(--vf-alert-gap);padding:var(--vf-alert-padding);border-radius:var(--vf-alert-border-radius);background-color:var(--vf-alert-background-color);color:var(--vf-alert-text-color);border:var(--vf-border-width) solid var(--vf-alert-border-color)}.vf-alert__icon{color:var(--vf-alert-icon-color);line-height:var(--vf-alert-line-height)}.vf-alert__body{flex:1;min-width:0;display:grid;gap:var(--vf-alert-body-gap)}.vf-alert__title{font-weight:var(--vf-alert-title-font-weight);font-size:var(--vf-alert-title-font-size);line-height:var(--vf-alert-line-height)}.vf-alert__message{font-size:var(--vf-alert-font-size);line-height:var(--vf-alert-line-height)}.vf-alert__actions{display:inline-flex;align-items:center;gap:var(--vf-alert-actions-gap)}.vf-alert__close{margin-left:auto;border:none;border-radius:var(--vf-alert-close-radius);width:var(--vf-alert-close-size);height:var(--vf-alert-close-size);background:transparent;color:inherit;cursor:pointer;font-size:var(--vf-alert-close-font-size);line-height:1}.vf-alert__close:hover{background-color:var(--vf-alert-close-hover-background-color)}.vf-alert[data-severity=info]{background-color:var(--vf-alert-info-background-color);border-color:var(--vf-alert-info-border-color);color:var(--vf-alert-info-text-color)}.vf-alert[data-severity=success]{background-color:var(--vf-alert-success-background-color);border-color:var(--vf-alert-success-border-color);color:var(--vf-alert-success-text-color)}.vf-alert[data-severity=warn]{background-color:var(--vf-alert-warn-background-color);border-color:var(--vf-alert-warn-border-color);color:var(--vf-alert-warn-text-color)}.vf-alert[data-severity=danger]{background-color:var(--vf-alert-danger-background-color);border-color:var(--vf-alert-danger-border-color);color:var(--vf-alert-danger-text-color)}.vf-switch{display:inline-flex;align-items:center;gap:var(--vf-switch-gap);cursor:pointer;color:var(--vf-switch-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-switch__control{position:absolute;opacity:0;pointer-events:none}.vf-switch__track{position:relative;width:var(--vf-switch-width);height:var(--vf-switch-height);border-radius:var(--vf-switch-height);background-color:var(--vf-switch-background-color);transition:background-color .2s ease}.vf-switch__thumb{position:absolute;top:50%;left:var(--vf-switch-thumb-offset);width:var(--vf-switch-thumb-size);height:var(--vf-switch-thumb-size);border-radius:50%;background-color:var(--vf-switch-thumb-color);transform:translateY(-50%);transition:transform .2s ease}.vf-switch__control:checked+.vf-switch__track{background-color:var(--vf-switch-checked-background-color)}.vf-switch__control:checked+.vf-switch__track .vf-switch__thumb{transform:translate(calc(var(--vf-switch-width) - var(--vf-switch-thumb-size) - var(--vf-switch-thumb-translate-offset)),-50%)}.vf-switch_disabled{opacity:var(--vf-switch-disabled-opacity);cursor:not-allowed}.vf-popover{position:relative}.vf-popover__button{cursor:pointer;-webkit-user-select:none;user-select:none}.vf-popover__wrapper{position:absolute;background-color:var(--vf-popover-background-color)}.vf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-modal-z-index);display:flex;align-items:center;justify-content:center}.vf-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vf-modal-overlay-background-color)}.vf-modal__panel{position:relative;z-index:1;width:var(--vf-modal-width);max-width:var(--vf-modal-max-width);max-height:var(--vf-modal-max-height);padding:var(--vf-modal-padding);border-radius:var(--vf-modal-border-radius);background-color:var(--vf-modal-background-color);color:var(--vf-modal-text-color);box-shadow:var(--vf-modal-shadow);overflow:auto;outline:none}.vf-modal_sm .vf-modal__panel{width:var(--vf-modal-width-sm);max-width:var(--vf-modal-max-width-sm)}.vf-modal_lg .vf-modal__panel{width:var(--vf-modal-width-lg);max-width:var(--vf-modal-max-width-lg)}.vf-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-modal-header-gap)}.vf-modal__title{margin:0;font-size:var(--vf-modal-title-font-size);line-height:var(--vf-modal-title-line-height);font-weight:var(--vf-modal-title-font-weight)}.vf-modal__body{margin-bottom:var(--vf-modal-body-gap)}.vf-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--vf-modal-footer-gap)}.vf-modal__close{position:absolute;top:var(--vf-modal-close-offset);right:var(--vf-modal-close-offset);width:var(--vf-modal-close-size);height:var(--vf-modal-close-size);border-radius:var(--vf-modal-close-radius);border:none;background:transparent;color:var(--vf-modal-close-color);cursor:pointer;font-size:var(--vf-modal-close-font-size);line-height:1}.vf-modal__close:hover{background-color:var(--vf-modal-close-hover-background-color)}.vf-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vf-drawer-z-index)}.vf-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vf-drawer-overlay-background-color)}.vf-drawer__panel{position:absolute;padding:var(--vf-drawer-padding);border-radius:var(--vf-drawer-border-radius);background-color:var(--vf-drawer-background-color);color:var(--vf-drawer-text-color);box-shadow:var(--vf-drawer-shadow);overflow:auto;outline:none;transform:translateZ(0);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}.vf-drawer_left .vf-drawer__panel{top:0;left:0;width:var(--vf-drawer-width);height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.vf-drawer_right .vf-drawer__panel{top:0;right:0;width:var(--vf-drawer-width);height:100%;border-top-right-radius:0;border-bottom-right-radius:0}.vf-drawer_top .vf-drawer__panel{top:0;left:0;width:100%;height:var(--vf-drawer-height);border-top-left-radius:0;border-top-right-radius:0}.vf-drawer_bottom .vf-drawer__panel{left:0;bottom:0;width:100%;height:var(--vf-drawer-height);border-bottom-left-radius:0;border-bottom-right-radius:0}.vf-drawer_sm.vf-drawer_left .vf-drawer__panel,.vf-drawer_sm.vf-drawer_right .vf-drawer__panel{width:var(--vf-drawer-width-sm)}.vf-drawer_lg.vf-drawer_left .vf-drawer__panel,.vf-drawer_lg.vf-drawer_right .vf-drawer__panel{width:var(--vf-drawer-width-lg)}.vf-drawer_sm.vf-drawer_top .vf-drawer__panel,.vf-drawer_sm.vf-drawer_bottom .vf-drawer__panel{height:var(--vf-drawer-height-sm)}.vf-drawer_lg.vf-drawer_top .vf-drawer__panel,.vf-drawer_lg.vf-drawer_bottom .vf-drawer__panel{height:var(--vf-drawer-height-lg)}.vf-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-drawer-header-gap)}.vf-drawer__title{margin:0;font-size:var(--vf-drawer-title-font-size);line-height:var(--vf-drawer-title-line-height);font-weight:var(--vf-drawer-title-font-weight)}.vf-drawer__body{margin-bottom:var(--vf-drawer-body-gap)}.vf-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--vf-drawer-footer-gap)}.vf-drawer__close{position:absolute;top:var(--vf-drawer-close-offset);right:var(--vf-drawer-close-offset);width:var(--vf-drawer-close-size);height:var(--vf-drawer-close-size);border-radius:var(--vf-drawer-close-radius);border:none;background:transparent;color:var(--vf-drawer-close-color);cursor:pointer;font-size:var(--vf-drawer-close-font-size);line-height:1}.vf-drawer__close:hover{background-color:var(--vf-drawer-close-hover-background-color)}.vf-drawer-enter-active .vf-drawer__panel,.vf-drawer-leave-active .vf-drawer__panel{will-change:transform,opacity}.vf-drawer-enter-from .vf-drawer__panel,.vf-drawer-leave-to .vf-drawer__panel{transform:var(--vf-drawer-transform-from);opacity:0}.vf-drawer-enter-active .vf-drawer__overlay,.vf-drawer-leave-active .vf-drawer__overlay{transition:opacity .2s ease}.vf-drawer-enter-from .vf-drawer__overlay,.vf-drawer-leave-to .vf-drawer__overlay{opacity:0}.vf-dropdown{display:inline-block;position:relative}.vf-dropdown__trigger{display:inline-flex;align-items:center;cursor:pointer}.vf-dropdown__panel{position:fixed;z-index:var(--vf-dropdown-z-index);padding:var(--vf-dropdown-panel-padding);border-radius:var(--vf-dropdown-panel-border-radius);border:var(--vf-border-width) solid var(--vf-dropdown-panel-border-color);background-color:var(--vf-dropdown-panel-background-color);box-shadow:var(--vf-dropdown-panel-shadow)}.vf-dropdown__panel .vf-menu__item{padding:var(--vf-dropdown-item-padding)}.vf-dropdown_disabled{opacity:var(--vf-dropdown-disabled-opacity)}.vf-dropdown_disabled .vf-dropdown__trigger{cursor:not-allowed}.vf-tooltip__trigger{display:inline-flex}.vf-tooltip{position:fixed;z-index:var(--vf-tooltip-z-index);padding:var(--vf-tooltip-padding);border-radius:var(--vf-tooltip-border-radius);background-color:var(--vf-tooltip-background-color);color:var(--vf-tooltip-text-color);font-size:var(--vf-tooltip-font-size);line-height:var(--vf-tooltip-line-height);box-shadow:none;filter:drop-shadow(var(--vf-tooltip-shadow));max-width:var(--vf-tooltip-max-width)}.vf-tooltip__content{position:relative;z-index:1}.vf-tooltip__arrow{position:absolute;z-index:0;--vf-tooltip-arrow-rendered-height: var(--vf-tooltip-arrow-size);--vf-tooltip-arrow-half-width: calc(var(--vf-tooltip-arrow-size) * .8);width:0;height:0;border-style:solid;pointer-events:none}.vf-tooltip[data-placement^=top] .vf-tooltip__arrow{bottom:calc(var(--vf-tooltip-arrow-rendered-height) * -1);left:50%;transform:translate(-50%);border-width:var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width) 0 var(--vf-tooltip-arrow-half-width);border-color:var(--vf-tooltip-background-color) transparent transparent transparent}.vf-tooltip[data-placement^=bottom] .vf-tooltip__arrow{top:calc(var(--vf-tooltip-arrow-rendered-height) * -1);left:50%;transform:translate(-50%);border-width:0 var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width);border-color:transparent transparent var(--vf-tooltip-background-color) transparent}.vf-tooltip[data-placement^=left] .vf-tooltip__arrow{right:calc(var(--vf-tooltip-arrow-half-width) * -2);top:50%;transform:translateY(-50%);border-width:var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height) var(--vf-tooltip-arrow-half-width) 0;border-color:transparent var(--vf-tooltip-background-color) transparent transparent}.vf-tooltip[data-placement^=right] .vf-tooltip__arrow{left:calc(var(--vf-tooltip-arrow-half-width) * -2);top:50%;transform:translateY(-50%);border-width:var(--vf-tooltip-arrow-half-width) 0 var(--vf-tooltip-arrow-half-width) var(--vf-tooltip-arrow-rendered-height);border-color:transparent transparent transparent var(--vf-tooltip-background-color)}@keyframes vf-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vf-skeleton{display:block;width:var(--vf-skeleton-width);height:var(--vf-skeleton-height);border-radius:var(--vf-skeleton-border-radius);background:linear-gradient(90deg,var(--vf-skeleton-background-color) 0%,var(--vf-skeleton-shimmer-color) 50%,var(--vf-skeleton-background-color) 100%);background-size:200% 100%}.vf-skeleton_animated{animation:vf-skeleton-shimmer var(--vf-skeleton-animation-duration) ease-in-out infinite}.vf-skeleton_text{height:var(--vf-skeleton-line-height)}.vf-skeleton_circle{border-radius:50%}@keyframes vf-progress-linear-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes vf-progress-circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vf-progress-circle-dash{0%{stroke-dasharray:40,200;stroke-dashoffset:0}50%{stroke-dasharray:140,200;stroke-dashoffset:-50}to{stroke-dasharray:40,200;stroke-dashoffset:-190}}.vf-progress{display:inline-flex;align-items:center;gap:var(--vf-progress-gap);color:var(--vf-progress-label-color);font-size:var(--vf-progress-label-font-size);line-height:var(--vf-typography-line-height)}.vf-progress__track{position:relative;width:var(--vf-progress-width);height:var(--vf-progress-height);border-radius:var(--vf-progress-border-radius);background-color:var(--vf-progress-background-color);overflow:hidden}.vf-progress__bar{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--vf-progress-bar-color);border-radius:inherit;transition:width .2s ease}.vf-progress_indeterminate .vf-progress__bar{width:35%;animation:vf-progress-linear-indeterminate var(--vf-progress-animation-duration) ease-in-out infinite}.vf-progress__label{white-space:nowrap}.vf-progress__circle{width:var(--vf-progress-circular-size);height:var(--vf-progress-circular-size)}.vf-progress__svg{width:100%;height:100%;transform:rotate(-90deg)}.vf-progress__circle-track{fill:none;stroke:var(--vf-progress-background-color);stroke-width:var(--vf-progress-circular-thickness)}.vf-progress__circle-bar{fill:none;stroke:var(--vf-progress-bar-color);stroke-width:var(--vf-progress-circular-thickness);stroke-linecap:round;transition:stroke-dashoffset .2s ease}.vf-progress_indeterminate .vf-progress__svg{animation:vf-progress-circle-rotate var(--vf-progress-animation-duration) linear infinite}.vf-progress_indeterminate .vf-progress__circle-bar{animation:vf-progress-circle-dash var(--vf-progress-animation-duration) ease-in-out infinite}.vf-progress_size-small{font-size:var(--vf-progress-small-label-font-size)}.vf-progress_size-small .vf-progress__track{height:var(--vf-progress-small-height)}.vf-progress_size-small .vf-progress__circle{width:var(--vf-progress-small-circular-size);height:var(--vf-progress-small-circular-size)}.vf-progress_size-small .vf-progress__circle-track,.vf-progress_size-small .vf-progress__circle-bar{stroke-width:var(--vf-progress-small-circular-thickness)}.vf-progress_size-large{font-size:var(--vf-progress-large-label-font-size)}.vf-progress_size-large .vf-progress__track{height:var(--vf-progress-large-height)}.vf-progress_size-large .vf-progress__circle{width:var(--vf-progress-large-circular-size);height:var(--vf-progress-large-circular-size)}.vf-progress_size-large .vf-progress__circle-track,.vf-progress_size-large .vf-progress__circle-bar{stroke-width:var(--vf-progress-large-circular-thickness)}.vf-progress[data-severity=info]{--vf-progress-bar-color: var(--vf-progress-info-bar-color)}.vf-progress[data-severity=success]{--vf-progress-bar-color: var(--vf-progress-success-bar-color)}.vf-progress[data-severity=warn]{--vf-progress-bar-color: var(--vf-progress-warn-bar-color)}.vf-progress[data-severity=danger]{--vf-progress-bar-color: var(--vf-progress-danger-bar-color)}.vf-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-badge-gap);padding:var(--vf-badge-padding-y) var(--vf-badge-padding-x);font-size:var(--vf-badge-font-size);line-height:var(--vf-badge-line-height);border-radius:var(--vf-badge-border-radius);border:var(--vf-border-width) solid var(--vf-badge-border-color);background-color:var(--vf-badge-background-color);color:var(--vf-badge-text-color);white-space:nowrap}.vf-badge[data-variant=soft]{background-color:var(--vf-badge-soft-background-color, var(--vf-badge-background-color));color:var(--vf-badge-soft-text-color, var(--vf-badge-text-color));border-color:var(--vf-badge-soft-border-color, var(--vf-badge-border-color))}.vf-badge[data-variant=outline]{background-color:transparent;color:var(--vf-badge-outline-text-color, var(--vf-badge-text-color));border-color:var(--vf-badge-outline-border-color, var(--vf-badge-border-color))}.vf-badge_size-small{font-size:var(--vf-badge-small-font-size);padding:var(--vf-badge-small-padding-y) var(--vf-badge-small-padding-x)}.vf-badge_size-large{font-size:var(--vf-badge-large-font-size);padding:var(--vf-badge-large-padding-y) var(--vf-badge-large-padding-x)}.vf-badge[data-severity=info]{--vf-badge-background-color: var(--vf-badge-info-background-color);--vf-badge-text-color: var(--vf-badge-info-text-color);--vf-badge-border-color: var(--vf-badge-info-border-color);--vf-badge-soft-background-color: var(--vf-badge-info-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-info-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-info-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-info-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-info-outline-border-color)}.vf-badge[data-severity=success]{--vf-badge-background-color: var(--vf-badge-success-background-color);--vf-badge-text-color: var(--vf-badge-success-text-color);--vf-badge-border-color: var(--vf-badge-success-border-color);--vf-badge-soft-background-color: var(--vf-badge-success-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-success-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-success-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-success-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-success-outline-border-color)}.vf-badge[data-severity=warn]{--vf-badge-background-color: var(--vf-badge-warn-background-color);--vf-badge-text-color: var(--vf-badge-warn-text-color);--vf-badge-border-color: var(--vf-badge-warn-border-color);--vf-badge-soft-background-color: var(--vf-badge-warn-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-warn-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-warn-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-warn-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-warn-outline-border-color)}.vf-badge[data-severity=danger]{--vf-badge-background-color: var(--vf-badge-danger-background-color);--vf-badge-text-color: var(--vf-badge-danger-text-color);--vf-badge-border-color: var(--vf-badge-danger-border-color);--vf-badge-soft-background-color: var(--vf-badge-danger-soft-background-color);--vf-badge-soft-text-color: var(--vf-badge-danger-soft-text-color);--vf-badge-soft-border-color: var(--vf-badge-danger-soft-border-color);--vf-badge-outline-text-color: var(--vf-badge-danger-outline-text-color);--vf-badge-outline-border-color: var(--vf-badge-danger-outline-border-color)}.vf-chip{display:inline-flex;align-items:center;gap:var(--vf-chip-gap);padding:var(--vf-chip-padding-y) var(--vf-chip-padding-x);font-size:var(--vf-chip-font-size);line-height:var(--vf-chip-line-height);border-radius:var(--vf-chip-border-radius);border:var(--vf-border-width) solid var(--vf-chip-border-color);background-color:var(--vf-chip-background-color);color:var(--vf-chip-text-color);white-space:nowrap}.vf-chip__icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--vf-chip-icon-size)}.vf-chip__label{display:inline-flex;align-items:center}.vf-chip__close{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin:0;width:var(--vf-chip-close-size);height:var(--vf-chip-close-size);border-radius:var(--vf-chip-close-radius);color:var(--vf-chip-close-color);font-size:var(--vf-chip-close-font-size);cursor:pointer}.vf-chip__close:hover{background-color:var(--vf-chip-close-hover-background-color)}.vf-chip__close:disabled{cursor:not-allowed;opacity:var(--vf-chip-disabled-opacity)}.vf-chip_disabled{opacity:var(--vf-chip-disabled-opacity)}.vf-chip[data-variant=soft]{background-color:var(--vf-chip-soft-background-color, var(--vf-chip-background-color));color:var(--vf-chip-soft-text-color, var(--vf-chip-text-color));border-color:var(--vf-chip-soft-border-color, var(--vf-chip-border-color))}.vf-chip[data-variant=outline]{background-color:transparent;color:var(--vf-chip-outline-text-color, var(--vf-chip-text-color));border-color:var(--vf-chip-outline-border-color, var(--vf-chip-border-color))}.vf-chip_size-small{font-size:var(--vf-chip-small-font-size);padding:var(--vf-chip-small-padding-y) var(--vf-chip-small-padding-x)}.vf-chip_size-large{font-size:var(--vf-chip-large-font-size);padding:var(--vf-chip-large-padding-y) var(--vf-chip-large-padding-x)}.vf-chip[data-severity=info]{--vf-chip-background-color: var(--vf-chip-info-background-color);--vf-chip-text-color: var(--vf-chip-info-text-color);--vf-chip-border-color: var(--vf-chip-info-border-color);--vf-chip-soft-background-color: var(--vf-chip-info-soft-background-color);--vf-chip-soft-text-color: var(--vf-chip-info-soft-text-color);--vf-chip-soft-border-color: var(--vf-chip-info-soft-border-color);--vf-chip-outline-text-color: var(--vf-chip-info-outline-text-color);--vf-chip-outline-border-color: var(--vf-chip-info-outline-border-color)}.vf-chip[data-severity=success]{--vf-chip-background-color: var(--vf-chip-success-background-color);--vf-chip-text-color: var(--vf-chip-success-text-color);--vf-chip-border-color: var(--vf-chip-success-border-color);--vf-chip-soft-background-color: var(--vf-chip-success-soft-background-color);--vf-chip-soft-text-color: var(--vf-chip-success-soft-text-color);--vf-chip-soft-border-color: var(--vf-chip-success-soft-border-color);--vf-chip-outline-text-color: var(--vf-chip-success-outline-text-color);--vf-chip-outline-border-color: var(--vf-chip-success-outline-border-color)}.vf-chip[data-severity=warn]{--vf-chip-background-color: var(--vf-chip-warn-background-color);--vf-chip-text-color: var(--vf-chip-warn-text-color);--vf-chip-border-color: var(--vf-chip-warn-border-color);--vf-chip-soft-background-color: var(--vf-chip-warn-soft-background-color);--vf-chip-soft-text-color: var(--vf-chip-warn-soft-text-color);--vf-chip-soft-border-color: var(--vf-chip-warn-soft-border-color);--vf-chip-outline-text-color: var(--vf-chip-warn-outline-text-color);--vf-chip-outline-border-color: var(--vf-chip-warn-outline-border-color)}.vf-chip[data-severity=danger]{--vf-chip-background-color: var(--vf-chip-danger-background-color);--vf-chip-text-color: var(--vf-chip-danger-text-color);--vf-chip-border-color: var(--vf-chip-danger-border-color);--vf-chip-soft-background-color: var(--vf-chip-danger-soft-background-color);--vf-chip-soft-text-color: var(--vf-chip-danger-soft-text-color);--vf-chip-soft-border-color: var(--vf-chip-danger-soft-border-color);--vf-chip-outline-text-color: var(--vf-chip-danger-outline-text-color);--vf-chip-outline-border-color: var(--vf-chip-danger-outline-border-color)}.vf-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--vf-avatar-size);height:var(--vf-avatar-size);font-size:var(--vf-avatar-font-size);font-weight:var(--vf-avatar-font-weight);color:var(--vf-avatar-text-color);background-color:var(--vf-avatar-background-color);border:var(--vf-avatar-border-width) solid var(--vf-avatar-border-color);border-radius:var(--vf-avatar-border-radius);overflow:visible;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none}.vf-avatar_shape-circle{border-radius:50%}.vf-avatar__content{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.vf-avatar__image{width:100%;height:100%;object-fit:cover}.vf-avatar__initials{line-height:1}.vf-avatar__status{position:absolute;right:0;bottom:0;width:var(--vf-avatar-status-size);height:var(--vf-avatar-status-size);border-radius:50%;border:var(--vf-avatar-status-border-width) solid var(--vf-avatar-status-border-color);background-color:var(--vf-avatar-status-offline-color);transform:translate(0)}.vf-avatar_size-small .vf-avatar__status{width:var(--vf-avatar-small-status-size);height:var(--vf-avatar-small-status-size)}.vf-avatar_size-large .vf-avatar__status{width:var(--vf-avatar-large-status-size);height:var(--vf-avatar-large-status-size)}.vf-avatar__status[data-status=online]{background-color:var(--vf-avatar-status-online-color)}.vf-avatar__status[data-status=busy]{background-color:var(--vf-avatar-status-busy-color)}.vf-avatar__status[data-status=away]{background-color:var(--vf-avatar-status-away-color)}.vf-avatar_size-small{width:var(--vf-avatar-small-size);height:var(--vf-avatar-small-size);font-size:var(--vf-avatar-small-font-size)}.vf-avatar_size-large{width:var(--vf-avatar-large-size);height:var(--vf-avatar-large-size);font-size:var(--vf-avatar-large-font-size)}.vf-datatable{width:100%;border:var(--vf-border-width) solid var(--vf-datatable-border-color);border-radius:var(--vf-datatable-border-radius);background-color:var(--vf-datatable-background-color);overflow:hidden}.vf-datatable__table{width:100%;border-collapse:collapse;font-size:var(--vf-datatable-font-size);color:var(--vf-datatable-text-color)}.vf-datatable__head{background-color:var(--vf-datatable-header-background-color)}.vf-datatable__row{border-bottom:var(--vf-border-width) solid var(--vf-datatable-row-border-color)}.vf-datatable__header,.vf-datatable__cell{text-align:left;padding:var(--vf-datatable-cell-padding)}.vf-datatable__header{font-weight:var(--vf-datatable-header-font-weight);font-size:var(--vf-datatable-header-font-size);color:var(--vf-datatable-header-text-color);border-bottom:var(--vf-border-width) solid var(--vf-datatable-header-border-color)}.vf-datatable__header-text{display:inline-flex;align-items:center;gap:var(--vf-datatable-header-gap)}.vf-datatable__header_sortable{cursor:pointer}.vf-datatable__sort-button{display:inline-flex;align-items:center;gap:var(--vf-datatable-header-gap);border:none;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}.vf-datatable__sort-icon{font-size:var(--vf-datatable-sort-icon-size);color:var(--vf-datatable-sort-icon-color)}.vf-datatable__sort-icon.is-active{color:var(--vf-datatable-sort-icon-active-color)}.vf-datatable__cell{color:var(--vf-datatable-row-text-color);background-color:var(--vf-datatable-row-background-color)}.vf-datatable__cell_state{text-align:center;padding:var(--vf-datatable-state-padding);color:var(--vf-datatable-state-text-color)}.vf-datatable__row_state{border-bottom:none}.vf-datatable__row_striped .vf-datatable__cell{background-color:var(--vf-datatable-striped-background-color)}.vf-datatable_hover .vf-datatable__row:not(.vf-datatable__row_state):hover .vf-datatable__cell{background-color:var(--vf-datatable-hover-background-color)}.vf-datatable__cell_left{text-align:left}.vf-datatable__cell_center{text-align:center}.vf-datatable__cell_right{text-align:right}.vf-datatable_outlined,.vf-datatable_outlined .vf-datatable__head,.vf-datatable_outlined .vf-datatable__cell{background-color:transparent}.vf-datatable_small .vf-datatable__table{font-size:var(--vf-datatable-small-font-size)}.vf-datatable_small .vf-datatable__header,.vf-datatable_small .vf-datatable__cell{padding:var(--vf-datatable-small-cell-padding)}.vf-datatable_large .vf-datatable__table{font-size:var(--vf-datatable-large-font-size)}.vf-datatable_large .vf-datatable__header,.vf-datatable_large .vf-datatable__cell{padding:var(--vf-datatable-large-cell-padding)}.vf-slider{display:inline-flex;flex-direction:column;gap:var(--vf-slider-gap);width:var(--vf-slider-width);color:var(--vf-slider-text-color);font-size:var(--vf-typography-font-size);line-height:var(--vf-typography-line-height)}.vf-slider__control{position:relative;height:var(--vf-slider-thumb-size)}.vf-slider__track{position:absolute;left:0;right:0;top:50%;height:var(--vf-slider-track-height);background-color:var(--vf-slider-track-background-color);border-radius:var(--vf-slider-track-radius);transform:translateY(-50%)}.vf-slider__fill{position:absolute;top:0;bottom:0;left:var(--vf-slider-start);right:calc(100% - var(--vf-slider-end));background-color:var(--vf-slider-fill-background-color);border-radius:inherit}.vf-slider__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;left:0;top:0;width:100%;height:var(--vf-slider-thumb-size);margin:0;background:transparent;cursor:pointer;pointer-events:none}.vf-slider__input:disabled{cursor:not-allowed}.vf-slider__input::-webkit-slider-runnable-track{height:var(--vf-slider-track-height);background:transparent}.vf-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--vf-slider-thumb-size);height:var(--vf-slider-thumb-size);border-radius:50%;background-color:var(--vf-slider-thumb-color);border:var(--vf-slider-thumb-border-width) solid var(--vf-slider-thumb-border-color);box-shadow:var(--vf-slider-thumb-shadow);margin-top:calc((var(--vf-slider-track-height) - var(--vf-slider-thumb-size)) / 2);pointer-events:auto}.vf-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--vf-slider-thumb-shadow),var(--vf-slider-focus-ring-shadow)}.vf-slider__input::-moz-range-track{height:var(--vf-slider-track-height);background:transparent}.vf-slider__input::-moz-range-thumb{width:var(--vf-slider-thumb-size);height:var(--vf-slider-thumb-size);border-radius:50%;background-color:var(--vf-slider-thumb-color);border:var(--vf-slider-thumb-border-width) solid var(--vf-slider-thumb-border-color);box-shadow:var(--vf-slider-thumb-shadow);pointer-events:auto}.vf-slider__input:focus-visible::-moz-range-thumb{box-shadow:var(--vf-slider-thumb-shadow),var(--vf-slider-focus-ring-shadow)}.vf-slider__marks{position:relative;height:var(--vf-slider-marks-height)}.vf-slider__mark{position:absolute;top:0;width:var(--vf-slider-mark-size);height:var(--vf-slider-mark-size);border-radius:50%;background-color:var(--vf-slider-mark-color);transform:translate(-50%)}.vf-slider__mark-label{position:absolute;top:calc(var(--vf-slider-mark-size) + 2px);left:50%;transform:translate(-50%);font-size:var(--vf-slider-mark-label-font-size);color:var(--vf-slider-mark-label-color);white-space:nowrap}.vf-slider__value{font-size:var(--vf-slider-value-font-size);color:var(--vf-slider-value-color)}.vf-slider_small{--vf-slider-thumb-size: var(--vf-slider-small-thumb-size);--vf-slider-track-height: var(--vf-slider-small-track-height);--vf-slider-value-font-size: var(--vf-slider-small-value-font-size)}.vf-slider_large{--vf-slider-thumb-size: var(--vf-slider-large-thumb-size);--vf-slider-track-height: var(--vf-slider-large-track-height);--vf-slider-value-font-size: var(--vf-slider-large-value-font-size)}.vf-slider_disabled{opacity:var(--vf-slider-disabled-opacity)}.vf-breadcrumbs{display:block;--vf-link-hover-color: var(--vf-breadcrumbs-hover-color);--vf-link-active-color: var(--vf-breadcrumbs-active-color)}.vf-breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--vf-breadcrumbs-gap);margin:0;padding:0;list-style:none;font-size:var(--vf-breadcrumbs-font-size);line-height:var(--vf-typography-line-height);color:var(--vf-breadcrumbs-text-color)}.vf-breadcrumbs__item{display:inline-flex;align-items:center}.vf-breadcrumbs__link{color:inherit;text-decoration:none}.vf-breadcrumbs__current{color:var(--vf-breadcrumbs-active-color)}.vf-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--vf-breadcrumbs-separator-color)}.vf-breadcrumbs__item.is-disabled{opacity:var(--vf-breadcrumbs-disabled-opacity)}

package/dist/index.d.ts

@@ -26,10 +26,12 @@ export { default as Switch } from './package/components/switch.vue';
 export { default as Popover } from './package/components/popover.vue';
 export { default as Modal } from './package/components/modal.vue';
 export { default as Drawer } from './package/components/drawer.vue';
+export { default as Dropdown } from './package/components/dropdown.vue';
 export { default as Tooltip } from './package/components/tooltip.vue';
 export { default as Skeleton } from './package/components/skeleton.vue';
 export { default as Progress } from './package/components/progress.vue';
 export { default as Badge } from './package/components/badge.vue';
+export { default as Chip } from './package/components/chip.vue';
 export { default as Avatar } from './package/components/avatar.vue';
 export { default as DataTable } from './package/components/data-table.vue';
 export { default as Slider } from './package/components/slider.vue';