npm - @v-miniapp/ui-react - Versions diffs - 1.0.60 → 1.0.71 - Mend

@v-miniapp/ui-react 1.0.60 → 1.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (491) hide show

package/dist-storybook/assets/{en-Cs9O0XWn.js → en-IjeCvZ5U.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-const e={"common.table.description":"Description","common.table.name":"Property Name","common.table.no":"No","common.table.required":"Required","common.table.title":"Properties","common.table.type":"Data Type","common.table.yes":"Yes","components.alert.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.classNameDescription":"Additional CSS classes for the alert container.","components.alert.argTypes.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.argTypes.messageDescription":"Message content displayed below the title.","components.alert.argTypes.titleDescription":"Alert title displayed in bold.","components.alert.argTypes.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.classNameDescription":"Additional CSS classes for the alert container.","components.alert.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.completeExample.errorButton":"Try again","components.alert.completeExample.errorMessage":"An error occurred while processing your request. Please try again or contact support if the issue persists.","components.alert.completeExample.errorTitle":"An error occurred","components.alert.completeExample.infoButton":"Learn more","components.alert.completeExample.infoMessage":"This is an example of an alert with all available properties. You can include any additional content here.","components.alert.completeExample.infoTitle":"Information","components.alert.completeExample.successButton":"View changes","components.alert.completeExample.successMessage":"Your changes have been saved successfully. You can continue working or review the changes.","components.alert.completeExample.successTitle":"Success!","components.alert.default.message":"This is an informational message","components.alert.description":"The Alert component displays contextual feedback messages to users. It supports multiple types (informative, positive, negative) and can include a title, message content, action buttons, and an optional close function.","components.alert.informative.message":"This is an informational message","components.alert.interactive.message":"This alert can be configured using the controls in the panel below.","components.alert.interactive.title":"Interactive alert","components.alert.messageDescription":"Message content displayed below the title.","components.alert.negative.message":"An error occurred","components.alert.positive.message":"The action was completed successfully","components.alert.propsDescription":"Supports all standard HTML div element attributes.","components.alert.titleDescription":"Alert title displayed in bold.","components.alert.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.withAction.sessionButton":"Save now","components.alert.withAction.sessionMessage":"Your session is about to expire. Please save your work.","components.alert.withAction.sessionTitle":"Action required","components.alert.withAction.updateButton":"Update now","components.alert.withAction.updateMessage":"A new version of the application is available. Would you like to update now?","components.alert.withAction.updateTitle":"New update available","components.alert.withCloseButton.errorMessage":"An error occurred","components.alert.withCloseButton.errorTitle":"Error","components.alert.withCloseButton.infoMessage":"This alert can be closed","components.alert.withCloseButton.infoTitle":"Information","components.alert.withCloseButton.successMessage":"This alert can also be closed","components.alert.withCloseButton.successTitle":"Success","components.alert.withTitle.message":"This is the alert message content","components.alert.withTitle.title":"Alert title","components.alert.withTitleAndMessage.errorMessage":"An error occurred while saving your changes","components.alert.withTitleAndMessage.errorTitle":"Error","components.alert.withTitleAndMessage.infoMessage":"This is an informational alert with both title and message","components.alert.withTitleAndMessage.infoTitle":"Information","components.alert.withTitleAndMessage.successMessage":"Your changes have been saved successfully","components.alert.withTitleAndMessage.successTitle":"Success","components.alert.stories.default.title":"Default","components.alert.stories.informative.title":"Informational alert","components.alert.stories.positive.title":"Success alert","components.alert.stories.negative.title":"Error alert","components.alert.stories.withTitle.title":"With title","components.alert.stories.withTitleAndMessage.title":"With title and message","components.alert.stories.withCloseButton.title":"With close button","components.alert.stories.withAction.title":"With action","components.alert.stories.completeExample.title":"Complete example","components.alert.stories.interactive.title":"Interactive","components.avatar.stories.default.title":"Default","components.avatar.stories.shapes.title":"Shapes","components.avatar.stories.sizes.title":"Sizes","components.avatar.stories.withBorder.title":"With border","components.avatar.stories.withImage.title":"With image","components.avatar.stories.customLabelStyling.title":"Custom label styling","components.avatar.stories.fallbackToLabel.title":"Fallback to label","components.avatar.stories.completeExample.title":"Complete example","components.avatar.stories.interactive.title":"Interactive","components.badge.stories.default.title":"Default","components.badge.stories.dotBadge.title":"Dot badge","components.badge.stories.numberBadges.title":"Number badges","components.badge.stories.numberBadgesWithOutline.title":"Outlined number badges","components.badge.stories.labelBadges.title":"Label badges","components.badge.stories.labelBadgesWithOutline.title":"Outlined label badges","components.badge.stories.allVariants.title":"All variants","components.badge.stories.withBadgeContainer.title":"With badge container","components.badge.stories.interactive.title":"Interactive","components.avatar.argTypes.borderDescription":"Whether to display a border around the avatar.","components.avatar.argTypes.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.argTypes.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.argTypes.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.argTypes.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.argTypes.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.argTypes.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.argTypes.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.argTypes.srcDescription":"Source URL of the avatar image.","components.avatar.argTypes.srcSetDescription":"Set of image sources for responsive display.","components.avatar.borderDescription":"Whether to display a border around the avatar.","components.avatar.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.description":"The Avatar component displays a user's profile image or initial. It supports multiple sizes, shapes (circular or rounded), and customizable styling.","components.avatar.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.propsDescription":"Supports all standard HTML img element attributes (alt, loading, etc.).","components.avatar.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.srcDescription":"Source URL of the avatar image.","components.avatar.srcSetDescription":"Set of image sources for responsive display.","components.badge.argTypes.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.argTypes.classNameDescription":"Additional CSS classes for the badge.","components.badge.argTypes.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.classNameDescription":"Additional CSS classes for the badge.","components.badge.description":"The Badge component displays small status indicators, commonly used for notifications, counts, or labels. It can appear as a dot, number, or text, with optional outline styling.","components.badge.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.argTypes.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.argTypes.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.argTypes.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.argTypes.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.argTypes.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.description":"The BottomTabBar component provides bottom navigation, allowing users to switch between different sections of the application. It supports text-only tabs or icon + text tabs, active state indicators, and safe area padding for mobile devices.","components.bottomTabBar.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.stories.default.content":"This is the default content of the tab bar. Click the tabs to switch between items.","components.bottomTabBar.stories.interactive.activeTab":"You selected tab: {{tabName}}","components.bottomTabBar.stories.default.title":"Default","components.bottomTabBar.stories.withIcons.title":"With icons","components.bottomTabBar.stories.withActiveIcons.title":"With active icons","components.bottomTabBar.stories.withoutIndicator.title":"Without indicator","components.bottomTabBar.stories.interactive.title":"Interactive","components.bottomTabBar.stories.tabs.home":"Home","components.bottomTabBar.stories.tabs.profile":"Profile","components.bottomTabBar.stories.tabs.search":"Search","components.bottomTabBar.stories.tabs.tab1":"Tab 1","components.bottomTabBar.stories.tabs.tab2":"Tab 2","components.bottomTabBar.stories.tabs.tab3":"Tab 3","components.bottomTabBar.stories.withActiveIcons.content":"This is a tab bar with active icons. Icons change when the tab is selected.","components.bottomTabBar.stories.withIcons.content":"This is a tab bar with icons. Each tab has a corresponding icon.","components.bottomTabBar.stories.withoutIndicator.content":"This is a tab bar without an indicator. No indicator is shown under the active tab.","components.button.argTypes.blockDescription":"Whether the button should take up the full width of its container.","components.button.argTypes.childrenDescription":"Text or content displayed inside the button.","components.button.argTypes.classNameDescription":"Additional CSS classes for the button.","components.button.argTypes.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.argTypes.htmlTypeDescription":"HTML type attribute for the button element.","components.button.argTypes.leadingIconDescription":"Icon or element displayed before the button text.","components.button.argTypes.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.argTypes.shapeDescription":"Shape of the button. Defaults to 'rounded'.","components.button.argTypes.sizeDescription":"Size of the button. Defaults to 'medium'.","components.button.argTypes.themeDescription":"Color theme of the button. Defaults to 'default' (mapped to 'brand').","components.button.argTypes.trailingIconDescription":"Icon or element displayed after the button text.","components.button.argTypes.typeDescription":"Visual style of the button. Defaults to 'solid'.","components.button.blockDescription":"Whether the button should take up the full width of its container.","components.button.childrenDescription":"Text or content displayed inside the button.","components.button.classNameDescription":"Additional CSS classes for the button.","components.button.description":"The Button component provides interactive elements that users can click to trigger actions. It supports multiple themes, styles, sizes, and optional icons or loading states.","components.button.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.htmlTypeDescription":"HTML type attribute for the button element.","components.button.leadingIconDescription":"Icon or element displayed before the button text.","components.button.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.propsDescription":"Supports all standard HTML button element attributes.","components.button.shapeDescription":"Shape of the button. Can be 'rounded' or 'pill'.","components.button.sizeDescription":"Size of the button. Can be 'large' or 'medium'.","components.button.stories.block.fullWidth":"Full-width button","components.button.stories.block.fullWidthLoading":"Full-width loading button","components.button.stories.block.fullWidthOutline":"Full-width outlined button","components.button.stories.complete.cancel":"Cancel","components.button.stories.complete.iconButtons":"Icon buttons","components.button.stories.complete.primaryActions":"Primary actions","components.button.stories.complete.saveChanges":"Save changes","components.button.stories.complete.secondary":"Secondary","components.button.stories.complete.secondaryActions":"Secondary actions","components.button.stories.complete.tertiary":"Tertiary","components.button.stories.default.label":"Click me","components.button.stories.icons.both":"Both icons","components.button.stories.icons.leading":"Leading icon","components.button.stories.icons.trailing":"Trailing icon","components.button.stories.interactive.label":"Interactive button","components.button.stories.default.title":"Default","components.button.stories.types.title":"Button types","components.button.stories.sizes.title":"Sizes","components.button.stories.shapes.title":"Shapes","components.button.stories.withIcons.title":"With icons","components.button.stories.states.title":"States","components.button.stories.blockButton.title":"Full-width button","components.button.stories.completeExample.title":"Complete example","components.button.stories.interactive.title":"Interactive","components.button.stories.shapes.pill":"Pill","components.button.stories.shapes.rounded":"Rounded","components.button.stories.sizes.large":"Large","components.button.stories.sizes.medium":"Medium","components.button.stories.states.default":"Default","components.button.stories.states.disabled":"Disabled","components.button.stories.states.disabledLoading":"Disabled loading","components.button.stories.states.loading":"Loading","components.button.stories.themes.title":"Themes","components.button.stories.themes.brand":"Brand","components.button.stories.themes.neutral":"Neutral","components.button.stories.themes.neutralInverse":"Neutral inverse","components.button.stories.types.ghost":"Ghost","components.button.stories.types.outline":"Outline","components.button.stories.types.solid":"Solid","components.button.stories.types.solidSubtle":"Solid subtle","components.button.themeDescription":"The color theme of the button. Can be 'default' (mapped to 'brand'), 'brand', 'neutral', or 'neutral-inverse'.","components.button.trailingIconDescription":"Icon or element displayed after the button text.","components.button.typeDescription":"The visual style of the button. Can be 'solid', 'solid-subtle', 'outline', or 'ghost'.","components.calendar.argTypes.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.argTypes.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.argTypes.idDescription":"ID of the calendar element.","components.calendar.argTypes.langDescription":"Language for the calendar. Default is 'vi'.","components.calendar.argTypes.maxDateDescription":"Maximum selectable date. Dates after this will be disabled.","components.calendar.argTypes.minDateDescription":"Minimum selectable date. Dates before this will be disabled.","components.calendar.argTypes.navigationModeDescription":"Navigation mode for the calendar header. Default is 'month-year'.","components.calendar.argTypes.onChangeDescription":"Callback function called when the selected date changes.","components.calendar.argTypes.onClickDescription":"Click event handler for the calendar container.","components.calendar.argTypes.refDescription":"Ref for the calendar container element.","components.calendar.argTypes.renderTextDescription":"Custom render function for displaying text in the calendar.","components.calendar.argTypes.styleDescription":"Inline styles for the calendar container.","components.calendar.argTypes.typeDescription":"Selection mode. Default is 'single' (single date).","components.calendar.argTypes.valueDescription":"Selected date. A Date object for single mode, [Date, Date] for range mode.","components.calendar.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.description":`The Calendar component provides an intuitive calendar interface for date selection. It supports both single-date and date-range selection modes, customizable navigation modes, and custom text rendering for each day cell.
+const e={"common.table.description":"Description","common.table.name":"Property Name","common.table.no":"No","common.table.required":"Required","common.table.title":"Properties","common.table.type":"Data Type","common.table.yes":"Yes","common.to":"to","components.alert.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.classNameDescription":"Additional CSS classes for the alert container.","components.alert.argTypes.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.argTypes.messageDescription":"Message content displayed below the title.","components.alert.argTypes.titleDescription":"Alert title displayed in bold.","components.alert.argTypes.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.classNameDescription":"Additional CSS classes for the alert container.","components.alert.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.completeExample.errorButton":"Try again","components.alert.completeExample.errorMessage":"An error occurred while processing your request. Please try again or contact support if the issue persists.","components.alert.completeExample.errorTitle":"An error occurred","components.alert.completeExample.infoButton":"Learn more","components.alert.completeExample.infoMessage":"This is an example of an alert with all available properties. You can include any additional content here.","components.alert.completeExample.infoTitle":"Information","components.alert.completeExample.successButton":"View changes","components.alert.completeExample.successMessage":"Your changes have been saved successfully. You can continue working or review the changes.","components.alert.completeExample.successTitle":"Success!","components.alert.default.message":"This is an informational message","components.alert.description":"The Alert component displays contextual feedback messages to users. It supports multiple types (informative, positive, negative) and can include a title, message content, action buttons, and an optional close function.","components.alert.informative.message":"This is an informational message","components.alert.interactive.message":"This alert can be configured using the controls in the panel below.","components.alert.interactive.title":"Interactive alert","components.alert.messageDescription":"Message content displayed below the title.","components.alert.negative.message":"An error occurred","components.alert.positive.message":"The action was completed successfully","components.alert.propsDescription":"Supports all standard HTML div element attributes.","components.alert.titleDescription":"Alert title displayed in bold.","components.alert.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.withAction.sessionButton":"Save now","components.alert.withAction.sessionMessage":"Your session is about to expire. Please save your work.","components.alert.withAction.sessionTitle":"Action required","components.alert.withAction.updateButton":"Update now","components.alert.withAction.updateMessage":"A new version of the application is available. Would you like to update now?","components.alert.withAction.updateTitle":"New update available","components.alert.withCloseButton.errorMessage":"An error occurred","components.alert.withCloseButton.errorTitle":"Error","components.alert.withCloseButton.infoMessage":"This alert can be closed","components.alert.withCloseButton.infoTitle":"Information","components.alert.withCloseButton.successMessage":"This alert can also be closed","components.alert.withCloseButton.successTitle":"Success","components.alert.withTitle.message":"This is the alert message content","components.alert.withTitle.title":"Alert title","components.alert.withTitleAndMessage.errorMessage":"An error occurred while saving your changes","components.alert.withTitleAndMessage.errorTitle":"Error","components.alert.withTitleAndMessage.infoMessage":"This is an informational alert with both title and message","components.alert.withTitleAndMessage.infoTitle":"Information","components.alert.withTitleAndMessage.successMessage":"Your changes have been saved successfully","components.alert.withTitleAndMessage.successTitle":"Success","components.alert.stories.default.title":"Default","components.alert.stories.informative.title":"Informational alert","components.alert.stories.positive.title":"Success alert","components.alert.stories.negative.title":"Error alert","components.alert.stories.withTitle.title":"With title","components.alert.stories.withTitleAndMessage.title":"With title and message","components.alert.stories.withCloseButton.title":"With close button","components.alert.stories.withAction.title":"With action","components.alert.stories.completeExample.title":"Complete example","components.alert.stories.interactive.title":"Interactive","components.avatar.stories.default.title":"Default","components.avatar.stories.shapes.title":"Shapes","components.avatar.stories.sizes.title":"Sizes","components.avatar.stories.withBorder.title":"With border","components.avatar.stories.withImage.title":"With image","components.avatar.stories.customLabelStyling.title":"Custom label styling","components.avatar.stories.fallbackToLabel.title":"Fallback to label","components.avatar.stories.completeExample.title":"Complete example","components.avatar.stories.interactive.title":"Interactive","components.badge.stories.default.title":"Default","components.badge.stories.dotBadge.title":"Dot badge","components.badge.stories.numberBadges.title":"Number badges","components.badge.stories.numberBadgesWithOutline.title":"Outlined number badges","components.badge.stories.labelBadges.title":"Label badges","components.badge.stories.labelBadgesWithOutline.title":"Outlined label badges","components.badge.stories.allVariants.title":"All variants","components.badge.stories.withBadgeContainer.title":"With badge container","components.badge.stories.interactive.title":"Interactive","components.avatar.argTypes.borderDescription":"Whether to display a border around the avatar.","components.avatar.argTypes.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.argTypes.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.argTypes.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.argTypes.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.argTypes.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.argTypes.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.argTypes.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.argTypes.srcDescription":"Source URL of the avatar image.","components.avatar.argTypes.srcSetDescription":"Set of image sources for responsive display.","components.avatar.borderDescription":"Whether to display a border around the avatar.","components.avatar.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.description":"The Avatar component displays a user's profile image or initial. It supports multiple sizes, shapes (circular or rounded), and customizable styling.","components.avatar.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.propsDescription":"Supports all standard HTML img element attributes (alt, loading, etc.).","components.avatar.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.srcDescription":"Source URL of the avatar image.","components.avatar.srcSetDescription":"Set of image sources for responsive display.","components.badge.argTypes.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.argTypes.classNameDescription":"Additional CSS classes for the badge.","components.badge.argTypes.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.classNameDescription":"Additional CSS classes for the badge.","components.badge.description":"The Badge component displays small status indicators, commonly used for notifications, counts, or labels. It can appear as a dot, number, or text, with optional outline styling.","components.badge.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.argTypes.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.argTypes.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.argTypes.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.argTypes.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.argTypes.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.description":"The BottomTabBar component provides bottom navigation, allowing users to switch between different sections of the application. It supports text-only tabs or icon + text tabs, active state indicators, and safe area padding for mobile devices.","components.bottomTabBar.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.stories.default.content":"This is the default content of the tab bar. Click the tabs to switch between items.","components.bottomTabBar.stories.interactive.activeTab":"You selected tab: {{tabName}}","components.bottomTabBar.stories.default.title":"Default","components.bottomTabBar.stories.withIcons.title":"With icons","components.bottomTabBar.stories.withActiveIcons.title":"With active icons","components.bottomTabBar.stories.withoutIndicator.title":"Without indicator","components.bottomTabBar.stories.interactive.title":"Interactive","components.bottomTabBar.stories.tabs.home":"Home","components.bottomTabBar.stories.tabs.profile":"Profile","components.bottomTabBar.stories.tabs.search":"Search","components.bottomTabBar.stories.tabs.tab1":"Tab 1","components.bottomTabBar.stories.tabs.tab2":"Tab 2","components.bottomTabBar.stories.tabs.tab3":"Tab 3","components.bottomTabBar.stories.withActiveIcons.content":"This is a tab bar with active icons. Icons change when the tab is selected.","components.bottomTabBar.stories.withIcons.content":"This is a tab bar with icons. Each tab has a corresponding icon.","components.bottomTabBar.stories.withoutIndicator.content":"This is a tab bar without an indicator. No indicator is shown under the active tab.","components.button.argTypes.blockDescription":"Whether the button should take up the full width of its container.","components.button.argTypes.childrenDescription":"Text or content displayed inside the button.","components.button.argTypes.classNameDescription":"Additional CSS classes for the button.","components.button.argTypes.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.argTypes.htmlTypeDescription":"HTML type attribute for the button element.","components.button.argTypes.leadingIconDescription":"Icon or element displayed before the button text.","components.button.argTypes.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.argTypes.shapeDescription":"Shape of the button. Defaults to 'rounded'.","components.button.argTypes.sizeDescription":"Size of the button. Defaults to 'medium'.","components.button.argTypes.themeDescription":"Color theme of the button. Defaults to 'default' (mapped to 'brand').","components.button.argTypes.trailingIconDescription":"Icon or element displayed after the button text.","components.button.argTypes.typeDescription":"Visual style of the button. Defaults to 'solid'.","components.button.blockDescription":"Whether the button should take up the full width of its container.","components.button.childrenDescription":"Text or content displayed inside the button.","components.button.classNameDescription":"Additional CSS classes for the button.","components.button.description":"The Button component provides interactive elements that users can click to trigger actions. It supports multiple themes, styles, sizes, and optional icons or loading states.","components.button.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.htmlTypeDescription":"HTML type attribute for the button element.","components.button.leadingIconDescription":"Icon or element displayed before the button text.","components.button.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.propsDescription":"Supports all standard HTML button element attributes.","components.button.shapeDescription":"Shape of the button. Can be 'rounded' or 'pill'.","components.button.sizeDescription":"Size of the button. Can be 'large' or 'medium'.","components.button.stories.block.fullWidth":"Full-width button","components.button.stories.block.fullWidthLoading":"Full-width loading button","components.button.stories.block.fullWidthOutline":"Full-width outlined button","components.button.stories.complete.cancel":"Cancel","components.button.stories.complete.iconButtons":"Icon buttons","components.button.stories.complete.primaryActions":"Primary actions","components.button.stories.complete.saveChanges":"Save changes","components.button.stories.complete.secondary":"Secondary","components.button.stories.complete.secondaryActions":"Secondary actions","components.button.stories.complete.tertiary":"Tertiary","components.button.stories.default.label":"Click me","components.button.stories.icons.both":"Both icons","components.button.stories.icons.leading":"Leading icon","components.button.stories.icons.trailing":"Trailing icon","components.button.stories.interactive.label":"Interactive button","components.button.stories.default.title":"Default","components.button.stories.types.title":"Button types","components.button.stories.sizes.title":"Sizes","components.button.stories.shapes.title":"Shapes","components.button.stories.withIcons.title":"With icons","components.button.stories.states.title":"States","components.button.stories.blockButton.title":"Full-width button","components.button.stories.completeExample.title":"Complete example","components.button.stories.interactive.title":"Interactive","components.button.stories.shapes.pill":"Pill","components.button.stories.shapes.rounded":"Rounded","components.button.stories.sizes.large":"Large","components.button.stories.sizes.medium":"Medium","components.button.stories.states.default":"Default","components.button.stories.states.disabled":"Disabled","components.button.stories.states.disabledLoading":"Disabled loading","components.button.stories.states.loading":"Loading","components.button.stories.themes.title":"Themes","components.button.stories.themes.brand":"Brand","components.button.stories.themes.neutral":"Neutral","components.button.stories.themes.neutralInverse":"Neutral inverse","components.button.stories.types.ghost":"Ghost","components.button.stories.types.outline":"Outline","components.button.stories.types.solid":"Solid","components.button.stories.types.solidSubtle":"Solid subtle","components.button.themeDescription":"The color theme of the button. Can be 'default' (mapped to 'brand'), 'brand', 'neutral', or 'neutral-inverse'.","components.button.trailingIconDescription":"Icon or element displayed after the button text.","components.button.typeDescription":"The visual style of the button. Can be 'solid', 'solid-subtle', 'outline', or 'ghost'.","components.calendar.argTypes.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.argTypes.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.argTypes.idDescription":"ID of the calendar element.","components.calendar.argTypes.langDescription":"Language for the calendar. Default is 'vi'.","components.calendar.argTypes.maxDateDescription":"Maximum selectable date. Dates after this will be disabled.","components.calendar.argTypes.minDateDescription":"Minimum selectable date. Dates before this will be disabled.","components.calendar.argTypes.navigationModeDescription":"Navigation mode for the calendar header. Default is 'month-year'.","components.calendar.argTypes.onChangeDescription":"Callback function called when the selected date changes.","components.calendar.argTypes.onClickDescription":"Click event handler for the calendar container.","components.calendar.argTypes.refDescription":"Ref for the calendar container element.","components.calendar.argTypes.renderTextDescription":"Custom render function for displaying text in the calendar.","components.calendar.argTypes.styleDescription":"Inline styles for the calendar container.","components.calendar.argTypes.typeDescription":"Selection mode. Default is 'single' (single date).","components.calendar.argTypes.valueDescription":"Selected date. A Date object for single mode, [Date, Date] for range mode.","components.calendar.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.description":`The Calendar component provides an intuitive calendar interface for date selection. It supports both single-date and date-range selection modes, customizable navigation modes, and custom text rendering for each day cell.
 ### Features
 - Single date or date range selection

package/dist-storybook/assets/formatter-EIJCOSYU-DZLV30KU.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{e as i,_ as m,r as t}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./iframe-Crg_lbde.js";import"./index-CdnALcTP.js";var o=m(t(),1),s=(0,o.default)(2)(async(e,r)=>e===!1?r:i(r));export{s as formatter};

package/dist-storybook/assets/icon-Cc9W858e.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as l,j as t}from"./iframe-Crg_lbde.js";import{g as w}from"./colors-_6nFGM3e.js";import{c as C,g as k}from"./classname-Bl5epEs-.js";const c=e=>l.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{opacity:.4,d:"M9 17C4.5889 17 1 13.4111 1 9C1 4.5889 4.5889 1 9 1C13.4111 1 17 4.5889 17 9C17 13.4111 13.4111 17 9 17ZM9 2.5C5.416 2.5 2.5 5.416 2.5 9C2.5 12.584 5.416 15.5 9 15.5C12.584 15.5 15.5 12.584 15.5 9C15.5 5.416 12.584 2.5 9 2.5Z",fill:"currentColor"}),l.createElement("path",{d:"M16.25 9.75C15.8359 9.75 15.5 9.4141 15.5 9C15.5 5.416 12.584 2.5 9 2.5C8.5859 2.5 8.25 2.1641 8.25 1.75C8.25 1.3359 8.5859 1 9 1C13.4111 1 17 4.5889 17 9C17 9.4141 16.6641 9.75 16.25 9.75Z",fill:"currentColor"})),f=e=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M21.7482 2.25105C22.0829 2.58579 22.0829 3.1285 21.7482 3.46323L3.46323 21.7482C3.1285 22.0829 2.58579 22.0829 2.25105 21.7482C1.91632 21.4134 1.91632 20.8707 2.25105 20.536L20.536 2.25105C20.8707 1.91632 21.4134 1.91632 21.7482 2.25105Z",fill:"currentColor"}),l.createElement("path",{d:"M13.52 2.25105C13.8547 2.58579 13.8547 3.1285 13.52 3.46323L3.46323 13.52C3.1285 13.8547 2.58579 13.8547 2.25105 13.52C1.91632 13.1852 1.91632 12.6425 2.25105 12.3078L12.3078 2.25105C12.6425 1.91632 13.1852 1.91632 13.52 2.25105Z",fill:"currentColor"}),l.createElement("path",{d:"M5.29091 3.46323C5.62565 3.1285 5.62565 2.58579 5.29091 2.25105C4.95618 1.91632 4.41346 1.91632 4.07873 2.25105L2.25105 4.07873C1.91632 4.41346 1.91632 4.95618 2.25105 5.29091C2.58579 5.62565 3.1285 5.62565 3.46323 5.29091L5.29091 3.46323Z",fill:"currentColor"}),l.createElement("path",{d:"M21.7482 10.4793C22.0829 10.814 22.0829 11.3567 21.7482 11.6915L11.6915 21.7482C11.3567 22.0829 10.814 22.0829 10.4793 21.7482C10.1445 21.4134 10.1445 20.8707 10.4793 20.536L20.536 10.4793C20.8707 10.1445 21.4135 10.1445 21.7482 10.4793Z",fill:"currentColor"}),l.createElement("path",{d:"M21.7474 19.9197C22.0821 19.585 22.0821 19.0422 21.7474 18.7075C21.4126 18.3728 20.8699 18.3728 20.5352 18.7075L18.7075 20.5352C18.3728 20.8699 18.3728 21.4126 18.7075 21.7474C19.0422 22.0821 19.585 22.0821 19.9197 21.7474L21.7474 19.9197Z",fill:"currentColor"})),d={"add-magic-fill":"ue971","add-magic-outline":"ue900","arrow-door-out-fill":"ue972","arrow-door-out-outline":"ue901","arrow-left-from-line-fill":"ue9da","arrow-left-from-line-outline":"ue969","arrow-right-fill":"ue973","arrow-right-from-line-fill":"ue9db","arrow-right-from-line-outline":"ue96a","arrow-right-outline":"ue902","arrow-rotate-anticlockwise-fill":"ue974","arrow-rotate-anticlockwise-outline":"ue903","arrow-rotate-clockwise-fill":"ue975","arrow-rotate-clockwise-outline":"ue904","arrow-trend-down-fill":"ue9d9","arrow-trend-down-outline":"ue968","arrow-trend-up-fill":"ue9d8","arrow-trend-up-outline":"ue967","arrows-expand-fill":"ue976","arrows-expand-outline":"ue905","atm-machine-fill":"ue977","atm-machine-outline":"ue906","badge-check-fill":"ue978","badge-check-outline":"ue907","ballot-circle-fill":"ue979","ballot-circle-outline":"ue908","battery-alert-fill":"ue97a","battery-alert-outline":"ue909","battery-charging-fill":"ue97b","battery-charging-outline":"ue90a","bell-fill":"ue97c","bell-outline":"ue90b","bell-slash-fill":"ue97d","bell-slash-outline":"ue90c","bolt-fill":"ue97e","bolt-outline":"ue90d","bolt-slash-fill":"ue97f","bolt-slash-outline":"ue90e","book-open-fill":"ue980","book-open-outline":"ue90f","bookmark-fill":"ue9f3","bookmark-outline":"ue9f1","bug-slash-fill":"ue981","bug-slash-outline":"ue910","calendar-fill":"ue982","calendar-outline":"ue911","camera-fill":"ue983","camera-outline":"ue912","car-electric-fill":"ue984","car-electric-outline":"ue913","car-side-fill":"ue985","car-side-outline":"ue914","charging-station-fill":"ue986","charging-station-outline":"ue915","chart-column-trend-up-fill":"ue9e0","chart-column-trend-up-outline":"ue96f","chart-donut-fill":"ue9df","chart-donut-outline":"ue96e","check-double-fill":"ue987","check-double-outline":"ue916","check-fill":"ue988","check-outline":"ue917","chevron-down-fill":"ue989","chevron-down-outline":"ue918","chevron-left-fill":"ue98a","chevron-left-outline":"ue919","chevron-right-fill":"ue98b","chevron-right-outline":"ue91a","chevron-up-fill":"ue98c","chevron-up-outline":"ue91b","circle-check-fill":"ue98d","circle-check-outline":"ue91c","circle-info-fill":"ue98e","circle-info-outline":"ue91d","circle-question-fill":"ue98f","circle-question-outline":"ue91e","circle-xmark-fill":"ue990","circle-xmark-outline":"ue91f","clipboard-list-fill":"ue991","clipboard-list-outline":"ue920","clock-fill":"ue992","clock-outline":"ue921","clone-fill":"ue993","clone-outline":"ue922","credit-card-fill":"ue994","credit-card-outline":"ue923","credit-card-plus-fill":"ue995","credit-card-plus-outline":"ue924","crown-fill":"ue996","crown-outline":"ue925","discount-code-fill":"ue997","discount-code-outline":"ue926","dots-fill":"ue998","dots-outline":"ue927","double-chevron-left-fill":"ue999","double-chevron-left-outline":"ue928","double-chevron-right-fill":"ue99a","double-chevron-right-outline":"ue929","download-fill":"ue99b","download-outline":"ue92a","envelope-fill":"ue99c","envelope-outline":"ue92b","eye-fill":"ue99d","eye-outline":"ue92c","eye-slash-fill":"ue99e","eye-slash-outline":"ue92d","facial-recognition-fill":"ue99f","facial-recognition-outline":"ue92e","file-content-fill":"ue9a0","file-content-outline":"ue92f","filter-fill":"ue9a1","filter-outline":"ue930","fingerprint-fill":"ue9a2","fingerprint-outline":"ue931","flag-fill":"ue9de","flag-outline":"ue96d","folder-fill":"ue9dc","folder-open-fill":"ue9dd","folder-open-outline":"ue96c","folder-outline":"ue96b","gear-fill":"ue9a3","gear-outline":"ue932","gift-fill":"ue9a4","gift-outline":"ue933","graduation-cap-fill":"ue9ef","graduation-cap-outline":"ue9ee","grid-fill":"ue9a5","grid-outline":"ue934","grid-plus-fill":"ue9a6","grid-plus-outline":"ue935","hashtag-fill":"ue9f2","hashtag-outline":"ue9f0","headset-fill":"ue9a7","headset-outline":"ue936","heart-fill":"ue9a8","heart-outline":"ue937","history-fill":"ue9a9","history-outline":"ue938","house-fill":"ue9aa","house-outline":"ue939","image-fill":"ue9e1","image-outline":"ue970","input-password-fill":"ue9ab","input-password-outline":"ue93a","language-fill":"ue9ac","language-outline":"ue93b","lightbulb-fill":"ue9ad","lightbulb-outline":"ue93c","link-fill":"ue9ae","link-outline":"ue93d","link-slash-fill":"ue9af","link-slash-outline":"ue93e","loader-fill":"ue9b0","loader-outline":"ue93f","lock-fill":"ue9b1","lock-outline":"ue940","magnifier-fill":"ue9b2","magnifier-outline":"ue941","media-next-fill":"ue9b3","media-next-outline":"ue942","media-pause-fill":"ue9b4","media-pause-outline":"ue943","media-play-fill":"ue9b5","media-play-outline":"ue944","media-previous-fill":"ue9b6","media-previous-outline":"ue945","media-stop-fill":"ue9eb","media-stop-outline":"ue9e6","menu-fill":"ue9ec","menu-outline":"ue9ed","message-content-fill":"ue9ea","message-content-outline":"ue9e4","microphone-fill":"ue9b7","microphone-outline":"ue946","minus-fill":"ue9b8","minus-outline":"ue947","money-bill-coin-fill":"ue9b9","money-bill-coin-outline":"ue948","msg-fill":"ue9ba","msg-outline":"ue949","newspaper-fill":"ue9bb","newspaper-outline":"ue94a","nodes-fill":"ue9d7","nodes-outline":"ue966","office-fill":"ue9bc","office-outline":"ue94b","paper-plane-fill":"ue9bd","paper-plane-outline":"ue94c","pen-fill":"ue9be","pen-outline":"ue94d","phone-fill":"ue9bf","phone-outline":"ue94e","pin-fill":"ue9c0","pin-outline":"ue94f","pin-tack-fill":"ue9c1","pin-tack-outline":"ue950","plane-fill":"ue9c2","plane-outline":"ue951","plus-fill":"ue9c3","plus-outline":"ue952","qrcode-fill":"ue9c4","qrcode-outline":"ue953","receipt-fill":"ue9c5","receipt-outline":"ue954","scan-fill":"ue9c6","scan-outline":"ue955","scooter-front-fill":"ue9c7","scooter-front-outline":"ue956","share-right-fill":"ue9c8","share-right-outline":"ue957","shield-check-fill":"ue9c9","shield-check-outline":"ue958","stack-x-plus-fill":"ue9ca","stack-x-plus-outline":"ue959","star-fill":"ue9cb","star-outline":"ue95a","text-prompt-fill":"ue9e7","text-prompt-outline":"ue9e2","text-size-fill":"ue9e8","text-size-outline":"ue9e3","thumbs-down-fill":"ue9cc","thumbs-down-outline":"ue95b","thumbs-up-fill":"ue9cd","thumbs-up-outline":"ue95c","trash-fill":"ue9ce","trash-outline":"ue95d","triangle-warning-fill":"ue9cf","triangle-warning-outline":"ue95e","user-bubble-check-fill":"ue9d0","user-bubble-check-outline":"ue95f","user-fill":"ue9d1","user-outline":"ue960","user-shield-fill":"ue9d2","user-shield-outline":"ue961","user-xmark-fill":"ue9d3","user-xmark-outline":"ue962","users-plus-fill":"ue9d4","users-plus-outline":"ue963","wallet-fill":"ue9d5","wallet-outline":"ue964","waveform-lines-fill":"ue9e9","waveform-lines-outline":"ue9e5","xmark-fill":"ue9d6","xmark-outline":"ue965","placeholder-fill":"ue984","placeholder-outline":"ue91f"},x={"loader-fill":c,"loader-outline":c,"placeholder-fill":f,"placeholder-outline":f},s=k("icon"),I=Object.keys(d).map(e=>e.endsWith("-fill")?e.slice(0,-5):e.endsWith("-outline")?e.slice(0,-8):e),h=({size:e,color:o,className:p,style:m,animation:r,...u})=>{const n=b=>t.jsx("span",{className:C(s,{[`${s}--${r}`]:r},p),style:{width:e,height:e,fontSize:e,color:w(o),...m},children:b});if("children"in u)return n(u.children);const a=x[`${u.name}-${u.type||"outline"}`];if(a)return n(t.jsx(a,{}));const i=d[`${u.name}-${u.type||"outline"}`];if(!i)return;const g=parseInt(i.startsWith("u")?i.slice(1):i,16);return n(String.fromCodePoint(g))},v=e=>{if(!e)return null;if(typeof e=="function"){const o=e;return t.jsx(o,{})}return l.isValidElement(e)||typeof e!="object"?e:t.jsx(h,{...e})};h.__docgenInfo={description:"",methods:[],displayName:"Icon"};v.__docgenInfo={description:"",methods:[],displayName:"renderIcon"};export{h as I,I as i,v as r};

package/dist-storybook/assets/icon-list-grid-CSnpdoAW.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as i,j as e}from"./iframe-Crg_lbde.js";import{I as p,i as m}from"./icon-Cc9W858e.js";import{S as x}from"./search-field-zl4ROLfn.js";import{B as c}from"./button-BLW8SOpg.js";const u=[...m].sort((s,o)=>s.localeCompare(o));function f(){const[s,o]=i.useState(""),[r,n]=i.useState("fill"),l=i.useMemo(()=>[...new Set(u)],[]),a=i.useMemo(()=>{const t=s.trim().toLowerCase();return t?l.filter(d=>d.toLowerCase().includes(t)):l},[s,l]);return e.jsxs("div",{style:{marginTop:"16px"},children:[e.jsxs("div",{style:{marginBottom:"16px",display:"flex",gap:16},children:[e.jsx(x,{placeholder:"Tìm icon theo tên...",value:s,onChange:t=>o(t)}),e.jsx(c,{size:"large",theme:"neutral",type:r==="fill"?"solid":"solid-subtle",onClick:()=>n("fill"),children:"Fill"}),e.jsx(c,{size:"large",theme:"neutral",type:r==="outline"?"solid":"solid-subtle",onClick:()=>n("outline"),children:"Outline"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(100px, 1fr))",gap:"16px"},children:a.map(t=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px",padding:"12px",border:"1px solid #eee",borderRadius:"8px",background:"#fafafa"},children:[e.jsx(p,{name:t,size:28,type:r}),e.jsx("code",{style:{fontSize:"11px",wordBreak:"break-all",textAlign:"center",color:"#555"},children:t})]},t))}),a.length===0&&e.jsxs("p",{style:{color:"#666",marginTop:"12px"},children:['Không có icon nào trùng với "',s,'".']})]})}f.__docgenInfo={description:"",methods:[],displayName:"IconListGrid"};export{f as I};

package/dist-storybook/assets/{icon.stories-qg8UAHBM.js → icon.stories-DE484rTd.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{T as y,S as g,M as d,P as f,a as h}from"./blocks-D4qvS4eZ.js";import{i as u,I as o}from"./icon-CgGksgRS.js";import{t as s}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./colors-_6nFGM3e.js";const v=()=>{const x=`
+import{j as e}from"./iframe-Crg_lbde.js";import{T as y,S as g,a as d,P as f,b as h}from"./blocks-CB7UwFa4.js";import{i as u,I as o}from"./icon-Cc9W858e.js";import{t as s}from"./store-BwIebEt6.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";import"./colors-_6nFGM3e.js";import"./classname-Bl5epEs-.js";const v=()=>{const x=`
 ## ${s("common.table.title")}
 | ${s("common.table.name")} | ${s("common.table.type")} | ${s("common.table.required")} | ${s("common.table.description")} |
@@ -12,7 +12,7 @@ import{j as e}from"./iframe-C0PGuV5s.js";import{T as y,S as g,M as d,P as f,a as
 | \`className\` | \`string\` | ${s("common.table.no")} | ${s("components.icon.classNameDescription")} |
 | \`style\` | \`React.CSSProperties\` | ${s("common.table.no")} | ${s("components.icon.styleDescription")} |
 | \`...props\` | \`Omit<ComponentProps<'svg'>, 'name' | 'type' | 'children'>\` | ${s("common.table.no")} | ${s("components.icon.propsDescription")} |
-  `;return e.jsxs(e.Fragment,{children:[e.jsx(y,{}),e.jsx(g,{}),e.jsx(d,{children:s("components.icon.description")}),e.jsx(f,{}),e.jsx(d,{children:x}),e.jsx(h,{})]})},C={title:"Components/Icon",component:o,parameters:{layout:"padded",docs:{page:v}},tags:["autodocs"],argTypes:{name:{control:"select",description:s("components.icon.argTypes.nameDescription"),table:{type:{summary:"IIconName"}},options:u},type:{control:"select",options:["outline","fill"],description:s("components.icon.argTypes.typeDescription"),table:{type:{summary:'"outline" | "fill"'},defaultValue:{summary:"outline"}}},size:{control:{type:"number",min:8,max:128,step:4},description:s("components.icon.argTypes.sizeDescription"),table:{type:{summary:"number | string"}}},color:{control:"text",description:s("components.icon.argTypes.colorDescription"),table:{type:{summary:"IColor"}}},animation:{control:"select",options:["spin","ping","pulse","bounce"],description:s("components.icon.argTypes.animationDescription"),table:{type:{summary:"IIconAnimation"}}},children:{control:!1,description:s("components.icon.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:s("components.icon.argTypes.classNameDescription"),table:{type:{summary:"string"}}},style:{control:"object",description:s("components.icon.argTypes.styleDescription"),table:{type:{summary:"React.CSSProperties"}}}}},n={storyName:s("components.icon.stories.default.storyName"),args:{name:"placeholder"}},i={storyName:s("components.icon.stories.iconTypes.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",type:"outline",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.iconTypes.outline")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",type:"fill",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.iconTypes.fill")})]})]})},t={storyName:s("components.icon.stories.sizes.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:16}),e.jsx("span",{style:{fontSize:"12px"},children:"16px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:24}),e.jsx("span",{style:{fontSize:"12px"},children:"24px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:"32px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:48}),e.jsx("span",{style:{fontSize:"12px"},children:"48px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:"2rem"}),e.jsx("span",{style:{fontSize:"12px"},children:"2rem"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:"3em"}),e.jsx("span",{style:{fontSize:"12px"},children:"3em"})]})]})},l={storyName:s("components.icon.stories.colors.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:s("components.icon.stories.colors.themeColors")}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-object-primary"}),e.jsx("span",{style:{fontSize:"12px"},children:"Primary"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-support-positive"}),e.jsx("span",{style:{fontSize:"12px"},children:"Positive"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-support-negative"}),e.jsx("span",{style:{fontSize:"12px"},children:"Negative"})]})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:s("components.icon.stories.colors.cssColors")}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"#FF0000"}),e.jsx("span",{style:{fontSize:"12px"},children:"#FF0000"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"rgb(0, 102, 204)"}),e.jsx("span",{style:{fontSize:"12px"},children:"rgb(0, 102, 204)"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"#00AA00"}),e.jsx("span",{style:{fontSize:"12px"},children:"#00AA00"})]})]})]})]})},a={storyName:s("components.icon.stories.animations.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"loader",animation:"spin",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.spin")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"ping",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.ping")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"pulse",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.pulse")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"bounce",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.bounce")})]})]})},r={storyName:s("components.icon.stories.customSVGIcon.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("path",{d:"M12 2L2 7v10l10 5 10-5V7l-10-5z"})})}),e.jsx(o,{size:32,color:"#4a90e2",children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),e.jsx(o,{size:48,color:"alias-object-primary",children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})})})]})},c={storyName:s("components.icon.stories.withSVGProps.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,title:"Information",titleId:"info-title",desc:"This is an information icon"}),e.jsx(o,{name:"placeholder",type:"fill",size:32,color:"alias-object-primary",title:"Custom Icon"})]})},p={storyName:s("components.icon.stories.completeExample.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Common Icons"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:24}),e.jsx(o,{name:"placeholder",type:"fill",size:24,color:"alias-object-primary"}),e.jsx(o,{name:"placeholder",size:24,color:"alias-support-positive"}),e.jsx(o,{name:"placeholder",size:24,color:"alias-support-negative"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Animated Icons"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"loader",animation:"spin",size:32,color:"alias-object-primary"}),e.jsx(o,{name:"placeholder",animation:"ping",size:32,color:"alias-support-positive"}),e.jsx(o,{name:"placeholder",animation:"pulse",size:32,color:"alias-support-negative"})]})]})]})},m={storyName:s("components.icon.stories.interactive.storyName"),args:{name:"placeholder",type:"outline",size:24}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  `;return e.jsxs(e.Fragment,{children:[e.jsx(y,{}),e.jsx(g,{}),e.jsx(d,{children:s("components.icon.description")}),e.jsx(f,{}),e.jsx(d,{children:x}),e.jsx(h,{})]})},$={title:"Components/Icon",component:o,parameters:{layout:"padded",docs:{page:v}},tags:["autodocs"],argTypes:{name:{control:"select",description:s("components.icon.argTypes.nameDescription"),table:{type:{summary:"IIconName"}},options:u},type:{control:"select",options:["outline","fill"],description:s("components.icon.argTypes.typeDescription"),table:{type:{summary:'"outline" | "fill"'},defaultValue:{summary:"outline"}}},size:{control:{type:"number",min:8,max:128,step:4},description:s("components.icon.argTypes.sizeDescription"),table:{type:{summary:"number | string"}}},color:{control:"text",description:s("components.icon.argTypes.colorDescription"),table:{type:{summary:"IColor"}}},animation:{control:"select",options:["spin","ping","pulse","bounce"],description:s("components.icon.argTypes.animationDescription"),table:{type:{summary:"IIconAnimation"}}},children:{control:!1,description:s("components.icon.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:s("components.icon.argTypes.classNameDescription"),table:{type:{summary:"string"}}},style:{control:"object",description:s("components.icon.argTypes.styleDescription"),table:{type:{summary:"React.CSSProperties"}}}}},n={storyName:s("components.icon.stories.default.storyName"),args:{name:"placeholder"}},i={storyName:s("components.icon.stories.iconTypes.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",type:"outline",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.iconTypes.outline")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",type:"fill",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.iconTypes.fill")})]})]})},t={storyName:s("components.icon.stories.sizes.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:16}),e.jsx("span",{style:{fontSize:"12px"},children:"16px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:24}),e.jsx("span",{style:{fontSize:"12px"},children:"24px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:"32px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:48}),e.jsx("span",{style:{fontSize:"12px"},children:"48px"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:"2rem"}),e.jsx("span",{style:{fontSize:"12px"},children:"2rem"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:"3em"}),e.jsx("span",{style:{fontSize:"12px"},children:"3em"})]})]})},l={storyName:s("components.icon.stories.colors.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:s("components.icon.stories.colors.themeColors")}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-object-primary"}),e.jsx("span",{style:{fontSize:"12px"},children:"Primary"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-support-positive"}),e.jsx("span",{style:{fontSize:"12px"},children:"Positive"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"alias-support-negative"}),e.jsx("span",{style:{fontSize:"12px"},children:"Negative"})]})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:s("components.icon.stories.colors.cssColors")}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"#FF0000"}),e.jsx("span",{style:{fontSize:"12px"},children:"#FF0000"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"rgb(0, 102, 204)"}),e.jsx("span",{style:{fontSize:"12px"},children:"rgb(0, 102, 204)"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,color:"#00AA00"}),e.jsx("span",{style:{fontSize:"12px"},children:"#00AA00"})]})]})]})]})},a={storyName:s("components.icon.stories.animations.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"loader",animation:"spin",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.spin")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"ping",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.ping")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"pulse",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.pulse")})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",animation:"bounce",size:32}),e.jsx("span",{style:{fontSize:"12px"},children:s("components.icon.stories.animations.bounce")})]})]})},r={storyName:s("components.icon.stories.customSVGIcon.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("path",{d:"M12 2L2 7v10l10 5 10-5V7l-10-5z"})})}),e.jsx(o,{size:32,color:"#4a90e2",children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),e.jsx(o,{size:48,color:"alias-object-primary",children:e.jsx("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",children:e.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})})})]})},c={storyName:s("components.icon.stories.withSVGProps.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:32,title:"Information",titleId:"info-title",desc:"This is an information icon"}),e.jsx(o,{name:"placeholder",type:"fill",size:32,color:"alias-object-primary",title:"Custom Icon"})]})},p={storyName:s("components.icon.stories.completeExample.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Common Icons"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"placeholder",size:24}),e.jsx(o,{name:"placeholder",type:"fill",size:24,color:"alias-object-primary"}),e.jsx(o,{name:"placeholder",size:24,color:"alias-support-positive"}),e.jsx(o,{name:"placeholder",size:24,color:"alias-support-negative"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Animated Icons"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(o,{name:"loader",animation:"spin",size:32,color:"alias-object-primary"}),e.jsx(o,{name:"placeholder",animation:"ping",size:32,color:"alias-support-positive"}),e.jsx(o,{name:"placeholder",animation:"pulse",size:32,color:"alias-support-negative"})]})]})]})},m={storyName:s("components.icon.stories.interactive.storyName"),args:{name:"placeholder",type:"outline",size:24}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
   storyName: t('components.icon.stories.default.storyName'),
   args: {
     name: 'placeholder'
@@ -362,4 +362,4 @@ import{j as e}from"./iframe-C0PGuV5s.js";import{T as y,S as g,M as d,P as f,a as
     type: 'outline',
     size: 24
   }
-}`,...m.parameters?.docs?.source}}};const $=["Default","IconTypes","Sizes","Colors","Animations","CustomSVGIcon","WithSVGProps","CompleteExample","Interactive"];export{a as Animations,l as Colors,p as CompleteExample,r as CustomSVGIcon,n as Default,i as IconTypes,m as Interactive,t as Sizes,c as WithSVGProps,$ as __namedExportsOrder,C as default};
+}`,...m.parameters?.docs?.source}}};const T=["Default","IconTypes","Sizes","Colors","Animations","CustomSVGIcon","WithSVGProps","CompleteExample","Interactive"];export{a as Animations,l as Colors,p as CompleteExample,r as CustomSVGIcon,n as Default,i as IconTypes,m as Interactive,t as Sizes,c as WithSVGProps,T as __namedExportsOrder,$ as default};

package/dist-storybook/assets/iframe-BBKyXin_.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--vt-duration: 0s;--vt-timing: ease-in-out;--vt-new-name: vt-slide-in-forward;--vt-old-name: vt-slide-out-forward;--vt-new-index: 1;--vt-old-index: 0}.vsf-page-container{position:relative;left:0;top:0;right:0;min-height:100%;z-index:999;display:flex;flex-direction:column}.vsf-page-detail{min-height:100%;background-color:var(--color-background-app, #f5f5f5);transform:translateY(0)}.vsf-app .vsf-page-container{bottom:0}.vsf-app .vsf-page-detail{position:absolute!important;inset:0;z-index:0}.vsf-app .view-transition-new{z-index:var(--vt-new-index)}.vsf-app .view-transition-old{z-index:var(--vt-old-index)}.view-transition-new{animation:var(--vt-new-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-new-index)}::view-transition-new(root){animation:var(--vt-new-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-new-index)}.view-transition-old{animation:var(--vt-old-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-old-index)}::view-transition-old(root){animation:var(--vt-old-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-old-index)}@keyframes vt-slide_left-in-forward{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes vt-slide_left-out-forward{to{transform:translate(-20%)}}@keyframes vt-slide_left-in-back{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes vt-slide_left-out-back{to{transform:translate(100%)}}@keyframes vt-slide_up-in-forward{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes vt-slide_up-out-forward{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes vt-slide_up-in-back{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes vt-slide_up-out-back{0%{transform:translate(0)}to{transform:translateY(100%)}}@keyframes vt-fade_in-in-forward{0%{opacity:0}to{opacity:1}}@keyframes vt-fade_in-out-forward{0%{opacity:1}to{opacity:0}}@keyframes vt-fade_in-in-back{0%{opacity:0}to{opacity:1}}@keyframes vt-fade_in-out-back{0%{opacity:1}to{opacity:0}}:root{--0_125rem: 2px;--0_25rem: 4px;--0_375rem: 6px;--0_5rem: 8px;--0_625rem: 10px;--0_75rem: 12px;--0_875rem: 14px;--1rem: 16px;--1_125rem: 18px;--1_25rem: 20px;--1_5rem: 24px;--1_75rem: 28px;--1_875rem: 30px;--2rem: 32px;--2_25rem: 36px;--2_5rem: 40px;--2_75rem: 44px;--3rem: 48px;--3_5rem: 56px;--3_75rem: 60px;--4rem: 64px;--4_5rem: 72px;--5rem: 80px;--6rem: 96px;--7rem: 112px;--8rem: 128px;--9rem: 144px;--10rem: 160px;--11rem: 176px;--12rem: 192px;--13rem: 208px;--14rem: 224px;--15rem: 240px;--16rem: 256px;--18rem: 288px;--20rem: 320px;--24rem: 384px}:root{--color-global-basic-white: #ffffffff;--color-global-basic-white-0: #ffffff00;--color-global-basic-white-5: #ffffff0d;--color-global-basic-white-15: #ffffff26;--color-global-basic-white-25: #ffffff40;--color-global-basic-white-30: #ffffff4d;--color-global-basic-white-50: #ffffff80;--color-global-basic-white-80: #ffffffcc;--color-global-basic-black: #000000ff;--color-global-basic-black-5: #0000000d;--color-global-basic-black-20: #00000033;--color-global-red-red-05: #fef2f2ff;--color-global-red-red-10: #fee2e2ff;--color-global-red-red-20: #fecacaff;--color-global-red-red-30: #fca5a5ff;--color-global-red-red-40: #f87171ff;--color-global-red-red-50: #ef4444ff;--color-global-red-red-50-15: #ef444426;--color-global-red-red-50-25: #ef444440;--color-global-red-red-60: #dc2626ff;--color-global-red-red-60-15: #dc262626;--color-global-red-red-60-25: #dc262640;--color-global-red-red-70: #b91c1cff;--color-global-red-red-80: #991b1bff;--color-global-red-red-90: #7f1d1dff;--color-global-red-red-95: #450a0aff;--color-global-orange-orange-05: #fff7edff;--color-global-orange-orange-10: #ffedd5ff;--color-global-orange-orange-20: #fed7aaff;--color-global-orange-orange-30: #fdba74ff;--color-global-orange-orange-40: #fb923cff;--color-global-orange-orange-50: #f97316ff;--color-global-orange-orange-60: #ea580cff;--color-global-orange-orange-70: #c2410cff;--color-global-orange-orange-80: #9a3412ff;--color-global-orange-orange-90: #7c2d12ff;--color-global-orange-orange-95: #431407ff;--color-global-dynamic-red-dynamic-red-05: #fef2f4ff;--color-global-dynamic-red-dynamic-red-10: #fde2e7ff;--color-global-dynamic-red-dynamic-red-20: #fbcad3ff;--color-global-dynamic-red-dynamic-red-30: #f8a5b4ff;--color-global-dynamic-red-dynamic-red-40: #f37289ff;--color-global-dynamic-red-dynamic-red-50: #ef405eff;--color-global-dynamic-red-dynamic-red-60: #ea0029ff;--color-global-dynamic-red-dynamic-red-70: #bf0021ff;--color-global-dynamic-red-dynamic-red-80: #a1001cff;--color-global-dynamic-red-dynamic-red-90: #8a0018ff;--color-global-dynamic-red-dynamic-red-95: #4a000dff;--color-global-amber-amber-05: #fffbebff;--color-global-amber-amber-10: #fef3c7ff;--color-global-amber-amber-20: #fde68aff;--color-global-amber-amber-30: #fcd34dff;--color-global-amber-amber-40: #fbbf24ff;--color-global-amber-amber-50: #f59e0bff;--color-global-amber-amber-60: #d97706ff;--color-global-amber-amber-70: #b45309ff;--color-global-amber-amber-80: #92400eff;--color-global-amber-amber-90: #78350fff;--color-global-amber-amber-95: #451a03ff;--color-global-yellow-yellow-05: #fefce8ff;--color-global-yellow-yellow-10: #fef9c3ff;--color-global-yellow-yellow-20: #fef08aff;--color-global-yellow-yellow-30: #fde047ff;--color-global-yellow-yellow-40: #facc15ff;--color-global-yellow-yellow-40-15: #facc1526;--color-global-yellow-yellow-40-25: #facc1540;--color-global-yellow-yellow-50: #eab308ff;--color-global-yellow-yellow-60: #ca8a04ff;--color-global-yellow-yellow-70: #a16207ff;--color-global-yellow-yellow-80: #854d0eff;--color-global-yellow-yellow-90: #713f12ff;--color-global-yellow-yellow-95: #422006ff;--color-global-lime-lime-05: #f7fee7ff;--color-global-lime-lime-10: #ecfccbff;--color-global-lime-lime-20: #d9f99dff;--color-global-lime-lime-30: #bef264ff;--color-global-lime-lime-40: #a3e635ff;--color-global-lime-lime-50: #84cc16ff;--color-global-lime-lime-60: #65a30dff;--color-global-lime-lime-70: #4d7c0fff;--color-global-lime-lime-80: #3f6212ff;--color-global-lime-lime-90: #365314ff;--color-global-lime-lime-95: #1a2e05ff;--color-global-green-green-05: #f0fdf4ff;--color-global-green-green-10: #dcfce7ff;--color-global-green-green-20: #bbf7d0ff;--color-global-green-green-30: #86efacff;--color-global-green-green-40: #4ade80ff;--color-global-green-green-50: #22c55eff;--color-global-green-green-60: #16a34aff;--color-global-green-green-70: #15803dff;--color-global-green-green-80: #166534ff;--color-global-green-green-90: #14532dff;--color-global-green-green-95: #052e16ff;--color-global-emerald-emerald-05: #ecfdf5ff;--color-global-emerald-emerald-10: #d1fae5ff;--color-global-emerald-emerald-20: #a7f3d0ff;--color-global-emerald-emerald-30: #6ee7b7ff;--color-global-emerald-emerald-40: #34d399ff;--color-global-emerald-emerald-50: #10b981ff;--color-global-emerald-emerald-60: #059669ff;--color-global-emerald-emerald-70: #047857ff;--color-global-emerald-emerald-80: #065f46ff;--color-global-emerald-emerald-90: #064e3bff;--color-global-emerald-emerald-95: #022c22ff;--color-global-teal-teal-05: #f0fdfaff;--color-global-teal-teal-10: #ccfbf1ff;--color-global-teal-teal-20: #99f6e4ff;--color-global-teal-teal-30: #5eead4ff;--color-global-teal-teal-40: #2dd4bfff;--color-global-teal-teal-50: #14b8a6ff;--color-global-teal-teal-60: #0d9488ff;--color-global-teal-teal-70: #0f766eff;--color-global-teal-teal-80: #115e59ff;--color-global-teal-teal-90: #134e4aff;--color-global-teal-teal-95: #042f2eff;--color-global-cyan-cyan-05: #ecfeffff;--color-global-cyan-cyan-10: #cffafeff;--color-global-cyan-cyan-20: #a5f3fcff;--color-global-cyan-cyan-30: #67e8f9ff;--color-global-cyan-cyan-40: #22d3eeff;--color-global-cyan-cyan-50: #06b6d4ff;--color-global-cyan-cyan-60: #0891b2ff;--color-global-cyan-cyan-70: #0e7490ff;--color-global-cyan-cyan-80: #155e75ff;--color-global-cyan-cyan-90: #164e63ff;--color-global-cyan-cyan-95: #083344ff;--color-global-sky-sky-05: #f0f9ffff;--color-global-sky-sky-10: #e0f2feff;--color-global-sky-sky-20: #bae6fdff;--color-global-sky-sky-30: #7dd3fcff;--color-global-sky-sky-40: #38bdf8ff;--color-global-sky-sky-50: #0ea5e9ff;--color-global-sky-sky-60: #0284c7ff;--color-global-sky-sky-70: #0369a1ff;--color-global-sky-sky-80: #075985ff;--color-global-sky-sky-90: #0c4a6eff;--color-global-sky-sky-95: #082f49ff;--color-global-blue-blue-05: #eff6ffff;--color-global-blue-blue-10: #dbeafeff;--color-global-blue-blue-20: #bfdbfeff;--color-global-blue-blue-30: #93c5fdff;--color-global-blue-blue-40: #60a5faff;--color-global-blue-blue-40-15: #60a5fa26;--color-global-blue-blue-40-25: #60a5fa40;--color-global-blue-blue-50: #3b82f6ff;--color-global-blue-blue-60: #2563ebff;--color-global-blue-blue-60-15: #2563eb26;--color-global-blue-blue-60-25: #2563eb40;--color-global-blue-blue-70: #1d4ed8ff;--color-global-blue-blue-80: #1e40afff;--color-global-blue-blue-90: #1e3a8aff;--color-global-blue-blue-95: #172554ff;--color-global-indigo-indigo-05: #eef2ffff;--color-global-indigo-indigo-10: #e0e7ffff;--color-global-indigo-indigo-20: #c7d2feff;--color-global-indigo-indigo-30: #a5b4fcff;--color-global-indigo-indigo-40: #818cf8ff;--color-global-indigo-indigo-50: #6366f1ff;--color-global-indigo-indigo-60: #4f46e5ff;--color-global-indigo-indigo-70: #4338caff;--color-global-indigo-indigo-80: #3730a3ff;--color-global-indigo-indigo-90: #312e81ff;--color-global-indigo-indigo-95: #1e1b4bff;--color-global-violet-violet-05: #f5f3ffff;--color-global-violet-violet-10: #ede9feff;--color-global-violet-violet-20: #ddd6feff;--color-global-violet-violet-30: #c4b5fdff;--color-global-violet-violet-40: #a78bfaff;--color-global-violet-violet-50: #8b5cf6ff;--color-global-violet-violet-60: #7c3aedff;--color-global-violet-violet-70: #6d28d9ff;--color-global-violet-violet-80: #5b21b6ff;--color-global-violet-violet-90: #4c1d95ff;--color-global-violet-violet-95: #2e1065ff;--color-global-purple-purple-05: #faf5ffff;--color-global-purple-purple-10: #f3e8ffff;--color-global-purple-purple-20: #e9d5ffff;--color-global-purple-purple-30: #d8b4feff;--color-global-purple-purple-40: #c084fcff;--color-global-purple-purple-50: #a855f7ff;--color-global-purple-purple-60: #9333eaff;--color-global-purple-purple-70: #7e22ceff;--color-global-purple-purple-80: #6b21a8ff;--color-global-purple-purple-90: #581c87ff;--color-global-purple-purple-95: #3b0764ff;--color-global-fuchsia-fuchsia-05: #fdf4ffff;--color-global-fuchsia-fuchsia-10: #fae8ffff;--color-global-fuchsia-fuchsia-20: #f5d0feff;--color-global-fuchsia-fuchsia-30: #f0abfcff;--color-global-fuchsia-fuchsia-40: #e879f9ff;--color-global-fuchsia-fuchsia-50: #d946efff;--color-global-fuchsia-fuchsia-60: #c026d3ff;--color-global-fuchsia-fuchsia-70: #a21cafff;--color-global-fuchsia-fuchsia-80: #86198fff;--color-global-fuchsia-fuchsia-90: #701a75ff;--color-global-fuchsia-fuchsia-95: #4a044eff;--color-global-pink-pink-05: #fdf2f8ff;--color-global-pink-pink-10: #fce7f3ff;--color-global-pink-pink-20: #fbcfe8ff;--color-global-pink-pink-30: #f9a8d4ff;--color-global-pink-pink-40: #f472b6ff;--color-global-pink-pink-50: #ec4899ff;--color-global-pink-pink-60: #db2777ff;--color-global-pink-pink-70: #be185dff;--color-global-pink-pink-80: #9d174dff;--color-global-pink-pink-90: #831843ff;--color-global-pink-pink-95: #500724ff;--color-global-rose-rose-05: #fff1f2ff;--color-global-rose-rose-10: #ffe4e6ff;--color-global-rose-rose-20: #fecdd3ff;--color-global-rose-rose-30: #fda4afff;--color-global-rose-rose-40: #fb7185ff;--color-global-rose-rose-50: #f43f5eff;--color-global-rose-rose-60: #e11d48ff;--color-global-rose-rose-70: #be123cff;--color-global-rose-rose-80: #9f1239ff;--color-global-rose-rose-90: #881337ff;--color-global-rose-rose-95: #4c0519ff;--color-global-slate-slate-05: #f8fafcff;--color-global-slate-slate-10: #f1f5f9ff;--color-global-slate-slate-20: #e2e8f0ff;--color-global-slate-slate-30: #cbd5e1ff;--color-global-slate-slate-40: #94a3b8ff;--color-global-slate-slate-50: #64748bff;--color-global-slate-slate-60: #475569ff;--color-global-slate-slate-70: #334155ff;--color-global-slate-slate-80: #1e293bff;--color-global-slate-slate-90: #0f172aff;--color-global-slate-slate-95: #020617ff;--color-global-gray-gray-05: #f9fafbff;--color-global-gray-gray-10: #f3f4f6ff;--color-global-gray-gray-20: #e5e7ebff;--color-global-gray-gray-30: #d1d5dbff;--color-global-gray-gray-40: #9ca3afff;--color-global-gray-gray-50: #6b7280ff;--color-global-gray-gray-60: #4b5563ff;--color-global-gray-gray-70: #374151ff;--color-global-gray-gray-80: #1f2937ff;--color-global-gray-gray-90: #111827ff;--color-global-gray-gray-95: #030712ff;--color-global-zinc-zinc-05: #fafafaff;--color-global-zinc-zinc-10: #f4f4f5ff;--color-global-zinc-zinc-20: #e4e4e7ff;--color-global-zinc-zinc-30: #d4d4d8ff;--color-global-zinc-zinc-40: #a1a1aaff;--color-global-zinc-zinc-50: #71717aff;--color-global-zinc-zinc-60: #52525bff;--color-global-zinc-zinc-70: #3f3f46ff;--color-global-zinc-zinc-80: #27272aff;--color-global-zinc-zinc-90: #18181bff;--color-global-zinc-zinc-95: #09090bff;--color-global-neutral-neutral-05: #fafafaff;--color-global-neutral-neutral-05-5: #fafafa0d;--color-global-neutral-neutral-05-50: #fafafa80;--color-global-neutral-neutral-10: #f5f5f5ff;--color-global-neutral-neutral-20: #e5e5e5ff;--color-global-neutral-neutral-20-30: #e5e5e54d;--color-global-neutral-neutral-30: #d4d4d4ff;--color-global-neutral-neutral-40: #a3a3a3ff;--color-global-neutral-neutral-50: #737373ff;--color-global-neutral-neutral-50-15: #73737326;--color-global-neutral-neutral-50-20: #73737333;--color-global-neutral-neutral-50-30: #7373734d;--color-global-neutral-neutral-50-50: #73737380;--color-global-neutral-neutral-60: #525252ff;--color-global-neutral-neutral-70: #404040ff;--color-global-neutral-neutral-80: #262626ff;--color-global-neutral-neutral-90: #171717ff;--color-global-neutral-neutral-95: #0a0a0aff;--color-global-neutral-neutral-95-0: #0a0a0a00;--color-global-neutral-neutral-95-5: #0a0a0a0d;--color-global-neutral-neutral-95-15: #0a0a0a26;--color-global-neutral-neutral-95-25: #0a0a0a40;--color-global-neutral-neutral-95-50: #0a0a0a80;--color-global-neutral-neutral-95-65: #0a0a0aa6;--color-global-stone-stone-05: #fafaf9ff;--color-global-stone-stone-10: #f5f5f4ff;--color-global-stone-stone-20: #e7e5e4ff;--color-global-stone-stone-30: #d6d3d1ff;--color-global-stone-stone-40: #a8a29eff;--color-global-stone-stone-50: #78716cff;--color-global-stone-stone-60: #57534eff;--color-global-stone-stone-70: #44403cff;--color-global-stone-stone-80: #292524ff;--color-global-stone-stone-90: #1c1917ff;--color-global-stone-stone-95: #0c0a09ff;--color-alias-custom-brand: var(--color-global-dynamic-red-dynamic-red-60);--color-alias-custom-brand-subtle: var( --color-global-dynamic-red-dynamic-red-10 );--color-alias-custom-brand-strong: var( --color-global-dynamic-red-dynamic-red-80 );--color-alias-custom-brand-disabled: var( --color-global-dynamic-red-dynamic-red-20 );--color-alias-background: var(--color-global-basic-white);--image-image: light;--color-alias-background-disabled: var(--color-global-neutral-neutral-95-15);--color-alias-background-brand: var(--color-alias-custom-brand);--color-alias-background-brand-subtle: var(--color-alias-custom-brand-subtle);--color-alias-background-brand-strong: var(--color-alias-custom-brand-strong);--color-alias-background-brand-disabled: var( --color-alias-custom-brand-disabled );--color-alias-background-inverse: var(--color-global-neutral-neutral-80);--color-alias-background-disabled-inverse: var(--color-global-basic-white-15);--color-alias-background-grid-pattern: var( --color-global-neutral-neutral-20-30 );--color-alias-layer-01: var(--color-global-neutral-neutral-10);--color-alias-layer-hover-01: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-01: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-hover-01: var(--color-global-neutral-neutral-30);--color-alias-layer-02: var(--color-global-basic-white);--color-alias-layer-hover-02: var(--color-global-neutral-neutral-10);--color-alias-layer-accent-02: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-hover-02: var(--color-global-neutral-neutral-30);--color-alias-layer-overlay: var(--color-global-neutral-neutral-95-5);--color-alias-layer-overlay-inverse: var(--color-global-neutral-neutral-05-5);--color-alias-border-subtle-00: var(--color-global-neutral-neutral-20);--color-alias-border-subtle-01: var(--color-global-neutral-neutral-30);--color-alias-border-subtle-selected-01: var( --color-global-neutral-neutral-40 );--color-alias-border-strong-01: var(--color-global-neutral-neutral-50);--color-alias-border-subtle-02: var(--color-global-neutral-neutral-20);--color-alias-border-subtle-selected-02: var(--global-neutral-neutral-30);--color-alias-border-strong-02: var(--color-global-neutral-neutral-50);--color-alias-border-inverse: var(--color-global-neutral-neutral-60);--color-alias-border-disabled: var(--color-global-neutral-neutral-95-25);--color-alias-border-disabled-inverse: var(--color-global-basic-white-25);--color-alias-border-brand: var(--color-alias-custom-brand);--color-alias-border-on-brand: var(--color-global-basic-white);--color-alias-border-overlay: var(--color-global-neutral-neutral-95-15);--color-alias-object-primary: var(--color-global-neutral-neutral-95);--color-alias-object-primary-inverse: var(--color-global-basic-white);--color-alias-object-secondary: var(--color-global-neutral-neutral-50);--color-alias-object-placeholder: var(--color-global-neutral-neutral-40);--color-alias-object-disabled: var(--color-global-neutral-neutral-95-25);--color-alias-object-disabled-inverse: var(--color-global-basic-white-25);--color-alias-object-brand: var(--color-alias-custom-brand);--color-alias-object-on-brand: var(--color-global-basic-white);--color-alias-object-on-color-dark: var(--color-global-basic-white);--color-alias-object-on-color-light: var(--color-global-neutral-neutral-95);--color-alias-object-helper: var(--color-global-neutral-neutral-50);--color-alias-object-interactive: var(--color-alias-custom-brand);--color-alias-link-primary: var(--color-global-blue-blue-50);--color-alias-link-primary-hover: var(--color-global-blue-blue-60);--color-alias-link-secondary: var(--color-global-blue-blue-60);--color-alias-link-visited: var(--color-global-purple-purple-60);--color-alias-link-inverse: var(--color-global-blue-blue-40);--color-alias-link-inverse-hover: var(--color-global-blue-blue-30);--color-alias-link-inverse-visited: var(--color-global-purple-purple-40);--color-alias-support-negative: var(--color-global-red-red-60);--color-alias-support-negative-subtle: var(--color-global-red-red-05);--color-alias-support-negative-inverse: var(--color-global-red-red-50);--color-alias-support-positive: var(--color-global-green-green-60);--color-alias-support-positive-subtle: var(--color-global-green-green-05);--color-alias-support-positive-inverse: var(--color-global-green-green-40);--color-alias-support-warning: var(--color-global-orange-orange-60);--color-alias-support-warning-subtle: var(--color-global-orange-orange-05);--color-alias-support-warning-inverse: var(--color-global-orange-orange-40);--color-alias-support-info: var(--color-global-blue-blue-70);--color-alias-support-info-subtle: var(--color-global-blue-blue-05);--color-alias-support-info-inverse: var(--color-global-blue-blue-50);--color-alias-support-highlight: var(--color-global-yellow-yellow-40);--color-alias-switch-off: var(--color-global-neutral-neutral-40);--color-alias-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-overlay-subtle: var(--color-global-neutral-neutral-95-15);--color-alias-transparent: var(--color-global-basic-white-0);--color-alias-picker-view-overlay: var(--color-global-basic-white-80);--color-alias-skeleton-element: var(--color-global-neutral-neutral-30);--color-alias-skeleton-element-inverse: var( --color-global-neutral-neutral-50 );--color-alias-skeleton-background: var(--color-global-neutral-neutral-10);--color-alias-skeleton-background-inverse: var( --color-global-neutral-neutral-70 );--color-alias-background-nav-box: var(--color-global-basic-black-5);--color-alias-background-nav-box-inverse: var(--color-global-basic-black-20)}:root[data-theme=dark]{--color-alias-custom-brand: var(--color-global-red-red-50);--color-alias-custom-brand-subtle: var(--color-global-red-red-90);--color-alias-custom-brand-strong: var(--color-global-red-red-70);--color-alias-custom-brand-disabled: var(--color-global-red-red-80);--color-alias-background: var(--color-global-neutral-neutral-80);--image-image: dark;--color-alias-background-disabled: var(--color-global-basic-white-15);--color-alias-background-brand: var(--color-alias-custom-brand);--color-alias-background-brand-subtle: var(--color-alias-custom-brand-subtle);--color-alias-background-brand-strong: var(--color-alias-custom-brand-strong);--color-alias-background-brand-disabled: var( --color-alias-custom-brand-disabled );--color-alias-background-inverse: var(--color-global-basic-white);--color-alias-background-disabled-inverse: var( --color-global-neutral-neutral-95-15 );--color-alias-background-grid-pattern: var(--color-global-neutral-neutral-80);--color-alias-layer-01: var(--color-global-neutral-neutral-90);--color-alias-layer-hover-01: var(--color-global-neutral-neutral-95);--color-alias-layer-accent-01: var(--color-global-basic-black);--color-alias-layer-accent-hover-01: var(--color-global-basic-black);--color-alias-layer-02: var(--color-global-neutral-neutral-80);--color-alias-layer-hover-02: var(--color-global-neutral-neutral-95);--color-alias-layer-accent-02: var(--color-global-basic-black);--color-alias-layer-accent-hover-02: var(--color-global-basic-black);--color-alias-layer-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-layer-overlay-inverse: var( --color-global-neutral-neutral-05-50 );--color-alias-border-subtle-00: var(--color-global-neutral-neutral-60);--color-alias-border-subtle-01: var(--color-global-neutral-neutral-50);--color-alias-border-subtle-selected-01: var( --color-global-neutral-neutral-40 );--color-alias-border-strong-01: var(--color-global-neutral-neutral-30);--color-alias-border-subtle-02: var(--global-neutral-neutral-40);--color-alias-border-subtle-selected-02: var( --color-global-neutral-neutral-30 );--color-alias-border-strong-02: var(--color-global-neutral-neutral-30);--color-alias-border-inverse: var(--color-global-neutral-neutral-20);--color-alias-border-disabled: var(--color-global-basic-white-25);--color-alias-border-disabled-inverse: var( --color-global-neutral-neutral-95-25 );--color-alias-border-brand: var(--color-alias-custom-brand);--color-alias-border-on-brand: var(--color-global-basic-white);--color-alias-border-overlay: var(--color-global-basic-white-15);--color-alias-object-primary: var(--color-global-basic-white);--color-alias-object-primary-inverse: var(--color-global-neutral-neutral-95);--color-alias-object-secondary: var(--color-global-neutral-neutral-30);--color-alias-object-placeholder: var(--color-global-neutral-neutral-50);--color-alias-object-disabled: var(--color-global-basic-white-25);--color-alias-object-disabled-inverse: var( --color-global-neutral-neutral-95-25 );--color-alias-object-brand: var(--color-alias-custom-brand);--color-alias-object-on-brand: var(--color-global-basic-white);--color-alias-object-on-color-dark: var(--color-global-basic-white);--color-alias-object-on-color-light: var(--color-global-neutral-neutral-95);--color-alias-object-helper: var(--color-global-neutral-neutral-30);--color-alias-object-interactive: var(--color-alias-custom-brand);--color-alias-link-primary: var(--color-global-blue-blue-40);--color-alias-link-primary-hover: var(--color-global-blue-blue-50);--color-alias-link-secondary: var(--color-global-blue-blue-50);--color-alias-link-visited: var(--color-global-purple-purple-40);--color-alias-link-inverse: var(--color-global-blue-blue-50);--color-alias-link-inverse-hover: var(--color-global-blue-blue-60);--color-alias-link-inverse-visited: var(--color-global-purple-purple-60);--color-alias-support-negative: var(--color-global-red-red-50);--color-alias-support-negative-subtle: var(--color-global-red-red-90);--color-alias-support-negative-inverse: var(--color-global-red-red-60);--color-alias-support-positive: var(--color-global-green-green-40);--color-alias-support-positive-subtle: var(--color-global-green-green-90);--color-alias-support-positive-inverse: var(--color-global-green-green-50);--color-alias-support-warning: var(--color-global-orange-orange-40);--color-alias-support-warning-subtle: var(--color-global-orange-orange-90);--color-alias-support-warning-inverse: var(--color-global-orange-orange-50);--color-alias-support-info: var(--color-global-blue-blue-50);--color-alias-support-info-subtle: var(--color-global-blue-blue-90);--color-alias-support-info-inverse: var(--color-global-blue-blue-70);--color-alias-support-highlight: var(--color-global-yellow-yellow-40);--color-alias-switch-off: var(--color-global-neutral-neutral-60);--color-alias-overlay: var(--color-global-neutral-neutral-95-65);--color-alias-transparent: var(--color-global-neutral-neutral-95-0);--color-alias-picker-view-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-skeleton-element: var(--color-global-neutral-neutral-50);--color-alias-skeleton-element-inverse: var( --color-global-neutral-neutral-30 );--color-alias-skeleton-background: var(--color-global-neutral-neutral-70);--color-alias-skeleton-background-inverse: var( --color-global-neutral-neutral-10 );--color-alias-background-nav-box: var(--color-global-basic-black-20);--color-alias-background-nav-box-inverse: var(--color-global-basic-black-5)}:root{--opacity-opacity-5: 5px;--opacity-opacity-10: 10px;--opacity-opacity-15: 15px;--opacity-opacity-20: 20px;--opacity-opacity-25: 25px;--opacity-opacity-30: 30px;--opacity-opacity-35: 35px;--opacity-opacity-40: 40px;--opacity-opacity-45: 46px;--opacity-opacity-50: 50px;--opacity-opacity-55: 55px;--opacity-opacity-60: 60px;--opacity-opacity-65: 65px;--opacity-opacity-70: 70px;--opacity-opacity-75: 75px;--opacity-opacity-80: 80px;--opacity-opacity-85: 85px;--opacity-opacity-90: 90px;--opacity-opacity-95: 95px;--blur-blur-sm: 4px;--blur-blur: 8px;--blur-blur-md: 12px;--blur-blur-lg: 16px;--blur-blur-xl: 24px;--blur-blur-2xl: 40px;--blur-blur-3xl: 64px}:root{--radius-rounded-none: 0px;--radius-rounded-sm: var(--0_125rem);--radius-rounded: var(--0_25rem);--radius-rounded-md: var(--0_375rem);--radius-rounded-lg: var(--0_5rem);--radius-rounded-xl: var(--0_75rem);--radius-rounded-2xl: var(--1rem);--radius-rounded-3xl: var(--1_5rem);--radius-rounded-4xl: var(--2rem);--radius-rounded-circle: 10000px;--size-size-0: 0px;--size-size-px: 1px;--size-size-0_5: var(--0_125rem);--size-size-1: var(--0_25rem);--size-size-1_5: var(--0_375rem);--size-size-2: var(--0_5rem);--size-size-2_5: var(--0_625rem);--size-size-3: var(--0_75rem);--size-size-3_5: var(--0_875rem);--size-size-4: var(--1rem);--size-size-5: var(--1_25rem);--size-size-6: var(--1_5rem);--size-size-7: var(--1_75rem);--size-size-8: var(--2rem);--size-size-9: var(--2_25rem);--size-size-10: var(--2_5rem);--size-size-11: var(--2_75rem);--size-size-12: var(--3rem);--size-size-14: var(--3_5rem);--size-size-16: var(--4rem);--size-size-20: var(--5rem);--size-size-24: var(--6rem);--size-size-28: var(--7rem);--size-size-32: var(--8rem);--size-size-36: var(--9rem);--size-size-40: var(--10rem);--size-size-44: var(--11rem);--size-size-48: var(--12rem);--size-size-52: var(--13rem);--size-size-56: var(--14rem);--size-size-60: var(--15rem);--size-size-64: var(--16rem);--size-size-72: var(--18rem);--size-size-80: var(--20rem);--size-size-96: var(--24rem);--gap-gap-0: 0px;--gap-gap-px: 1px;--gap-gap-0_5: var(--0_125rem);--gap-gap-1: var(--0_25rem);--gap-gap-1_5: var(--0_375rem);--gap-gap-2: var(--0_5rem);--gap-gap-2_5: var(--0_625rem);--gap-gap-3: var(--0_75rem);--gap-gap-3_5: var(--0_875rem);--gap-gap-4: var(--1rem);--gap-gap-5: var(--1_25rem);--gap-gap-6: var(--1_5rem);--gap-gap-7: var(--1_75rem);--gap-gap-8: var(--2rem);--gap-gap-9: var(--2_25rem);--gap-gap-10: var(--2_5rem);--gap-gap-11: var(--2_75rem);--gap-gap-12: var(--3rem);--gap-gap-14: var(--3_5rem);--gap-gap-16: var(--4rem);--gap-gap-20: var(--5rem);--gap-gap-24: var(--6rem);--gap-gap-28: var(--7rem);--gap-gap-32: var(--8rem);--gap-gap-36: var(--9rem);--gap-gap-40: var(--10rem);--gap-gap-44: var(--11rem);--gap-gap-48: var(--12rem);--gap-gap-52: var(--13rem);--gap-gap-56: var(--14rem);--gap-gap-60: var(--15rem);--gap-gap-64: var(--16rem);--gap-gap-72: var(--18rem);--gap-gap-80: var(--20rem);--gap-gap-96: var(--24rem)}:root{--font-family-font-lexend: Lexend;--font-size-font-size-2xs: var(--0_625rem);--font-size-font-size-xs: var(--0_75rem);--font-size-font-size-sm: var(--0_875rem);--font-size-font-size-base: var(--1rem);--font-size-font-size-lg: var(--1_125rem);--font-size-font-size-xl: var(--1_25rem);--font-size-font-size-2xl: var(--1_5rem);--font-size-font-size-3xl: var(--1_875rem);--font-size-font-size-4xl: var(--2_25rem);--font-size-font-size-5xl: var(--3rem);--font-size-font-size-6xl: var(--3_75rem);--font-size-font-size-7xl: var(--4_5rem);--font-size-font-size-8xl: var(--6rem);--font-size-font-size-9xl: var(--8rem);--line-height-line-height-2xs: var(--0_75rem);--line-height-line-height-xs: var(--1rem);--line-height-line-height-sm: var(--1_25rem);--line-height-line-height-base: var(--1_5rem);--line-height-line-height-lg: var(--1_75rem);--line-height-line-height-xl: var(--1_75rem);--line-height-line-height-2xl: var(--2rem);--line-height-line-height-3xl: var(--2_25rem);--line-height-line-height-4xl: var(--2_5rem);--line-height-line-height-5xl: var(--3rem);--font-weight-font-weight-regular: Regular;--font-weight-font-weight-medium: Medium;--font-weight-font-weight-semibold: Semi Bold;--font-weight-font-weight-bold: Bold}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;text-size-adjust:100%}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;outline:none}*{text-underline-offset:4px}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}:root{--primary-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-font-weight: normal;--primary-line-height: normal;--primary-text-color: var(--color-alias-object-primary, #0a0a0a);--primary-background-color: #ffffff;--primary-anchor-color: var(--color-alias-custom-brand)}body{margin:0;font-family:var(--primary-font-family);font-weight:var(--primary-font-weight);line-height:var(--primary-line-height);color:var(--primary-text-color);background-color:var(--primary-background-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(var(--color-black),0)}a,button{cursor:pointer}a{color:var(--color-alias-link-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;background:transparent}div.px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100dvw;top:-100dvh;-webkit-user-select:none;user-select:none;pointer-events:none}.ka-wrapper,.ka-content{width:100%;height:100%}body{--vsf-bottom-tab-bar-height: calc(var(--safe-area-inset-bottom, 0px) + 52px)}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-font-family: "Inter", sans-serif}@font-face{font-family:v-mini-icon;src:url(./v-mini-icon-Dn1BmJzb.woff2);font-weight:400;font-style:normal}.vsf-navigation-bar-layout{width:100%}.vsf-navigation-bar-layout--sticky{position:absolute;z-index:9999}.vsf-navigation-bar-layout__children,.vsf-bottom-tab-bar-layout{width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.vsf-bottom-tab-bar-layout__children{flex:1;display:flex;flex-direction:column;overflow:hidden}.vsf-app{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background-color:var(--color-background-app, #f5f5f5);position:relative}.vsf-page{display:flex;flex-direction:column;flex:1;width:100%;height:100%;overflow:auto}.vsf-page--safe-area-top-offset{padding-top:var(--safe-area-inset-top, 0px)}.vsf-page--header-offset{padding-top:var(--vsf-title-bar-height, 56px)}.vsf-page--safe-area-bottom-offset{padding-bottom:var(--safe-area-inset-bottom, 0px)}.vsf-page__content{position:relative;flex-grow:1}.vsf-page__content--spacing{padding:var(--gap-gap-4, 16px)}.vsf-typography__size--inherit{font-size:inherit;line-height:inherit}.vsf-typography__size--5x-large{font-size:var(--font-size-font-size-5xl, 48px);line-height:var(--line-height-line-height-5xl, 48px)}.vsf-typography__size--4x-large{font-size:var(--font-size-font-size-4xl, 36px);line-height:var(--line-height-line-height-4xl, 40px)}.vsf-typography__size--3x-large{font-size:var(--font-size-font-size-3xl, 30px);line-height:var(--line-height-line-height-3xl, 36px)}.vsf-typography__size--2x-large{font-size:var(--font-size-font-size-2xl, 24px);line-height:var(--line-height-line-height-2xl, 32px)}.vsf-typography__size--x-large{font-size:var(--font-size-font-size-xl, 20px);line-height:var(--line-height-line-height-lg, 28px)}.vsf-typography__size--large{font-size:var(--font-size-font-size-lg, 18px);line-height:var(--line-height-line-height-lg, 28px)}.vsf-typography__size--base{font-size:var(--font-size-font-size-base, 16px);line-height:var(--line-height-line-height-base, 24px)}.vsf-typography__size--small{font-size:var(--font-size-font-size-sm, 14px);line-height:var(--line-height-line-height-sm, 20px)}.vsf-typography__size--x-small{font-size:var(--font-size-font-size-xs, 12px);line-height:var(--line-height-line-height-xs, 16px)}.vsf-typography__size--2x-small{font-size:var(--font-size-font-size-2xs, 10px);line-height:var(--line-height-line-height-2xs, 12px)}.vsf-typography__size--3x-small{font-size:8px;line-height:10px}.vsf-typography__weight--inherit{font-weight:inherit}.vsf-typography__weight--100{font-weight:100}.vsf-typography__weight--200{font-weight:200}.vsf-typography__weight--light,.vsf-typography__weight--300{font-weight:300}.vsf-typography__weight--regular,.vsf-typography__weight--400{font-weight:400}.vsf-typography__weight--medium,.vsf-typography__weight--500{font-weight:500}.vsf-typography__weight--semibold,.vsf-typography__weight--600{font-weight:600}.vsf-typography__weight--bold,.vsf-typography__weight--700{font-weight:700}.vsf-typography__weight--800{font-weight:800}.vsf-typography__weight--900{font-weight:900}.vsf-icon{font-family:v-mini-icon!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:inherit;width:1em;height:1em}.vsf-icon svg{width:100%;height:100%}.vsf-icon--spin{animation:spin 1s linear infinite}.vsf-icon--ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.vsf-icon--pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vsf-icon--bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.vsf-button{display:inline-flex;justify-content:center;align-items:center;border-radius:0;outline:none;border:none;text-align:center;cursor:pointer;transition:all ease .3s;position:relative;overflow:hidden}.vsf-button>*{position:relative;z-index:10}.vsf-button__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;opacity:0}.vsf-button:active .vsf-button__overlay,.vsf-button--loading .vsf-button__overlay{opacity:.25}.vsf-button:disabled{cursor:not-allowed}.vsf-button:disabled .vsf-button__overlay{opacity:0}.vsf-button--large{padding:var(--gap-gap-3, 12px) var(--gap-gap-6, 24px);min-height:var(--size-size-12, 48px);max-height:var(--size-size-12, 48px);gap:var(--gap-gap-2, 8px)}.vsf-button--large.vsf-button--icon-only{padding:var(--gap-gap-3, 12px);min-width:var(--size-size-12, 48px);max-width:var(--size-size-12, 48px)}.vsf-button--medium{padding:var(--gap-gap-1_5, 6px) var(--gap-gap-3, 12px);min-height:var(--size-size-8, 32px);max-height:var(--size-size-8, 32px);gap:var(--gap-gap-15, 6px)}.vsf-button--medium.vsf-button--icon-only{padding:var(--gap-gap-1_5, 6px);min-width:var(--size-size-8, 32px);max-width:var(--size-size-8, 32px)}.vsf-button--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-button--pill{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-button--solid{background:var(--color-alias-background-brand, #ea0029);color:var(--color-alias-object-on-brand, #fff)}.vsf-button--solid .vsf-button__overlay{background:var(--color-alias-object-on-brand, #fff)}.vsf-button--solid.vsf-button--theme-neutral{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-button--solid.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--solid.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-background, #fff)}.vsf-button--solid.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--solid:disabled{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--solid-subtle{background:var(--color-alias-background-brand-subtle, #fde2e7);color:var(--color-alias-object-brand, #ea0029)}.vsf-button--solid-subtle .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--solid-subtle.vsf-button--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-layer-overlay, rgba(10, 10, 10, .05))}.vsf-button--solid-subtle.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--solid-subtle.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-layer-overlay-inverse, rgba(250, 250, 250, .05))}.vsf-button--solid-subtle.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--solid-subtle:disabled{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--outline{border:1px solid var(--color-alias-border-brand, #ea0029);background:var(--color-alias-background, #fff);color:var(--color-alias-object-brand, #ea0029)}.vsf-button--outline .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--outline.vsf-button--theme-neutral{border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-background, #fff)}.vsf-button--outline.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--outline.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff);border:1px solid var(--color-alias-border-inverse, #525252);background:var(--color-alias-background-inverse, #262626)}.vsf-button--outline.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--outline:disabled{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--ghost{background:transparent;color:var(--color-alias-object-brand, #ea0029)}.vsf-button--ghost .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--ghost.vsf-button--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--ghost.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--ghost.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--ghost.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--ghost:disabled{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25));background-color:transparent}.vsf-button--block{width:100%}.vsf-button__icon{display:inline-flex;font-size:var(--size-size-5, 20px)}.vsf-button__icon svg,.vsf-button__icon img,.vsf-button__icon .vsf-icon{font-size:var(--size-size-5, 20px);width:var(--size-size-5, 20px);height:var(--size-size-5, 20px)}.vsf-button__icon svg svg,.vsf-button__icon img svg,.vsf-button__icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-navigation-bar{--navigation-bar-icon-background: transparent;--navigation-bar-border-width: 1px;--navigation-bar-border-color: var(--navigation-bar-background);--navigation-bar-opacity: 1}.vsf-navigation-bar--default{--navigation-bar-background: var(--color-alias-background);--navigation-bar-icon-color: var(--color-alias-object-primary);--navigation-bar-title-color: var(--color-alias-object-primary)}.vsf-navigation-bar--default.vsf-navigation-bar--transparent{--navigation-bar-icon-background: var(--color-alias-background-nav-box)}.vsf-navigation-bar--inverse{--navigation-bar-background: var(--color-alias-background-inverse);--navigation-bar-icon-color: var(--color-alias-object-primary-inverse);--navigation-bar-title-color: var(--color-alias-object-primary-inverse)}.vsf-navigation-bar--inverse.vsf-navigation-bar--transparent{--navigation-bar-icon-background: var( --color-alias-background-nav-box-inverse )}.vsf-navigation-bar--transparent{--navigation-bar-background: transparent;--navigation-bar-border-color: transparent;--navigation-bar-opacity: 0}.vsf-navigation-bar--divider{--navigation-bar-border-color: var(--color-alias-border-subtle-00)}.vsf-navigation-bar{height:var(--vsf-title-bar-height, 56px);display:flex;align-items:center;padding-top:var(--safe-area-inset-top, 0px);padding-left:var(--gap-gap-4, 16px);padding-right:var(--vsf-header-padding-right, 16px);position:relative}.vsf-navigation-bar__background{position:absolute;inset:0;background-color:var(--navigation-bar-background);border-bottom:var(--navigation-bar-border-width) solid var(--navigation-bar-border-color);opacity:var(--navigation-bar-opacity)}.vsf-navigation-bar__inner{display:flex;align-items:center;gap:var(--gap-gap-2, 8px);width:100%;position:relative}.vsf-navigation-bar__icon{padding:10px;border:none;outline:none;width:var(--size-size-11, 44px);height:var(--size-size-11, 44px);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--navigation-bar-icon-background);color:var(--navigation-bar-icon-color);cursor:pointer;position:relative;font-size:24px}.vsf-navigation-bar__icon img,.vsf-navigation-bar__icon svg{width:24px;height:24px}.vsf-navigation-bar__title{overflow:hidden;color:var(--navigation-bar-title-color);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-style:normal;font-weight:500;line-height:1.5;flex:1}.vsf-bottom-tab-bar{height:var(--vsf-bottom-tab-bar-height, 56px);position:relative;display:flex;align-items:stretch;background:var(--color-alias-background, #fff);--bottom-offset: 0px;--tab-bar-height: 40px;height:calc(var(--bottom-offset) + var(--tab-bar-height));padding-bottom:var(--bottom-offset)}.vsf-bottom-tab-bar--safe-area-bottom-offset{--bottom-offset: var(--safe-area-inset-bottom, 0px)}.vsf-bottom-tab-bar--has-icon{--tab-bar-height: 52px}.vsf-bottom-tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__icon{display:none}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__icon-active{display:flex}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__label{display:none}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__label-active{display:block}.vsf-bottom-tab-bar__icon-active,.vsf-bottom-tab-bar__icon{text-align:center;font-size:20px}.vsf-bottom-tab-bar__icon-active>img,.vsf-bottom-tab-bar__icon-active svg,.vsf-bottom-tab-bar__icon>img,.vsf-bottom-tab-bar__icon svg{width:20px;height:20px}.vsf-bottom-tab-bar__icon{color:var(--color-alias-object-secondary, #737373);display:flex}.vsf-bottom-tab-bar__icon-active{color:var(--color-alias-object-brand, #ea0029);display:none}.vsf-bottom-tab-bar__label{color:var(--color-alias-object-secondary, #737373);text-align:center}.vsf-bottom-tab-bar__label-active{color:var(--color-alias-object-brand, #ea0029);text-align:center;font-weight:500;display:none}.vsf-bottom-tab-bar__divider{height:1px;position:absolute;left:0;right:0;top:0;background-color:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-bottom-tab-bar__indicator{height:1px;position:absolute;top:0;transition:all ease .3s;background-color:var(--color-alias-object-brand, #ea0029)}.vsf-carousel__viewport{overflow:hidden}.vsf-carousel__tracks{display:flex;align-items:flex-start;touch-action:pan-y pinch-zoom;margin-left:calc(var(--carousel-gap) * -1);transition:height ease .25s}.vsf-carousel__item{flex-shrink:0;width:calc(100% - var(--carousel-gap) * 2 - 16px);padding-left:var(--carousel-gap);transform:translateZ(0)}.vsf-pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-gap-1, 4px);margin-top:var(--gap-gap-4, 16px)}.vsf-pagination__item{display:flex;width:var(--size-size-4, 16px);height:var(--size-size-05, 2px);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-alias-layer-accent-01, #e5e5e5);transition:all ease .3s}.vsf-pagination__item--active{background:var(--color-alias-background-brand, #ea0029);width:var(--size-size-6, 24px)}.vsf-sheet{position:fixed;z-index:var(--sheet-index, 1000);inset:0;padding-bottom:calc(var(--safe-area-inset-bottom, 0px) + var(--gap-gap-3, 12px));padding-top:calc(var(--vsf-title-bar-height, 56px) + var(--gap-gap-3, 12px));padding-left:var(--gap-gap-3, 12px);padding-right:var(--gap-gap-3, 12px);display:flex;align-items:flex-end;display:none}.vsf-sheet--open{display:flex}.vsf-sheet__overlay{position:absolute;inset:0;z-index:1;background:var(--color-alias-overlay, rgba(10, 10, 10, .5))}.vsf-sheet__overlay--blur{background:var(--color-alias-overlay-subtle, rgba(10, 10, 10, .05));-webkit-backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2));backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2))}.vsf-sheet__overlay{animation:vsf-sheet--fade .25s ease-out}@keyframes vsf-sheet--fade{0%{opacity:0}to{opacity:1}}.vsf-sheet__box{position:relative;width:100%;z-index:2;border-radius:var(--radius-rounded-3xl, 24px);background:var(--color-alias-background, #fff);overflow:hidden;max-height:100%;display:flex;flex-direction:column;animation:vsf-sheet--fade-up .25s ease-out}@keyframes vsf-sheet--fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.vsf-sheet-header{display:flex;padding:var(--gap-gap-3, 12px);align-items:center;gap:var(--gap-gap-1, 4px);border-radius:var(--radius-rounded-none, 0);width:100%}.vsf-sheet-header__placeholder-icon{width:32px;height:32px}.vsf-sheet-header__title{flex:1;overflow:hidden;color:var(--color-alias-object-primary, #0a0a0a);text-align:center;text-overflow:ellipsis}.vsf-sheet-body{width:100%;padding-top:var(--gap-gap-0, 0);padding-bottom:var(--gap-gap-4, 16px);overflow:auto}.vsf-sheet-body--horizontal-space{padding-left:var(--gap-gap-4, 16px);padding-right:var(--gap-gap-4, 16px)}.vsf-sheet-footer{width:100%;display:flex;padding:var(--gap-gap-4, 16px);flex-direction:row;align-items:flex-start;gap:var(--gap-gap-3, 12px);align-self:stretch}.vsf-sheet-footer>*{flex:1}body:has(.vsf-sheet--open){overflow:hidden}.vsf-section{display:flex;padding-top:var(--gap-gap-4, 16px);padding-bottom:var(--gap-gap-4, 16px);flex-direction:column;align-items:stretch;gap:var(--gap-gap-0, 0);align-self:stretch;border-radius:0;background:var(--color-alias-background, #fff)}.vsf-section--space{gap:var(--gap-gap-3, 12px)}.vsf-section--shape-rounded{border-radius:var(--radius-rounded-2xl, 16px)}.vsf-section-title{display:flex;padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px);align-items:center;gap:var(--gap-gap-2, 8px)}.vsf-section-title__icon{font-size:20px;display:flex}.vsf-section-title__icon img,.vsf-section-title__icon svg{width:20px;height:20px}.vsf-section-title__title{flex:1}.vsf-section-content{padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px)}.vsf-list-item{display:flex;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);align-items:flex-start;gap:var(--gap-gap-3, 12px);position:relative;align-items:center}.vsf-list-item__divider{position:absolute;left:var(--gap-gap-4, 16px);right:var(--gap-gap-4, 16px);bottom:0;height:1px;background:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-list-item__content{display:flex;flex-direction:column;flex:1}.vsf-list-item__prefix,.vsf-list-item__lead-content,.vsf-list-item__suffix,.vsf-list-item__trail-content{display:flex}.vsf-option-item{display:flex;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);justify-content:center;align-items:center;gap:var(--gap-gap-1, 4px);position:relative}.vsf-option-item__content{flex:1;position:relative;z-index:10}.vsf-option-item__icon{position:relative;z-index:10}.vsf-option-item__overlay{position:absolute;z-index:1;left:var(--gap-gap-2, 8px);top:var(--gap-gap-1, 4px);right:var(--gap-gap-2, 8px);bottom:var(--gap-gap-1, 4px);border-radius:var(--radius-rounded-lg, 8px);transition:all ease .4s;opacity:0}.vsf-option-item:active .vsf-option-item__overlay{opacity:.15}.vsf-option-item__divider{position:absolute;bottom:0;left:var(--gap-gap-4, 16px);right:var(--gap-gap-4, 16px);height:1px;background:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-option-item--brand .vsf-option-item__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-option-item--brand.vsf-option-item--selected{color:var(--color-alias-object-brand, #ea0029);font-weight:600}.vsf-option-item--brand.vsf-option-item--selected .vsf-option-item__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-option-item--neutral .vsf-option-item__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-option-item--neutral.vsf-option-item--selected{font-weight:600}.vsf-image{--width: var(--image-width, auto);--height: var(--image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.vsf-image__img{width:100%;height:100%;display:block}.vsf-image__tip{position:relative;background-color:var(--color-fill-content, #f5f5f5);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.vsf-image__tip .vsf-icon,.vsf-image__tip svg{font-size:24px;width:24px;height:24px;color:var(--color-weak, #999)}.vsf-image__tip .vsf-icon svg,.vsf-image__tip svg svg{font-size:inherit;width:inherit;height:inherit}.vsf-pull-to-refresh{min-height:100%;flex-grow:1;display:flex;flex-direction:column}.vsf-pull-to-refresh__content{flex-grow:1;display:flex;flex-direction:column;height:calc(100% - 120px)}.vsf-pull-to-refresh__head{overflow:hidden;position:relative}.vsf-pull-to-refresh__head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--color-alias-object-secondary, #737373);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:400}.vsf-alert{display:flex;padding:0 var(--gap-gap-2, 8px);gap:var(--gap-gap-2, 8px);border-radius:var(--radius-rounded-lg, 8px);background:var(--color-alias-background, #fff)}.vsf-alert--informative{border:1px solid var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-alert--positive{border:1px solid var(--color-alias-support-positive, #22c55e)}.vsf-alert--negative{border:1px solid var(--color-alias-support-negative, #dc2626)}.vsf-alert__icon{padding:var(--gap-gap-2, 8px) 0}.vsf-alert__content{padding:var(--gap-gap-2, 8px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-gap-1, 4px);flex:1 0 0}.vsf-alert__action{align-self:center}.vsf-alert__close{align-self:center;display:flex;padding:var(--gap-gap-1, 4px);justify-content:flex-end;align-items:center;align-self:stretch}.vsf-skeleton{--width: 100%;--height: 20px;--border-radius: 0;--skeleton-color: var(--color-alias-skeleton-element, #d4d4d4);background-color:var(--skeleton-color);border-radius:var(--border-radius);width:var(--width);height:var(--height);display:block;box-sizing:border-box}.vsf-skeleton--rounded{border-radius:var(--radius-rounded-2xl, 16px)}.vsf-skeleton--rounded-8{border-radius:var(--radius-rounded-lg, 8px)}.vsf-skeleton--rounded-4{border-radius:var(--radius-rounded, 4px)}.vsf-skeleton--pill{border-radius:1000px}.vsf-skeleton--animated{animation:vsf-skeleton-loading 1s ease infinite}@keyframes vsf-skeleton-loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.vsf-skeleton--title{--width: 45%;--height: 32px;--border-radius: 2px;margin-bottom:16px}.vsf-skeleton__paragraph-line{--height: 18px;--border-radius: 2px;margin-bottom:12px}.vsf-skeleton__paragraph-line:last-child{--width: 65%;margin-bottom:0}.vsf-label{display:flex;flex-direction:column}.vsf-label__content{display:flex;align-items:center;gap:var(--gap-gap-1, 4px)}.vsf-label__content--loading{height:21px;display:flex;align-items:center}.vsf-label__required{color:var(--color-alias-support-negative, #dc2626)}.vsf-label__text{color:var(--color-alias-object-primary, #0a0a0a);flex-shrink:1}.vsf-label__helper{color:var(--color-alias-object-helper, #737373)}.vsf-label__helper--loading{height:18px;display:flex;align-items:center}.vsf-label__icon{display:flex;align-items:center;font-size:16px;color:var(--color-alias-object-secondary, #737373)}.vsf-label__icon svg{width:16px;height:16px}.vsf-label--disabled .vsf-label__text{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-gap-1, 4px)}.vsf-input-wrapper__input{display:flex;flex-direction:column;gap:var(--gap-gap-2, 8px);align-self:stretch;border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-background, #fff);transition:all ease .3s;min-height:48px;justify-content:center}.vsf-input-wrapper__input__body{display:flex;align-items:center;align-self:stretch}.vsf-input-wrapper__input__footer{padding:0 var(--gap-gap-4, 16px)}.vsf-input-wrapper__input__inner{flex:1;display:flex;align-items:center;gap:8px;padding:0 var(--gap-gap-3, 12px) 0 var(--gap-gap-4, 16px)}.vsf-input-wrapper__input__child{flex:1;min-height:24px;display:flex;align-items:center}.vsf-input-wrapper__input__suffix,.vsf-input-wrapper__input__prefix{display:flex;align-items:center;gap:var(--gap-gap-3, 12px);color:var(--color-alias-object-primary, #0a0a0a)}.vsf-input-wrapper__input__suffix:after,.vsf-input-wrapper__input__prefix:after{content:"";display:block;height:12px;width:1px;background-color:var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-input-wrapper__input__prefix{padding-left:12px}.vsf-input-wrapper__input__suffix{flex-direction:row-reverse;padding-right:12px}.vsf-input-wrapper__input__trailing-icon,.vsf-input-wrapper__input__leading-icon{display:flex;align-items:center;font-size:24px}.vsf-input-wrapper__input__trailing-icon svg,.vsf-input-wrapper__input__trailing-icon img,.vsf-input-wrapper__input__trailing-icon .vsf-icon,.vsf-input-wrapper__input__leading-icon svg,.vsf-input-wrapper__input__leading-icon img,.vsf-input-wrapper__input__leading-icon .vsf-icon{font-size:24px;width:24px;height:24px}.vsf-input-wrapper__input__trailing-icon svg svg,.vsf-input-wrapper__input__trailing-icon img svg,.vsf-input-wrapper__input__trailing-icon .vsf-icon svg,.vsf-input-wrapper__input__leading-icon svg svg,.vsf-input-wrapper__input__leading-icon img svg,.vsf-input-wrapper__input__leading-icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-input-wrapper--start .vsf-input-wrapper__input__inner,.vsf-input-wrapper--start .vsf-input-wrapper__input__body{align-items:flex-start}.vsf-input-wrapper--center .vsf-input-wrapper__input__inner,.vsf-input-wrapper--center .vsf-input-wrapper__input__body{align-items:center}.vsf-input-wrapper--end .vsf-input-wrapper__input__inner,.vsf-input-wrapper--end .vsf-input-wrapper__input__body{align-items:flex-end}.vsf-input-wrapper--rounded .vsf-input-wrapper__input{border-radius:var(--radius-rounded-lg, 8px)}.vsf-input-wrapper--pill .vsf-input-wrapper__input{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-input-wrapper--focus .vsf-input-wrapper__input{border:1px solid var(--color-alias-border-subtle-selected-01, #a3a3a3)}.vsf-input-wrapper--error .vsf-input-wrapper__input{border:1px solid var(--color-alias-support-negative, #dc2626)}.vsf-input-wrapper--success .vsf-input-wrapper__input{border:1px solid var(--color-alias-support-positive, #22c55e)}.vsf-input-wrapper--disabled .vsf-input-wrapper__input{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__suffix,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__prefix{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__suffix:after,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__prefix:after{background-color:var(--color-alias-border-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__trailing-icon,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__leading-icon{color:var(--color-alias-object-secondary, #737373)}.vsf-text-field{padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;appearance:none;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-text-field::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-text-field__loading{display:flex;padding:0 16px;gap:16px;align-items:center;height:24px}.vsf-text-field__loading--search{gap:8px}.vsf-number-field{display:flex;flex-direction:column;width:fit-content;gap:var(--gap-gap-1)}.vsf-number-field__inputs{display:flex;gap:var(--gap-gap-2, 8px);position:relative;overflow:hidden}.vsf-number-field__input{display:flex;align-items:center;justify-content:center;position:relative;width:var(--size-size-11, 44px);height:var(--size-size-11, 44px);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);border-radius:var(--radius-rounded-lg, 8px);background:var(--color-alias-background, #fff);color:var(--color-alias-object-primary)}.vsf-number-field__input--focused{border-color:var(--color-alias-border-subtle-selected-01)}.vsf-number-field__label{text-align:center;width:100%}.vsf-number-field__label--loading{align-self:center}.vsf-number-field__pointer{position:absolute;width:1.5px;top:10px;bottom:10px;left:8px;background:var(--color-alias-object-interactive, #ea0029);z-index:10;animation:blink 1s step-end infinite}.vsf-number-field__pointer--hidden{display:none}.vsf-number-field__pointer--visible{display:block;animation:blink 1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.vsf-number-field__error-message{text-align:center;width:100%}.vsf-number-field__input-actual{position:absolute;width:1px;height:1px;border:none;caret-color:transparent;pointer-events:none}.vsf-number-field__value--masked{width:var(--size-size-2, 8px);height:var(--size-size-2, 8px);border-radius:10px;background-color:var(--color-alias-object-primary, #0a0a0a)}.vsf-number-field__placeholder{border-radius:"50%"}.vsf-number-field--pill .vsf-number-field__input{border-radius:50%}.vsf-number-field--error .vsf-number-field__input{border-color:var(--color-alias-support-negative)}.vsf-number-field--disabled .vsf-number-field__input{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-checkbox{display:inline-flex;align-items:center;gap:var(--gap-gap-2, 8px);cursor:pointer}.vsf-checkbox__button{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--radius-rounded-lg, 8px);outline:none;overflow:hidden;transition:all ease .3s;position:relative;width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);min-width:var(--size-size-6, 24px);min-height:var(--size-size-6, 24px);padding:var(--gap-gap-1, 4px)}.vsf-checkbox__button>*{position:relative;z-index:10}.vsf-checkbox__button svg{width:100%;height:100%}.vsf-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.vsf-checkbox__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;background:var(--color-alias-object-primary-inverse, #fff);opacity:0}.vsf-checkbox:active .vsf-checkbox__overlay,.vsf-checkbox--focus .vsf-checkbox__overlay{opacity:.25}.vsf-checkbox__number{-webkit-user-select:none;-ms-user-select:none;user-select:none}.vsf-checkbox--unchecked .vsf-checkbox__button,.vsf-checkbox--unchecked.vsf-checkbox--theme-inverse .vsf-checkbox__button{background:var(--color-alias-layer-01, #f5f5f5);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-checkbox--checked .vsf-checkbox__button{background:var(--color-alias-background-brand, #ea0029);border:none}.vsf-checkbox--checked.vsf-checkbox--theme-inverse .vsf-checkbox__button{background:var(--color-alias-background-inverse, #262626)}.vsf-checkbox--disabled{cursor:not-allowed}.vsf-checkbox--disabled .vsf-checkbox__button{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))!important;border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25))!important}.vsf-checkbox--disabled .vsf-checkbox__overlay{opacity:0!important}.vsf-radio{--cursor: pointer;--border-color: var(--color-alias-border-brand, #ea0029);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-brand, #ea0029);--icon-opacity: 0;--overlay-color: var(--color-alias-border-brand, #ea0029);--overlay-opacity: 0;display:flex;gap:var(--gap-gap-2, 8px)}.vsf-radio__button{display:flex;width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);min-width:var(--size-size-6, 24px);max-width:var(--size-size-6, 24px);min-height:var(--size-size-6, 24px);max-height:var(--size-size-6, 24px);justify-content:center;align-items:center;cursor:var(--cursor);overflow:hidden;position:relative;border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--border-color);background:var(--background-color);transition:all ease .3s}.vsf-radio__icon{position:relative;width:var(--size-size-3, 12px);height:var(--size-size-3, 12px);border-radius:50%;transition:all ease .3s;opacity:var(--icon-opacity);background:var(--icon-color)}.vsf-radio__overlay{position:absolute;inset:0;background:var(--overlay-color);opacity:var(--overlay-opacity)}.vsf-radio__input{display:none}.vsf-radio--brand{--border-color: var(--color-alias-border-subtle-01, #d4d4d4);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-brand, #ea0029);--icon-opacity: 0;--overlay-color: var(--color-alias-object-primary, #0a0a0a);--overlay-opacity: 0}.vsf-radio--brand.vsf-radio:focus,.vsf-radio--brand.vsf-radio:active,.vsf-radio--brand.vsf-radio--focus{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-opacity: .25}.vsf-radio--brand.vsf-radio--disabled{--cursor: not-allowed;--border-color: var( --color-alias-border-disabled, rgba(10, 10, 10, .25) ) !important;--background-color: var( --color-alias-background-disabled, rgba(10, 10, 10, .15) ) !important;--overlay-opacity: 0 !important}.vsf-radio--brand.vsf-radio--checked{--border-color: var(--color-alias-border-brand, #ea0029);--overlay-color: var(--color-alias-border-brand, #ea0029);--icon-opacity: 1}.vsf-radio--brand.vsf-radio--checked.vsf-radio:focus,.vsf-radio--brand.vsf-radio--checked.vsf-radio:active,.vsf-radio--brand.vsf-radio--checked.vsf-radio--focus{--overlay-opacity: .25}.vsf-radio--brand.vsf-radio--checked.vsf-radio--disabled{--background-color: var(--color-alias-layer-01, #f5f5f5) !important;--icon-color: var( --color-alias-object-disabled, rgba(10, 10, 10, .25) ) !important}.vsf-radio--neutral{--border-color: var(--color-alias-border-subtle-01, #d4d4d4);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-primary, #0a0a0a);--icon-opacity: 0;--overlay-color: var(--color-alias-object-primary, #0a0a0a);--overlay-opacity: 0}.vsf-radio--neutral.vsf-radio:focus,.vsf-radio--neutral.vsf-radio:active,.vsf-radio--neutral.vsf-radio--focus{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-opacity: .25}.vsf-radio--neutral.vsf-radio--disabled{--cursor: not-allowed;--border-color: var( --color-alias-border-disabled, rgba(10, 10, 10, .25) ) !important;--background-color: var( --color-alias-background-disabled, rgba(10, 10, 10, .15) ) !important;--overlay-opacity: 0 !important}.vsf-radio--neutral.vsf-radio--checked{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-color: var(--color-alias-object-primary, #0a0a0a);--icon-opacity: 1}.vsf-radio--neutral.vsf-radio--checked.vsf-radio:focus,.vsf-radio--neutral.vsf-radio--checked.vsf-radio:active,.vsf-radio--neutral.vsf-radio--checked.vsf-radio--focus{--overlay-opacity: .25}.vsf-radio--neutral.vsf-radio--checked.vsf-radio--disabled{--background-color: var(--color-alias-layer-01, #f5f5f5) !important;--icon-color: var( --color-alias-object-disabled, rgba(10, 10, 10, .25) ) !important}.vsf-switch{display:inline-flex;align-items:center;border-radius:var(--radius-rounded-circle, 9999px);outline:none;overflow:hidden;cursor:pointer;transition:all ease .3s;position:relative;width:var(--size-size-12, 48px);height:var(--size-size-8, 32px);padding:0 var(--gap-gap-1, 4px)}.vsf-switch>*{position:relative;z-index:10}.vsf-switch__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;background:var(--color-alias-object-primary-inverse, #fff);opacity:0}.vsf-switch:active .vsf-switch__overlay,.vsf-switch:focus .vsf-switch__overlay,.vsf-switch--focus .vsf-switch__overlay{opacity:.25}.vsf-switch__thumb{width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);border-radius:var(--radius-rounded-circle, 9999px);background:var(--color-alias-object-on-brand, #fff);box-shadow:0 2px 10px #0003;transition:transform ease .3s}.vsf-switch__input{display:none}.vsf-switch--unchecked{background:#a3a3a3}.vsf-switch--unchecked .vsf-switch__thumb{transform:translate(0)}.vsf-switch--checked{background:var(--color-alias-background-brand, #ea0029)}.vsf-switch--checked .vsf-switch__thumb{transform:translate(calc(var(--size-size-12, 48px) - var(--size-size-6, 24px) - var(--gap-gap-1, 4px) * 2))}.vsf-switch--checked.vsf-switch--theme-inverse{background:var(--color-alias-background-inverse, #262626)}.vsf-switch--disabled{cursor:not-allowed}.vsf-switch--disabled .vsf-switch__thumb{box-shadow:none}.vsf-switch--disabled .vsf-switch__overlay{opacity:0!important}.vsf-switch--disabled.vsf-switch--unchecked{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-switch--disabled.vsf-switch--unchecked .vsf-switch__thumb{background:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-switch--disabled.vsf-switch--checked{background:var(--color-alias-background-brand-disabled, #fbcad3)}.vsf-switch--disabled.vsf-switch--checked .vsf-switch__thumb{background:var(--color-alias-object-on-brand, #fff)}.vsf-switch--disabled.vsf-switch--checked.vsf-switch--theme-inverse{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-switch--disabled.vsf-switch--checked.vsf-switch--theme-inverse .vsf-switch__thumb{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-text-area__input{padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;appearance:none;resize:none;min-height:72px;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-text-area__input::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-text-area__input--auto-height{field-sizing:content}.vsf-text-area .vsf-input-wrapper__input{padding:var(--gap-gap-2, 8px) 0}.vsf-text-area .vsf-input-wrapper__input__inner{padding-right:var(--gap-gap-4, 16px)}.vsf-text-area__count{text-align:right}.vsf-text-area__loading{display:flex;flex-direction:column;gap:11px;padding:0 16px;height:72px}.vsf-date-field-input::-webkit-outer-spin-button,.vsf-date-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vsf-date-field-input{appearance:none;-moz-appearance:none;padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-date-field-input::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-date-field__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-date-field__loading__left{display:flex;gap:16px;align-items:center}.vsf-date-field-range{display:flex;gap:var(--gap-gap-2, 8px);align-items:center}.vsf-date-field-range__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-dialog{position:fixed;z-index:var(--sheet-index, 1000);inset:0;padding-bottom:calc(var(--safe-area-inset-bottom, 0px) + var(--gap-gap-6, 24px));padding-top:calc(var(--vsf-title-bar-height, 56px) + var(--gap-gap-6, 24px));padding-left:var(--gap-gap-6, 24px);padding-right:var(--gap-gap-6, 24px);display:flex;align-items:flex-end;gap:8px;flex-direction:column;justify-content:center;display:none}.vsf-dialog--open{display:flex}@keyframes vsf-dialog--fade{0%{opacity:0}to{opacity:1}}@keyframes vsf-dialog--fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.vsf-dialog__overlay{position:absolute;inset:0;z-index:1;background:var(--color-alias-overlay, rgba(10, 10, 10, .5));animation:vsf-dialog--fade .25s ease-out}.vsf-dialog__overlay--blur{background:var(--color-alias-overlay-subtle, rgba(10, 10, 10, .05));border-radius:var(--radius-rounded-none, 0);-webkit-backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2));backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2))}.vsf-dialog__box{position:relative;width:100%;z-index:2;border-radius:var(--radius-rounded-3xl, 24px);background:var(--color-alias-background, #fff);overflow:hidden;max-height:100%;display:flex;padding:var(--gap-gap-4, 16px);flex-direction:column;align-items:center;gap:var(--gap-gap-4, 16px)}.vsf-dialog__box--close{max-height:calc(100% - 52px)}.vsf-dialog__box{animation:vsf-dialog--fade-up .25s ease-out}.vsf-dialog__close{position:relative;z-index:10;animation:vsf-dialog--fade-up .25s ease-out}.vsf-dialog__image{height:80px}.vsf-dialog__title-group{display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-2, 8px);text-align:center}.vsf-dialog__body{flex:1;overflow-y:auto;overflow-x:hidden}.vsf-dialog__footer{display:flex;align-items:flex-start;gap:var(--gap-gap-2, 8px);align-self:stretch}.vsf-dialog__footer>*{flex:1}body:has(.vsf-dialog--open){overflow:hidden}.vsf-dropdown__sheet__search{padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px) var(--gap-gap-2, 8px) var(--gap-gap-4, 16px)}.vsf-dropdown__sheet__empty{padding:var(--gap-gap-4, 16px);display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-2, 8px);text-align:center}.vsf-dropdown__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-date-picker-base{--dpi-unit-height: 24px;--dpi-offset-number: 2;position:relative;display:flex;width:100%;height:calc(var(--dpi-unit-height) * (var(--dpi-offset-number) * 2 + 1));max-width:30rem;margin-left:auto;margin-right:auto}.vsf-date-picker-base:before,.vsf-date-picker-base:after{content:"";position:absolute;left:0;right:0;display:block;height:calc(50% - var(--dpi-unit-height) / 2);z-index:1;pointer-events:none}.vsf-date-picker-base:before{top:-.5px;border-bottom:1px solid var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-date-picker-base:after{bottom:-.5px;border-top:1px solid var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-date-picker-item{height:100%;display:flex;align-items:center;justify-content:center;line-height:var(--dpi-unit-height);flex:1 1 auto}.vsf-date-picker-item__scene{min-width:100%;height:100%;overflow:hidden;display:flex;align-items:center;touch-action:pan-x}.vsf-date-picker-item__viewport{height:var(--dpi-unit-height);width:100%;perspective:50000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.vsf-date-picker-item__container{height:100%;width:100%;transform-style:preserve-3d;will-change:transform}.vsf-date-picker-item__slide{width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;opacity:0}.vsf-date-picker-calendar-sheet__body{padding:0 var(--gap-gap-2, 8px)}.vsf-error{display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-4, 16px)}.vsf-error__content{display:flex;flex-direction:column;text-align:center;gap:var(--gap-gap-2, 8px)}.vsf-error--has-padding{padding:var(--gap-gap-2, 8px)}.vsf-error-boundary--global{padding:calc(var(--gap-gap-4, 16px) + var(--safe-area-inset-top, 0px)) var(--gap-gap-4, 16px) var(--gap-gap-4, 16px)}.vsf-avatar{overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:var(--color-global-dynamic-red-dynamic-red-20, #fbcad3)}.vsf-avatar--show-image{background:transparent}.vsf-avatar--circle{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-avatar--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-avatar__border{position:absolute;inset:0;pointer-events:none}.vsf-avatar__border--circle{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-avatar__border--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-avatar__border--1{border:1px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-avatar__border--2{border:2px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-chip{position:relative;cursor:pointer;display:inline-flex;min-width:var(--size-size-8, 32px);min-height:var(--size-size-8, 32px);max-height:var(--size-size-8, 32px);padding:var(--gap-gap-0, 0) var(--gap-gap-2, 8px);justify-content:center;align-items:center;gap:var(--gap-gap-0, 0);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-background, #fff)}.vsf-chip__overlay{position:absolute;inset:0;transition:all ease .3s;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-alias-object-primary, #0a0a0a);opacity:0}.vsf-chip:active .vsf-chip__overlay,.vsf-chip:focus .vsf-chip__overlay{opacity:.25}.vsf-chip--selected.vsf-chip--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-strong-01, #737373);background:var(--color-alias-layer-accent-01, #e5e5e5)}.vsf-chip--selected.vsf-chip--theme-brand{color:var(--color-alias-object-brand, #ea0029);background:var(--color-alias-background-brand-subtle, #fde2e7);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-chip--selected.vsf-chip--theme-brand .vsf-chip__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-chip__icon{display:flex;align-items:center}.vsf-chip__icon svg,.vsf-chip__icon img,.vsf-chip__icon .vsf-icon{font-size:16px;width:16px;height:16px}.vsf-chip__icon svg svg,.vsf-chip__icon img svg,.vsf-chip__icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-chip__label{display:flex;padding:0 var(--gap-gap-1, 4px);justify-content:center;align-items:center}.vsf-chip--disabled.vsf-chip{pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25));border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background, #fff)}.vsf-chip--disabled.vsf-chip.vsf-chip--type-input{border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-chip--disabled .vsf-chip__badge{opacity:.4}.vsf-badge{font-weight:700;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-global-red-red-60, #dc2626);color:var(--color-global-basic-white, #fff);padding:var(--gap-gap-05, 2px) var(--gap-gap-1, 4px);min-width:16px;text-align:center}.vsf-badge--dot{padding:0;width:8px;height:8px;min-width:var(--size-size-2, 8px);max-width:var(--size-size-2, 8px);min-height:var(--size-size-2, 8px);max-height:var(--size-size-2, 8px)}.vsf-badge--outline{border:2px solid var(--color-global-basic-white, #fff);min-width:20px}.vsf-badge--outline.vsf-badge--dot{width:12px;height:12px;min-width:var(--size-size-3, 12px);max-width:var(--size-size-3, 12px);min-height:var(--size-size-3, 12px);max-height:var(--size-size-3, 12px)}.vsf-badge-container{position:relative;width:fit-content}.vsf-badge-container .vsf-badge{position:absolute;top:0;inset-inline-end:0;transform:translate(50%,-50%);transform-origin:100% 0%;z-index:10}.vsf-uploader{display:flex;gap:var(--gap-gap-3, 12px);align-items:flex-end}.vsf-uploader__trigger{display:flex;width:var(--size-size-24, 96px);height:var(--size-size-24, 96px);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-rounded-lg, 8px);border:1px dashed var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-layer-01, #f5f5f5);cursor:pointer}.vsf-uploader--disabled .vsf-uploader__trigger{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));border-color:var(--color-alias-border-disabled, rgba(10, 10, 10, .25));cursor:not-allowed}.vsf-uploader__preview-list{display:flex;flex:1;gap:var(--gap-gap-3, 12px);overflow-x:scroll;align-items:flex-end;padding-top:14px;margin-top:-14px}.vsf-uploader__preview-item{position:relative;width:96px;height:96px;flex-shrink:0}.vsf-uploader__preview-image{width:100%;height:100%;border-radius:var(--radius-rounded-lg, 8px);border:1px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-uploader__delete-button{position:absolute;top:-14px;right:-14px;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-global-neutral-neutral-0, #fff);background:var(--color-global-neutral-neutral-80, #404040);cursor:pointer}.vsf-tab-bar{position:relative;display:flex;align-items:center;flex-wrap:nowrap;overflow:auto;width:100%;border-bottom:1px solid var(--color-alias-border-subtle-00, #e5e5e5);background:var(--color-alias-background, #fff);scrollbar-width:none;-ms-overflow-style:none}.vsf-tab-bar::-webkit-scrollbar{display:none}.vsf-tab-bar__indicator{position:absolute;bottom:0;height:2px;background:var(--color-alias-border-brand, #ea0029);transition:all .3s ease-in-out;z-index:1}.vsf-tab-bar__item{display:flex;flex-shrink:0;flex-grow:1;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-gap-1, 4px);color:var(--color-alias-object-secondary, #737373);font-weight:400}.vsf-tab-bar__item--active{color:var(--color-alias-object-brand, #ea0029)}.vsf-tab-bar__item--active .vsf-tab-bar__item__label{font-weight:600}.vsf-tab-bar__item__label-with-badge{display:flex;gap:4px;align-items:center}.vsf-tab-bar--theme-neutral .vsf-tab-bar__indicator{background:var(--color-alias-border-strong-02, #737373)}.vsf-tab-bar--theme-neutral .vsf-tab-bar__item{color:var(--color-alias-object-secondary, #737373)}.vsf-tab-bar--theme-neutral .vsf-tab-bar__item--active{color:var(--color-alias-object-primary, #0a0a0a)}.vsf-rating{display:inline-flex;align-items:center;gap:var(--gap-gap-2, 8px)}.vsf-rating__icon{cursor:pointer;width:24px}.vsf-rating__icon-empty{fill:var(--color-alias-layer-accent-01, #e5e5e5)}.vsf-rating__icon-filled{fill:var(--color-alias-support-highlight, #facc15)}.vsf-rating--medium .vsf-rating__icon{width:16px}.vsf-rating--large .vsf-rating__icon{width:24px}.vsf-rating--x-large .vsf-rating__icon{width:40px}.vsf-rating--readonly .vsf-rating__icon{cursor:default;pointer-events:none}.vsf-tooltip{padding:var(--gap-gap-1, 4px) var(--gap-gap-2, 8px);border-radius:var(--radius-rounded, 4px);background:var(--color-alias-background-inverse, #262626);box-shadow:0 2px 10px #0003;color:var(--color-alias-object-primary-inverse, #fff);font-size:var(--font-size-font-size-xs, 12px);font-weight:400;line-height:var(--line-height-line-height-xs, 16px);position:relative;display:flex}.vsf-tooltip--reverse{background:var(--color-alias-background, #fff);color:var(--color-alias-object-primary, #0a0a0a)}.vsf-tooltip__arrow{width:8px;height:4px;background:var(--color-alias-background-inverse, #262626);clip-path:polygon(50% 100%,0% 0%,100% 0%);position:absolute;box-shadow:0 2px 10px #0003}.vsf-tooltip__arrow--reverse{background:var(--color-alias-background, #fff)}.vsf-tooltip__arrow--top{bottom:-4px;left:50%;transform:translate(-50%)}.vsf-tooltip__arrow--bottom{top:-4px;left:50%;transform:translate(-50%) rotate(180deg)}.vsf-tooltip__arrow--left{top:50%;right:-6px;transform:translateY(-50%) rotate(270deg)}.vsf-tooltip__arrow--right{top:50%;left:-6px;transform:translateY(-50%) rotate(90deg)}.vsf-tooltip__arrow--top-left{bottom:-4px;left:8px}.vsf-tooltip__arrow--top-right{bottom:-4px;right:8px}.vsf-tooltip__arrow--bottom-left{top:-4px;left:8px;transform:rotate(180deg)}.vsf-tooltip__arrow--bottom-right{top:-4px;right:8px;transform:rotate(180deg)}.vsf-tooltip__arrow--left-top{top:8px;right:-6px;transform:rotate(270deg)}.vsf-tooltip__arrow--left-bottom{bottom:8px;right:-6px;transform:rotate(270deg)}.vsf-tooltip__arrow--right-top{top:8px;left:-6px;transform:rotate(90deg)}.vsf-tooltip__arrow--right-bottom{bottom:8px;left:-6px;transform:rotate(90deg)}.vsf-tooltip__content{max-width:160px;flex-shrink:0}.vsf-tooltip__close{margin-left:4px;cursor:pointer}.vsf-calendar-range-picker{display:flex;padding:var(--gap-gap-2, 8px);flex-direction:column;gap:var(--gap-gap-2, 8px);background:var(--color-alias-background, #fff)}.vsf-calendar-range-picker__header{display:flex;justify-content:center;align-items:center;gap:var(--gap-gap-15, 6px);align-self:stretch}.vsf-calendar-range-picker__header-label{flex:1 0 0;text-align:center}.vsf-calendar-range-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}.vsf-calendar-range-picker__cell-container{padding:0 2px;position:relative}.vsf-calendar-range-picker__cell-range-background{position:absolute;inset:0;background:var(--color-alias-background-brand-subtle, #fde2e7)}.vsf-calendar-range-picker__cell-range-background-start{left:50%}.vsf-calendar-range-picker__cell-range-background-end{right:50%}.vsf-calendar-range-picker__cell-range-background-start-end-row,.vsf-calendar-range-picker__cell-range-background-end-start-row{display:none}.vsf-calendar-range-picker__cell{display:flex;flex-direction:column;justify-content:center;align-items:center}.vsf-calendar-range-picker__cell-week{height:40px}.vsf-calendar-range-picker__cell-day{position:relative;aspect-ratio:.85;cursor:pointer}.vsf-calendar-range-picker__cell-day--disabled{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day--disabled .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day--today{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-brand, #ea0029);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--in-range-picker{color:var(--color-alias-object-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--selected{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-on-brand, #fff);font-weight:700;background:var(--color-alias-background-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--selected .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-on-brand, #fff)}.vsf-calendar-range-picker__cell-day-sub-title{position:absolute;color:var(--color-alias-object-secondary, #737373);bottom:2px;left:0;right:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsf-calendar-range-picker__cell-day-filler{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day-filler .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker{display:flex;padding:var(--gap-gap-2, 8px);flex-direction:column;gap:var(--gap-gap-2, 8px);background:var(--color-alias-background, #fff)}.vsf-calendar-single-picker__header{display:flex;justify-content:center;align-items:center;gap:var(--gap-gap-15, 6px);align-self:stretch}.vsf-calendar-single-picker__header-label{flex:1 0 0;text-align:center}.vsf-calendar-single-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}.vsf-calendar-single-picker__cell-container{padding:0 2px;position:relative}.vsf-calendar-single-picker__cell{display:flex;flex-direction:column;justify-content:center;align-items:center}.vsf-calendar-single-picker__cell-week{height:40px}.vsf-calendar-single-picker__cell-day{position:relative;aspect-ratio:.85;cursor:pointer}.vsf-calendar-single-picker__cell-day--disabled{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day--disabled .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day--today{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-brand, #ea0029);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-calendar-single-picker__cell-day--selected{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-on-brand, #fff);font-weight:700;background:var(--color-alias-background-brand, #ea0029)}.vsf-calendar-single-picker__cell-day--selected .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-on-brand, #fff)}.vsf-calendar-single-picker__cell-day-sub-title{position:absolute;color:var(--color-alias-object-secondary, #737373);bottom:2px;left:0;right:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsf-calendar-single-picker__cell-day-filler{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day-filler .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-sheet-calendar-sheet__body{padding:0 var(--gap-gap-2, 8px)}.vsf-toast{display:flex;padding:var(--gap-gap-2, 8px);align-items:center;gap:var(--gap-gap-2, 8px);border-radius:var(--radius-rounded-lg, 8px)}.vsf-toast__close-icon,.vsf-toast__icon{display:flex}.vsf-toast__content{flex:1}.vsf-toast--neutral{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-toast--neutral .vsf-toast__icon{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-toast--informative{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-toast--informative .vsf-toast__icon{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-toast--positive{color:var(--color-alias-object-primary, #0a0a0a);border:.5px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15));background:var(--color-alias-support-positive-subtle, #f0fdf4)}.vsf-toast--positive .vsf-toast__icon{color:var(--color-alias-support-positive, #16a34a)}.vsf-toast--negative{color:var(--color-alias-object-primary, #0a0a0a);border:.5px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15));background:var(--color-alias-support-negative-subtle, #fef2f2)}.vsf-toast--negative .vsf-toast__icon{color:var(--color-alias-support-negative, #dc2626)}.vsf-toast-provider{position:fixed;left:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:999}.vsf-toast-provider--top{top:calc(var(--vsf-current-navigation-bar-height, 0px) + 16px);flex-direction:column-reverse}.vsf-toast-provider--bottom{bottom:calc(var(--vsf-current-bottom-tab-bar-height, 0px) + 16px)}