@vkontakte/vkui 7.0.0-dev-efd91c.2 → 7.0.0-dev-efd91c.3

package/dist/vkui.css.map

@@ -1 +1 @@
-{"version":3,"file":"vkui.css","sources":["webpack://@vkontakte/vkui/./src/styles/themes.css","webpack://@vkontakte/vkui/./src/styles/constants.css","webpack://@vkontakte/vkui/./src/styles/adaptivity.module.css","webpack://@vkontakte/vkui/./src/styles/dynamicTokens.css","webpack://@vkontakte/vkui/./src/styles/focusVisible.module.css","webpack://@vkontakte/vkui/./src/styles/animationFades.module.css","webpack://@vkontakte/vkui/./src/styles/transformOriginByPlacement.module.css","webpack://@vkontakte/vkui/./src/styles/gaps.module.css","webpack://@vkontakte/vkui/./src/components/AppRoot/AppRoot.module.css","webpack://@vkontakte/vkui/./src/lib/tokens/TokensClassProvider.module.css","webpack://@vkontakte/vkui/./src/components/RootComponent/RootComponent.module.css","webpack://@vkontakte/vkui/./src/components/AppRoot/AppRootStyleContainer.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Typography.module.css","webpack://@vkontakte/vkui/./src/components/Typography/DisplayTitle/DisplayTitle.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Title/Title.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Headline/Headline.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Text/Text.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Paragraph/Paragraph.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Subhead/Subhead.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Footnote/Footnote.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Caption/Caption.module.css","webpack://@vkontakte/vkui/./src/components/Typography/EllipsisText/EllipsisText.module.css","webpack://@vkontakte/vkui/./src/components/UnstyledTextField/UnstyledTextField.module.css","webpack://@vkontakte/vkui/./src/components/Clickable/Clickable.module.css","webpack://@vkontakte/vkui/./src/components/Tappable/Tappable.module.css","webpack://@vkontakte/vkui/./src/components/FixedLayout/FixedLayout.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBase.module.css","webpack://@vkontakte/vkui/./src/components/VisuallyHidden/VisuallyHidden.module.css","webpack://@vkontakte/vkui/./src/components/Spinner/Spinner.module.css","webpack://@vkontakte/vkui/./src/components/Button/Button.module.css","webpack://@vkontakte/vkui/./src/components/IconButton/IconButton.module.css","webpack://@vkontakte/vkui/./src/components/ToolButton/ToolButton.module.css","webpack://@vkontakte/vkui/./src/components/Root/Root.module.css","webpack://@vkontakte/vkui/./src/components/View/View.module.css","webpack://@vkontakte/vkui/./src/components/Panel/Panel.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderButton/PanelHeaderButton.module.css","webpack://@vkontakte/vkui/./src/styles/spacings.module.css","webpack://@vkontakte/vkui/./src/components/Separator/Separator.module.css","webpack://@vkontakte/vkui/./src/components/Spacing/Spacing.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeader/PanelHeader.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderContent/PanelHeaderContent.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderContext/PanelHeaderContext.module.css","webpack://@vkontakte/vkui/./src/components/SplitLayout/SplitLayout.module.css","webpack://@vkontakte/vkui/./src/components/SplitCol/SplitCol.module.css","webpack://@vkontakte/vkui/./src/components/Epic/Epic.module.css","webpack://@vkontakte/vkui/./src/components/Tabbar/Tabbar.module.css","webpack://@vkontakte/vkui/./src/components/TabbarItem/TabbarItem.module.css","webpack://@vkontakte/vkui/./src/components/ScrollArrow/ScrollArrow.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalScroll/HorizontalScroll.module.css","webpack://@vkontakte/vkui/./src/components/AspectRatio/AspectRatio.module.css","webpack://@vkontakte/vkui/./src/components/Flex/FlexItem/FlexItem.module.css","webpack://@vkontakte/vkui/./src/components/Flex/Flex.module.css","webpack://@vkontakte/vkui/./src/components/SimpleGrid/SimpleGrid.module.css","webpack://@vkontakte/vkui/./src/components/PopoutWrapper/PopoutWrapper.module.css","webpack://@vkontakte/vkui/./src/components/ModalDismissButton/ModalDismissButton.module.css","webpack://@vkontakte/vkui/./src/components/Alert/Alert.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheetItem/subcomponents/Radio/Radio.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheetItem/ActionSheetItem.module.css","webpack://@vkontakte/vkui/./src/components/FloatingArrow/FloatingArrow.module.css","webpack://@vkontakte/vkui/./src/components/Popper/Popper.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheet/ActionSheet.module.css","webpack://@vkontakte/vkui/./src/components/ScreenSpinner/ScreenSpinner.module.css","webpack://@vkontakte/vkui/./src/components/Snackbar/subcomponents/Basic/Basic.module.css","webpack://@vkontakte/vkui/./src/components/Snackbar/Snackbar.module.css","webpack://@vkontakte/vkui/./src/components/TooltipBase/TooltipBase.module.css","webpack://@vkontakte/vkui/./src/components/ModalOverlay/ModalOverlay.module.css","webpack://@vkontakte/vkui/./src/components/CustomScrollView/CustomScrollView.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageContent/ModalPageContent.module.css","webpack://@vkontakte/vkui/./src/components/ModalRoot/VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay.module.css","webpack://@vkontakte/vkui/./src/components/ModalOutlet/ModalOutlet.module.css","webpack://@vkontakte/vkui/./src/components/ModalPage/ModalPage.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageHeader/ModalPageHeader.module.css","webpack://@vkontakte/vkui/./src/components/ModalCardBase/ModalCardBase.module.css","webpack://@vkontakte/vkui/./src/components/ModalCard/ModalCard.module.css","webpack://@vkontakte/vkui/./src/components/Badge/Badge.module.css","webpack://@vkontakte/vkui/./src/components/ContentBadge/ContentBadge.module.css","webpack://@vkontakte/vkui/./src/components/ButtonGroup/ButtonGroup.module.css","webpack://@vkontakte/vkui/./src/components/Card/Card.module.css","webpack://@vkontakte/vkui/./src/components/CardGrid/CardGrid.module.css","webpack://@vkontakte/vkui/./src/components/CardScroll/CardScroll.module.css","webpack://@vkontakte/vkui/./src/components/ContentCard/ContentCard.module.css","webpack://@vkontakte/vkui/./src/components/Header/Header.module.css","webpack://@vkontakte/vkui/./src/components/Group/Group.module.css","webpack://@vkontakte/vkui/./src/components/Gradient/Gradient.module.css","webpack://@vkontakte/vkui/./src/components/List/List.module.css","webpack://@vkontakte/vkui/./src/components/Removable/Removable.module.css","webpack://@vkontakte/vkui/./src/components/SimpleCell/SimpleCell.module.css","webpack://@vkontakte/vkui/./src/components/Cell/CellCheckbox/CellCheckbox.module.css","webpack://@vkontakte/vkui/./src/components/Cell/CellDragger/CellDragger.module.css","webpack://@vkontakte/vkui/./src/components/Cell/Cell.module.css","webpack://@vkontakte/vkui/./src/components/RichCell/RichCellIcon/RichCellIcon.module.css","webpack://@vkontakte/vkui/./src/components/RichCell/RichCell.module.css","webpack://@vkontakte/vkui/./src/components/CellButton/CellButton.module.css","webpack://@vkontakte/vkui/./src/components/Avatar/AvatarBadge/AvatarBadge.module.css","webpack://@vkontakte/vkui/./src/components/Avatar/Avatar.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalCell/HorizontalCell.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.module.css","webpack://@vkontakte/vkui/./src/components/Footer/Footer.module.css","webpack://@vkontakte/vkui/./src/components/InfoRow/InfoRow.module.css","webpack://@vkontakte/vkui/./src/components/BaseGallery/BaseGallery.module.css","webpack://@vkontakte/vkui/./src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css","webpack://@vkontakte/vkui/./src/components/GridAvatar/GridAvatar.module.css","webpack://@vkontakte/vkui/./src/components/Image/ImageBadge/ImageBadge.module.css","webpack://@vkontakte/vkui/./src/components/Image/Image.module.css","webpack://@vkontakte/vkui/./src/components/Progress/Progress.module.css","webpack://@vkontakte/vkui/./src/components/Search/Search.module.css","webpack://@vkontakte/vkui/./src/components/Tabs/Tabs.module.css","webpack://@vkontakte/vkui/./src/components/TabsItem/TabsItem.module.css","webpack://@vkontakte/vkui/./src/components/PullToRefresh/PullToRefresh.module.css","webpack://@vkontakte/vkui/./src/components/Link/Link.module.css","webpack://@vkontakte/vkui/./src/components/Mark/Mark.module.css","webpack://@vkontakte/vkui/./src/components/OnboardingTooltip/OnboardingTooltip.module.css","webpack://@vkontakte/vkui/./src/components/Counter/Counter.module.css","webpack://@vkontakte/vkui/./src/components/UsersStack/UsersStack.module.css","webpack://@vkontakte/vkui/./src/components/Placeholder/Placeholder.module.css","webpack://@vkontakte/vkui/./src/components/Banner/Banner.module.css","webpack://@vkontakte/vkui/./src/components/MiniInfoCell/MiniInfoCell.module.css","webpack://@vkontakte/vkui/./src/components/WriteBar/WriteBar.module.css","webpack://@vkontakte/vkui/./src/components/WriteBarIcon/WriteBarIcon.module.css","webpack://@vkontakte/vkui/./src/components/SubnavigationBar/SubnavigationBar.module.css","webpack://@vkontakte/vkui/./src/components/SubnavigationButton/SubnavigationButton.module.css","webpack://@vkontakte/vkui/./src/components/Pagination/PaginationPage/PaginationPage.module.css","webpack://@vkontakte/vkui/./src/components/Pagination/Pagination.module.css","webpack://@vkontakte/vkui/./src/components/Accordion/Accordion.module.css","webpack://@vkontakte/vkui/./src/components/FormItem/FormItem.module.css","webpack://@vkontakte/vkui/./src/components/FormField/FormField.module.css","webpack://@vkontakte/vkui/./src/components/FormLayoutGroup/FormLayoutGroup.module.css","webpack://@vkontakte/vkui/./src/components/FormStatus/FormStatus.module.css","webpack://@vkontakte/vkui/./src/components/Switch/Switch.module.css","webpack://@vkontakte/vkui/./src/components/DropZone/components/DropZoneGrid.module.css","webpack://@vkontakte/vkui/./src/components/DropZone/DropZone.module.css","webpack://@vkontakte/vkui/./src/components/Input/Input.module.css","webpack://@vkontakte/vkui/./src/components/ChipsInputBase/Chip/Chip.module.css","webpack://@vkontakte/vkui/./src/components/ChipsInputBase/ChipsInputBase.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelectDropdown/CustomSelectDropdown.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelectOption/CustomSelectOption.module.css","webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.module.css","webpack://@vkontakte/vkui/./src/components/Slider/SliderThumb/SliderThumb.module.css","webpack://@vkontakte/vkui/./src/components/Slider/Slider.module.css","webpack://@vkontakte/vkui/./src/components/Textarea/Textarea.module.css","webpack://@vkontakte/vkui/./src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.module.css","webpack://@vkontakte/vkui/./src/components/SelectionControl/SelectionControl.module.css","webpack://@vkontakte/vkui/./src/components/Radio/RadioInput/RadioInput.module.css","webpack://@vkontakte/vkui/./src/components/Radio/Radio.module.css","webpack://@vkontakte/vkui/./src/components/RadioGroup/RadioGroup.module.css","webpack://@vkontakte/vkui/./src/components/Checkbox/CheckboxInput/CheckboxInput.module.css","webpack://@vkontakte/vkui/./src/components/Checkbox/CheckboxSimple/CheckboxSimple.module.css","webpack://@vkontakte/vkui/./src/components/Select/Select.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelect/CustomSelectInput/CustomSelectInput.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelect/CustomSelect.module.css","webpack://@vkontakte/vkui/./src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css","webpack://@vkontakte/vkui/./src/components/SegmentedControl/SegmentedControl.module.css","webpack://@vkontakte/vkui/./src/components/CalendarDay/CalendarDay.module.css","webpack://@vkontakte/vkui/./src/components/CalendarDays/CalendarDays.module.css","webpack://@vkontakte/vkui/./src/components/CalendarHeader/CalendarHeader.module.css","webpack://@vkontakte/vkui/./src/components/CalendarTime/CalendarTime.module.css","webpack://@vkontakte/vkui/./src/components/Calendar/Calendar.module.css","webpack://@vkontakte/vkui/./src/components/CalendarRange/CalendarRange.module.css","webpack://@vkontakte/vkui/./src/components/InputLike/InputLike.module.css","webpack://@vkontakte/vkui/./src/components/DateInput/DateInput.module.css","webpack://@vkontakte/vkui/./src/components/DateRangeInput/DateRangeInput.module.css","webpack://@vkontakte/vkui/./src/components/Skeleton/Skeleton.module.css","webpack://@vkontakte/vkui/./src/components/Div/Div.module.css","webpack://@vkontakte/vkui/./src/components/Popover/Popover.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageFooter/ModalPageFooter.module.css","webpack://@vkontakte/vkui/./src/styles/common.css"],"sourcesContent":["@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariables.css';\n@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css';\n","/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:root {\n  /* sizes */\n  --vkui_internal--tabbar_height: 48px;\n  --vkui_internal--grid_avatar_image_offset: 2px;\n  --vkui_internal--slider_thumb_size: 28px;\n  --vkui_internal--side_cell_gap: calc(\n    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s)\n  );\n  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--regular);\n\n  /**\n   * [a11y][focus visible]\n   */\n  --vkui_internal--outline_width: 2px;\n  --vkui_internal--outline: var(--vkui_internal--outline_width, 2px) solid\n    var(--vkui--color_stroke_accent);\n  /**\n   * [a11y][windows high contrast mode]\n   *\n   * windows compatible outline reset\n   * @see https://benmyers.dev/blog/whcm-outlines/\n   */\n  --vkui_internal--outline-reset: var(--vkui_internal--outline_width) solid transparent;\n\n  /**\n   * \"Safe Zone\" добавляет невидимую интерактивную область, по которой пользователь будет вводить мышкой и тем самым\n   * компонент будет оставаться активным.\n   *\n   * > ⚠️ Используется для динамического изменения в JS файлах.\n   */\n  --vkui_internal--popover_safe_zone_padding: 8px;\n\n  /* colors */\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  --vkui_internal--white: #fff;\n\n  /* insets */\n  --vkui_internal--safe_area_inset_top: 0px;\n  --vkui_internal--safe_area_inset_right: 0px;\n  --vkui_internal--safe_area_inset_bottom: 0px;\n  --vkui_internal--safe_area_inset_left: 0px;\n\n  /* animations */\n  --vkui_internal--duration: 0.7s;\n  --vkui_internal--slide-easing: cubic-bezier(0.16, 1, 0.3, 1);\n  --vkui_internal--spring-easing: cubic-bezier(0.22, 1, 0.6, 1.03);\n\n  /* z_index */\n  --vkui_internal--z_index_cell_dragging: 100;\n  --vkui_internal--z_index_tabs: 2;\n  --vkui_internal--z_index_fixed_layout: 3;\n  --vkui_internal--z_index_panel_header_context: 4;\n  --vkui_internal--z_index_panel_header_fade: 5;\n  --vkui_internal--z_index_pull_to_refresh: 9;\n  --vkui_internal--z_index_panel_header: 10;\n  --vkui_internal--z_index_split_layout_panel_header: 11;\n\n  /* z_index Tappable isolate */\n  --vkui_internal--z_index_tappable_state: 0;\n  --vkui_internal--z_index_tappable_element: 1;\n\n  /* z_index Banner isolate */\n  --vkui_internal--z_index_banner_background: 0;\n  --vkui_internal--z_index_banner_content: 1;\n  --vkui_internal--z_index_banner_hover: 2;\n\n  /* z_index FormField isolate */\n  --vkui_internal--z_index_form_field_element: 1;\n  --vkui_internal--z_index_form_field_border: 2;\n  --vkui_internal--z_index_form_field_status: 3;\n  --vkui_internal--z_index_form_field_border_hover: 4;\n  --vkui_internal--z_index_form_field_focus: 5;\n  --vkui_internal--z_index_form_field_side: 6;\n\n  /* z_index ImageBase isolate */\n  --vkui_internal--z_index_image_base_overlay: 0;\n  --vkui_internal--z_index_image_base_border: 1;\n  --vkui_internal--z_index_image_base_badge: 2;\n\n  /* z_index HorizontalScroll isolate */\n  --vkui_internal--z_index_horizontal_scroll_arrow: 1;\n\n  /* Layout Gaps */\n  --vkui_internal--row_gap: 0px;\n  --vkui_internal--column_gap: 0px;\n\n  /* Spacing size */\n  --vkui_internal--spacing_size: 0px;\n\n  /** ModalOverlay props */\n  --vkui_internal--modal-overlay--opacity: 1;\n}\n\n@supports (padding-top: constant(safe-area-inset-top)) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :root {\n    --vkui_internal--safe_area_inset_top: constant(safe-area-inset-top);\n    --vkui_internal--safe_area_inset_right: constant(safe-area-inset-right);\n    --vkui_internal--safe_area_inset_bottom: constant(safe-area-inset-bottom);\n    --vkui_internal--safe_area_inset_left: constant(safe-area-inset-left);\n  }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :root {\n    --vkui_internal--safe_area_inset_top: env(safe-area-inset-top);\n    --vkui_internal--safe_area_inset_right: env(safe-area-inset-right);\n    --vkui_internal--safe_area_inset_bottom: env(safe-area-inset-bottom);\n    --vkui_internal--safe_area_inset_left: env(safe-area-inset-left);\n  }\n}\n","/*\nУтилитарные классы, реализующие адаптив через CSS путём показа/скрытия элемента.\n\nГлоссарий по модификаторам:\n\n- `forced` – означает, что мы зашили конкретное представление в `AdaptiveProvider` (ex, `<AdaptiveProvider sizeX=\"regular\">`).\n- `mq` – означает, что для смены представления используется CSS Media Query.\n\n---\n\nNote: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.\n\n*/\n\n@media (--sizeX-regular) {\n  .-sizeX--compact-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--sizeX-compact) {\n  .-sizeX--regular-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--sizeY-regular) {\n  .-sizeY--compact-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--sizeY-compact) {\n  .-sizeY--regular-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--viewWidth-tabletPlus) {\n  .-viewWidth--tabletMinus-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--viewWidth-tabletMinus) {\n  .-viewWidth--tabletPlus-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--desktop) {\n  .-deviceType--mobile-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--mobile) {\n  .-deviceType--desktop-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n","/* stylelint-disable selector-pseudo-class-disallowed-list */\n\n:root {\n  --vkui--size_border--regular: var(--vkui--size_border1x--regular);\n}\n\n@media (min-resolution: 2dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border2x--regular);\n  }\n}\n@media (min-resolution: 3dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border3x--regular);\n  }\n}\n","/**\n * Утилитарные классы на замену отдельному компоненту для имитации\n * :focus-visible состояния.\n */\n.-focus-visible {\n  --vkui_internal--outline_width: 2px;\n}\n\n/* stylelint-disable selector-max-universal */\n.-focus-visible:focus,\n.-focus-visible:focus-visible,\n.-focus-visible *:focus,\n.-focus-visible *:focus-visible {\n  outline: none;\n}\n/* stylelint-enable selector-max-universal */\n\n.-focus-visible.-focus-visible--mode-outside {\n  --vkui_internal--outline_offset_from: 0;\n  --vkui_internal--outline_offset_to: var(--vkui_internal--outline_width);\n}\n\n.-focus-visible.-focus-visible--mode-inside {\n  --vkui_internal--outline_offset_from: calc(-2 * var(--vkui_internal--outline_width));\n  --vkui_internal--outline_offset_to: calc(-1 * var(--vkui_internal--outline_width));\n}\n\n.-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,\n.-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {\n  outline: var(--vkui_internal--outline);\n  outline-offset: var(--vkui_internal--outline_offset_to);\n  animation: animation-outline-offset 0.1s ease-in-out 0.01s forwards;\n}\n\n@media (--reduce-motion) {\n  .-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,\n  .-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {\n    animation: none;\n  }\n}\n\n@keyframes animation-outline-offset {\n  0% {\n    outline-offset: var(--vkui_internal--outline_offset_from);\n  }\n\n  100% {\n    outline-offset: var(--vkui_internal--outline_offset_to);\n  }\n}\n",".-anim-fade-in {\n  animation: anim-fade-in 0.1s ease-in forwards;\n}\n\n.-anim-fade-out {\n  animation: anim-fade-out 0.1s ease-out forwards;\n}\n\n@keyframes anim-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes anim-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".-anim-transform-origin-top {\n  transform-origin: bottom center;\n}\n\n.-anim-transform-origin-top-start {\n  transform-origin: bottom left;\n}\n\n.-anim-transform-origin-top-end {\n  transform-origin: bottom right;\n}\n\n.-anim-transform-origin-right {\n  transform-origin: left center;\n}\n\n.-anim-transform-origin-right-start {\n  transform-origin: left top;\n}\n\n.-anim-transform-origin-right-end {\n  transform-origin: left bottom;\n}\n\n.-anim-transform-origin-bottom {\n  transform-origin: top center;\n}\n\n.-anim-transform-origin-bottom-start {\n  transform-origin: top left;\n}\n\n.-anim-transform-origin-bottom-end {\n  transform-origin: top right;\n}\n\n.-anim-transform-origin-left {\n  transform-origin: right center;\n}\n\n.-anim-transform-origin-left-start {\n  transform-origin: right top;\n}\n\n.-anim-transform-origin-left-end {\n  transform-origin: right bottom;\n}\n","/* Row Gap */\n\n.-row-gap--2xs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xs);\n}\n\n.-row-gap--xs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xs);\n}\n\n.-row-gap--s {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_s);\n}\n\n.-row-gap--m {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_m);\n}\n\n.-row-gap--l {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_l);\n}\n\n.-row-gap--xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xl);\n}\n\n.-row-gap--2xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xl);\n}\n\n.-row-gap--3xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_3xl);\n}\n\n.-row-gap--4xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_4xl);\n}\n\n/* Column Gap */\n\n.-column-gap--2xs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xs);\n}\n\n.-column-gap--xs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xs);\n}\n\n.-column-gap--s {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_s);\n}\n\n.-column-gap--m {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_m);\n}\n\n.-column-gap--l {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_l);\n}\n\n.-column-gap--xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xl);\n}\n\n.-column-gap--2xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xl);\n}\n\n.-column-gap--3xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_3xl);\n}\n\n.-column-gap--4xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_4xl);\n}\n",".transformForPositionFixedElements {\n  transform: translate3d(0, 0, 0);\n}\n",".defaultColor {\n  color-scheme: var(--vkui--colors_scheme);\n  color: var(--vkui--color_text_primary);\n}\n",".host[hidden='hidden'],\n.hidden {\n  /* stylelint-disable-next-line declaration-no-important */\n  display: none !important;\n}\n\n.host[hidden='until-found'] {\n  /* stylelint-disable-next-line declaration-no-important */\n  content-visibility: hidden !important;\n}\n",".host {\n  /* чтобы можно было ограничить размеры приложения\n   * извне с помощью max-height, max-width */\n  max-inline-size: inherit;\n  max-block-size: inherit;\n  inline-size: 100%;\n  block-size: 100%;\n  -webkit-tap-highlight-color: transparent;\n  text-size-adjust: 100%;\n  font-family: var(--vkui--font_family_base);\n  color: var(--vkui--color_text_primary);\n  color-scheme: var(--vkui--colors_scheme);\n}\n\n.sizeXRegular {\n  background: var(--vkui--color_background);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone {\n    background: var(--vkui--color_background);\n  }\n}\n\n.layoutCard {\n  background: var(--vkui--color_background);\n}\n\n.layoutPlain {\n  background: var(--vkui--color_background_content);\n}\n\n.sizeYCompact {\n  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);\n  }\n}\n\n.userSelectNone {\n  user-select: none;\n}\n\n/**\n * Хак для webkit-based браузеров, потому что на версиях iOS <= 14.* исчезает возможность\n * редактировать contenteditable элементы, если выше по дереву задан user-select: none;\n */\n.userSelectNone [contenteditable] {\n  user-select: text;\n}\n\n@media (--pointer-has-not) {\n  .pointerNone {\n    user-select: none;\n  }\n\n  .pointerNone [contenteditable] {\n    user-select: text;\n  }\n}\n\n.embedded {\n  /* Раньше в этом режиме на родителе (app__root--embeded)\n   * лежал стиль overflow-x: hidden\n   * см: https://github.com/VKCOM/VKUI/commit/67366838397305b79d4c1de6e0b5ca03e7fd7450\n   * см: https://github.com/VKCOM/VKUI/pull/1248/files\n   * Но сейчас, так как главные стили, в том числе и\n   * transform: translate3d(0, 0, 0) лежат на AppRoot,\n   * то в этом смысла не видно.\n   * По крайней мере примеров,\n   * где бы overflow ломался в embedded режиме,\n   * пока не было найдено */\n  overflow: auto;\n}\n",".normalize {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.inline {\n  display: inline-block;\n}\n\n/* Мы утяжеляем селектор, чтобы перебить другие селекторы */\n.weight1.weight1.weight1.weight1 {\n  font-weight: var(--vkui--font_weight_base1);\n}\n\n.accent.weight1.weight1.weight1 {\n  font-weight: var(--vkui--font_weight_accent1);\n}\n\n.weight2.weight2.weight2.weight2 {\n  font-weight: var(--vkui--font_weight_base2);\n}\n\n.accent.weight2.weight2.weight2 {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.weight3.weight3.weight3.weight3 {\n  font-weight: var(--vkui--font_weight_base3);\n}\n\n.accent.weight3.weight3.weight3 {\n  font-weight: var(--vkui--font_weight_accent3);\n}\n\n/* stylelint-disable-next-line selector-max-type */\n.host b {\n  font-weight: var(--vkui--font_weight_base1);\n}\n\n/* stylelint-disable-next-line selector-max-type */\n.accent.host b {\n  font-weight: var(--vkui--font_weight_accent1);\n}\n",".level1 {\n  font-size: var(--vkui--font_display_title1--font_size--regular);\n  line-height: var(--vkui--font_display_title1--line_height--regular);\n  font-weight: var(--vkui--font_display_title1--font_weight--regular);\n  font-family: var(--vkui--font_display_title1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_display_title1--font_size--compact,\n    var(--vkui--font_display_title1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title1--line_height--compact,\n    var(--vkui--font_display_title1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title1--font_weight--compact,\n    var(--vkui--font_display_title1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title1--font_family--compact,\n    var(--vkui--font_display_title1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_display_title1--font_size--compact,\n      var(--vkui--font_display_title1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title1--line_height--compact,\n      var(--vkui--font_display_title1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title1--font_weight--compact,\n      var(--vkui--font_display_title1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title1--font_family--compact,\n      var(--vkui--font_display_title1--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_display_title2--font_size--regular);\n  line-height: var(--vkui--font_display_title2--line_height--regular);\n  font-weight: var(--vkui--font_display_title2--font_weight--regular);\n  font-family: var(--vkui--font_display_title2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_display_title2--font_size--compact,\n    var(--vkui--font_display_title2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title2--line_height--compact,\n    var(--vkui--font_display_title2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title2--font_weight--compact,\n    var(--vkui--font_display_title2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title2--font_family--compact,\n    var(--vkui--font_display_title2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_display_title2--font_size--compact,\n      var(--vkui--font_display_title2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title2--line_height--compact,\n      var(--vkui--font_display_title2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title2--font_weight--compact,\n      var(--vkui--font_display_title2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title2--font_family--compact,\n      var(--vkui--font_display_title2--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_display_title3--font_size--regular);\n  line-height: var(--vkui--font_display_title3--line_height--regular);\n  font-weight: var(--vkui--font_display_title3--font_weight--regular);\n  font-family: var(--vkui--font_display_title3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_display_title3--font_size--compact,\n    var(--vkui--font_display_title3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title3--line_height--compact,\n    var(--vkui--font_display_title3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title3--font_weight--compact,\n    var(--vkui--font_display_title3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title3--font_family--compact,\n    var(--vkui--font_display_title3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_display_title3--font_size--compact,\n      var(--vkui--font_display_title3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title3--line_height--compact,\n      var(--vkui--font_display_title3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title3--font_weight--compact,\n      var(--vkui--font_display_title3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title3--font_family--compact,\n      var(--vkui--font_display_title3--font_family--regular)\n    );\n  }\n}\n\n.level4 {\n  font-size: var(--vkui--font_display_title4--font_size--regular);\n  line-height: var(--vkui--font_display_title4--line_height--regular);\n  font-weight: var(--vkui--font_display_title4--font_weight--regular);\n  font-family: var(--vkui--font_display_title4--font_family--regular);\n}\n\n.sizeYCompact.level4 {\n  font-size: var(\n    --vkui--font_display_title4--font_size--compact,\n    var(--vkui--font_display_title4--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title4--line_height--compact,\n    var(--vkui--font_display_title4--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title4--font_weight--compact,\n    var(--vkui--font_display_title4--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title4--font_family--compact,\n    var(--vkui--font_display_title4--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level4 {\n    font-size: var(\n      --vkui--font_display_title4--font_size--compact,\n      var(--vkui--font_display_title4--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title4--line_height--compact,\n      var(--vkui--font_display_title4--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title4--font_weight--compact,\n      var(--vkui--font_display_title4--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title4--font_family--compact,\n      var(--vkui--font_display_title4--font_family--regular)\n    );\n  }\n}\n",".level1 {\n  font-size: var(--vkui--font_title1--font_size--regular);\n  line-height: var(--vkui--font_title1--line_height--regular);\n  font-weight: var(--vkui--font_title1--font_weight--regular);\n  font-family: var(--vkui--font_title1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_title1--font_size--compact,\n    var(--vkui--font_title1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title1--line_height--compact,\n    var(--vkui--font_title1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title1--font_weight--compact,\n    var(--vkui--font_title1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title1--font_family--compact,\n    var(--vkui--font_title1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_title1--font_size--compact,\n      var(--vkui--font_title1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title1--line_height--compact,\n      var(--vkui--font_title1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title1--font_weight--compact,\n      var(--vkui--font_title1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title1--font_family--compact,\n      var(--vkui--font_title1--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_title2--font_size--regular);\n  line-height: var(--vkui--font_title2--line_height--regular);\n  font-weight: var(--vkui--font_title2--font_weight--regular);\n  font-family: var(--vkui--font_title2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_title2--font_size--compact,\n    var(--vkui--font_title2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title2--line_height--compact,\n    var(--vkui--font_title2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title2--font_weight--compact,\n    var(--vkui--font_title2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title2--font_family--compact,\n    var(--vkui--font_title2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_title2--font_size--compact,\n      var(--vkui--font_title2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title2--line_height--compact,\n      var(--vkui--font_title2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title2--font_weight--compact,\n      var(--vkui--font_title2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title2--font_family--compact,\n      var(--vkui--font_title2--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_title3--font_size--regular);\n  line-height: var(--vkui--font_title3--line_height--regular);\n  font-weight: var(--vkui--font_title3--font_weight--regular);\n  font-family: var(--vkui--font_title3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_title3--font_size--compact,\n    var(--vkui--font_title3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title3--line_height--compact,\n    var(--vkui--font_title3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title3--font_weight--compact,\n    var(--vkui--font_title3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title3--font_family--compact,\n    var(--vkui--font_title3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_title3--font_size--compact,\n      var(--vkui--font_title3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title3--line_height--compact,\n      var(--vkui--font_title3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title3--font_weight--compact,\n      var(--vkui--font_title3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title3--font_family--compact,\n      var(--vkui--font_title3--font_family--regular)\n    );\n  }\n}\n",".level1 {\n  font-size: var(--vkui--font_headline1--font_size--regular);\n  line-height: var(--vkui--font_headline1--line_height--regular);\n  font-weight: var(--vkui--font_headline1--font_weight--regular);\n  font-family: var(--vkui--font_headline1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_headline1--font_size--compact,\n    var(--vkui--font_headline1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_headline1--line_height--compact,\n    var(--vkui--font_headline1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline1--font_weight--compact,\n    var(--vkui--font_headline1--font_weight--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_headline1--font_size--compact,\n      var(--vkui--font_headline1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_headline1--line_height--compact,\n      var(--vkui--font_headline1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline1--font_weight--compact,\n      var(--vkui--font_headline1--font_weight--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_headline2--font_size--regular);\n  line-height: var(--vkui--font_headline2--line_height--regular);\n  font-weight: var(--vkui--font_headline2--font_weight--regular);\n  font-family: var(--vkui--font_headline2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_headline2--font_size--compact,\n    var(--vkui--font_headline2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_headline2--line_height--compact,\n    var(--vkui--font_headline2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline2--font_weight--compact,\n    var(--vkui--font_headline2--font_weight--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_headline2--font_size--compact,\n      var(--vkui--font_headline2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_headline2--line_height--compact,\n      var(--vkui--font_headline2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline2--font_weight--compact,\n      var(--vkui--font_headline2--font_weight--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_text--font_size--regular);\n  line-height: var(--vkui--font_text--line_height--regular);\n  font-weight: var(--vkui--font_text--font_weight--regular);\n  font-family: var(--vkui--font_text--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--regular));\n  line-height: var(\n    --vkui--font_text--line_height--compact,\n    var(--vkui--font_text--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_text--font_weight--compact,\n    var(--vkui--font_text--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_text--font_family--compact,\n    var(--vkui--font_text--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_text--font_size--compact,\n      var(--vkui--font_text--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_text--line_height--compact,\n      var(--vkui--font_text--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_text--font_weight--compact,\n      var(--vkui--font_text--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_text--font_family--compact,\n      var(--vkui--font_text--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_paragraph--font_size--compact,\n    var(--vkui--font_paragraph--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_paragraph--line_height--compact,\n    var(--vkui--font_paragraph--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_paragraph--font_weight--compact,\n    var(--vkui--font_paragraph--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_paragraph--font_family--compact,\n    var(--vkui--font_paragraph--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_paragraph--font_size--compact,\n      var(--vkui--font_paragraph--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_paragraph--line_height--compact,\n      var(--vkui--font_paragraph--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_paragraph--font_weight--compact,\n      var(--vkui--font_paragraph--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_paragraph--font_family--compact,\n      var(--vkui--font_paragraph--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n  font-weight: var(--vkui--font_subhead--font_weight--regular);\n  font-family: var(--vkui--font_subhead--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_subhead--font_size--compact,\n    var(--vkui--font_subhead--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_subhead--line_height--compact,\n    var(--vkui--font_subhead--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_subhead--font_weight--compact,\n    var(--vkui--font_subhead--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_subhead--font_family--compact,\n    var(--vkui--font_subhead--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_subhead--font_size--compact,\n      var(--vkui--font_subhead--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_subhead--line_height--compact,\n      var(--vkui--font_subhead--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_subhead--font_weight--compact,\n      var(--vkui--font_subhead--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_subhead--font_family--compact,\n      var(--vkui--font_subhead--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  font-family: var(--vkui--font_footnote--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_footnote--font_size--compact,\n    var(--vkui--font_footnote--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_footnote--line_height--compact,\n    var(--vkui--font_footnote--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_footnote--font_weight--compact,\n    var(--vkui--font_footnote--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_footnote--font_family--compact,\n    var(--vkui--font_footnote--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_footnote--font_size--compact,\n      var(--vkui--font_footnote--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_footnote--line_height--compact,\n      var(--vkui--font_footnote--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_footnote--font_weight--compact,\n      var(--vkui--font_footnote--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_footnote--font_family--compact,\n      var(--vkui--font_footnote--font_family--regular)\n    );\n  }\n}\n\n.caps {\n  font-size: var(--vkui--font_footnote_caps--font_size--regular);\n  line-height: var(--vkui--font_footnote_caps--line_height--regular);\n  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);\n  font-family: var(--vkui--font_footnote_caps--font_family--regular);\n  text-transform: uppercase;\n}\n\n.sizeYCompact.caps {\n  font-size: var(\n    --vkui--font_footnote_caps--font_size--compact,\n    var(--vkui--font_footnote_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_footnote_caps--line_height--compact,\n    var(--vkui--font_footnote_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_footnote_caps--font_weight--compact,\n    var(--vkui--font_footnote_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_footnote_caps--font_family--compact,\n    var(--vkui--font_footnote_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.caps {\n    font-size: var(\n      --vkui--font_footnote_caps--font_size--compact,\n      var(--vkui--font_footnote_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_footnote_caps--line_height--compact,\n      var(--vkui--font_footnote_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_footnote_caps--font_weight--compact,\n      var(--vkui--font_footnote_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_footnote_caps--font_family--compact,\n      var(--vkui--font_footnote_caps--font_family--regular)\n    );\n  }\n}\n",".caps {\n  text-transform: uppercase;\n}\n\n.level1 {\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n  font-weight: var(--vkui--font_caption1--font_weight--regular);\n  font-family: var(--vkui--font_caption1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_caption1--font_size--compact,\n    var(--vkui--font_caption1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption1--line_height--compact,\n    var(--vkui--font_caption1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption1--font_weight--compact,\n    var(--vkui--font_caption1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption1--font_family--compact,\n    var(--vkui--font_caption1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_caption1--font_size--compact,\n      var(--vkui--font_caption1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption1--line_height--compact,\n      var(--vkui--font_caption1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption1--font_weight--compact,\n      var(--vkui--font_caption1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption1--font_family--compact,\n      var(--vkui--font_caption1--font_family--regular)\n    );\n  }\n}\n\n.level1.caps {\n  font-size: var(--vkui--font_caption1_caps--font_size--regular);\n  line-height: var(--vkui--font_caption1_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption1_caps--font_family--regular);\n}\n\n.sizeYCompact.level1.caps {\n  font-size: var(\n    --vkui--font_caption1_caps--font_size--compact,\n    var(--vkui--font_caption1_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption1_caps--line_height--compact,\n    var(--vkui--font_caption1_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption1_caps--font_weight--compact,\n    var(--vkui--font_caption1_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption1_caps--font_family--compact,\n    var(--vkui--font_caption1_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1.caps {\n    font-size: var(\n      --vkui--font_caption1_caps--font_size--compact,\n      var(--vkui--font_caption1_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption1_caps--line_height--compact,\n      var(--vkui--font_caption1_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption1_caps--font_weight--compact,\n      var(--vkui--font_caption1_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption1_caps--font_family--compact,\n      var(--vkui--font_caption1_caps--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_caption2--font_size--regular);\n  line-height: var(--vkui--font_caption2--line_height--regular);\n  font-weight: var(--vkui--font_caption2--font_weight--regular);\n  font-family: var(--vkui--font_caption2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_caption2--font_size--compact,\n    var(--vkui--font_caption2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption2--line_height--compact,\n    var(--vkui--font_caption2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption2--font_weight--compact,\n    var(--vkui--font_caption2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption2--font_family--compact,\n    var(--vkui--font_caption2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_caption2--font_size--compact,\n      var(--vkui--font_caption2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption2--line_height--compact,\n      var(--vkui--font_caption2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption2--font_weight--compact,\n      var(--vkui--font_caption2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption2--font_family--compact,\n      var(--vkui--font_caption2--font_family--regular)\n    );\n  }\n}\n\n.level2.caps {\n  font-size: var(--vkui--font_caption2_caps--font_size--regular);\n  line-height: var(--vkui--font_caption2_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption2_caps--font_family--regular);\n}\n\n.sizeYCompact.level2.caps {\n  font-size: var(\n    --vkui--font_caption2_caps--font_size--compact,\n    var(--vkui--font_caption2_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption2_caps--line_height--compact,\n    var(--vkui--font_caption2_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption2_caps--font_weight--compact,\n    var(--vkui--font_caption2_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption2_caps--font_family--compact,\n    var(--vkui--font_caption2_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2.caps {\n    font-size: var(\n      --vkui--font_caption2_caps--font_size--compact,\n      var(--vkui--font_caption2_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption2_caps--line_height--compact,\n      var(--vkui--font_caption2_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption2_caps--font_weight--compact,\n      var(--vkui--font_caption2_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption2_caps--font_family--compact,\n      var(--vkui--font_caption2_caps--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_caption3--font_size--regular);\n  line-height: var(--vkui--font_caption3--line_height--regular);\n  font-weight: var(--vkui--font_caption3--font_weight--regular);\n  font-family: var(--vkui--font_caption3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_caption3--font_size--compact,\n    var(--vkui--font_caption3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption3--line_height--compact,\n    var(--vkui--font_caption3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption3--font_weight--compact,\n    var(--vkui--font_caption3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption3--font_family--compact,\n    var(--vkui--font_caption3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_caption3--font_size--compact,\n      var(--vkui--font_caption3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption3--line_height--compact,\n      var(--vkui--font_caption3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption3--font_weight--compact,\n      var(--vkui--font_caption3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption3--font_family--compact,\n      var(--vkui--font_caption3--font_family--regular)\n    );\n  }\n}\n\n.level3.caps {\n  font-size: var(--vkui--font_caption3_caps--font_size--regular);\n  line-height: var(--vkui--font_caption3_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption3_caps--font_family--regular);\n}\n\n.sizeYCompact.level3.caps {\n  font-size: var(\n    --vkui--font_caption3_caps--font_size--compact,\n    var(--vkui--font_caption3_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption3_caps--line_height--compact,\n    var(--vkui--font_caption3_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption3_caps--font_weight--compact,\n    var(--vkui--font_caption3_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption3_caps--font_family--compact,\n    var(--vkui--font_caption3_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3.caps {\n    font-size: var(\n      --vkui--font_caption3_caps--font_size--compact,\n      var(--vkui--font_caption3_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption3_caps--line_height--compact,\n      var(--vkui--font_caption3_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption3_caps--font_weight--compact,\n      var(--vkui--font_caption3_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption3_caps--font_family--compact,\n      var(--vkui--font_caption3_caps--font_family--regular)\n    );\n  }\n}\n",".host {\n  display: inline-flex;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n/* Хак для того, чтобы убрать системный тултип в Safari */\n.host.disableNativeTitle::after,\n.host.disableNativeTitle .content::after {\n  content: '';\n  display: block;\n}\n\n.content {\n  min-inline-size: 1em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 0 auto;\n  max-inline-size: inherit;\n}\n\n.contentMultiline {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -ms-box-orient: vertical;\n  -moz-box-orient: vertical;\n  white-space: normal;\n}\n",".host {\n  margin: 0;\n  border: 0;\n  box-shadow: none;\n  background: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  resize: none;\n}\n\n.noPadding {\n  padding: 0;\n}\n\n.host:focus {\n  outline: none;\n}\n\n/*\n * Отключаем нативные элементы для <input type=\"number\" />\n *\n * см. https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp\n */\n.host::-webkit-outer-spin-button,\n.host::-webkit-inner-spin-button {\n  appearance: none;\n}\n\n.host[type='number'] {\n  appearance: textfield;\n}\n",".realClickable {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n\n/* stylelint-disable selector-max-type */\nbutton.realClickable {\n  appearance: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-drag: none;\n}\n\na.realClickable {\n  appearance: none;\n  text-decoration: none;\n}\n/* stylelint-enable selector-max-type */\n\n.host:focus,\n.host:focus-visible {\n  outline: none;\n}\n\n.host[disabled],\n.host[aria-disabled='true'] {\n  cursor: not-allowed;\n}\n",".host {\n  isolation: isolate;\n  position: relative;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/*\nПросто поменять местами элементы внутри Tappable нельзя:\n\n- некоторые элементы завязаны на :last-child и :first-child\n- необходимо чтобы все элементы были позиционированные\n\nhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index\nhttps://github.com/VKCOM/VKUI/pull/3641\n*/\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_tappable_element);\n}\n\n/**\n * overrides\n */\n.sizeXCompact {\n  border-radius: 0;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    border-radius: 0;\n  }\n}\n\n.host.borderRadiusInherit {\n  border-radius: inherit;\n}\n\n/**\n * hover & active state\n */\n.stateLayer {\n  z-index: var(--vkui_internal--z_index_tappable_state);\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: background-color 0.15s ease-out;\n}\n\n/**\n * Задерживаем отрисовку background-color\n */\n.hasPointerFalse .ripple {\n  transition: background-color 0.15s 0.15s ease-out;\n}\n\n@media (--pointer-has-not) {\n  .hasPointerNone .ripple {\n    transition: background-color 0.15s 0.15s ease-out;\n  }\n}\n\n.hoveredBackground > .stateLayer {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.activatedBackground > .stateLayer {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n.hoveredOpacity,\n.activatedOpacity {\n  transition: opacity 0.15s ease-out;\n}\n\n.hoveredOpacity {\n  opacity: 0.8;\n}\n\n.activatedOpacity {\n  opacity: 0.7;\n}\n\n.wave {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 24px;\n  block-size: 24px;\n  margin-block: -12px 0;\n  margin-inline: 0 -12px;\n  opacity: 0;\n  content: '';\n  border-radius: 50%;\n  background: var(--vkui--color_transparent--active);\n  animation: animation-wave 0.3s var(--vkui--animation_easing_platform);\n}\n\n/**\n * Animations\n */\n@keyframes animation-wave {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  30% {\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(8);\n    opacity: 0;\n  }\n}\n",".host {\n  position: fixed;\n  box-sizing: border-box;\n  /**\n   * ⚠️ WARNING ⚠️\n   * `left: auto` решает следующие задачи:\n   * 1. При фиксированной ширине компонента позиционирует компонент по центру.\n   * 2. При использовании `SplitLayout` позиционирует компонент с права от `<SplitCol fixed />`.\n   *\n   * Подробности можно почитать здесь https://github.com/VKCOM/VKUI/pull/2472\n   *\n   * Единственное, есть проблема при срабатывании insets в landscape ориентации экрана (https://github.com/VKCOM/VKUI/issues/2422).\n   */\n  inset-inline-start: auto;\n  z-index: var(--vkui_internal--z_index_fixed_layout);\n  padding-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n}\n\n.filled {\n  background: var(--vkui--color_background_content);\n}\n\n.verticalTop {\n  inline-size: 100%;\n  inset-block-start: 0;\n}\n\n.verticalBottom {\n  inline-size: 100%;\n  inset-block-end: 0;\n  padding-block-end: var(--vkui_internal--safe_area_inset_bottom);\n}\n\n/**\n * CMP:\n * Epic\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar) .verticalBottom {\n  padding-block-end: calc(\n    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable selector-max-universal, selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) ~ .verticalTop,\n:global(.vkuiInternalPanelHeader) ~ * .verticalTop:not(:global(.vkuiInternalPanelHeader__fixed)) {\n  inset-block-start: calc(\n    var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top)\n  );\n}\n/* stylelint-enable selector-max-universal, selector-pseudo-class-disallowed-list */\n",".host {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_image_base_badge);\n  inset-inline-end: 0;\n  inset-block-end: 0;\n  border-radius: 50%;\n\n  /* Смещаем на `padding-top` и `padding-left`, чтобы не учитывать `padding` при позиционировании. */\n  transform: translate(2px, 2px);\n  padding: 2px;\n}\n\n.backgroundStroke {\n  /* цвет фона для скрывания элементов */\n  background-color: var(--vkui_internal--background, var(--vkui--color_background_content));\n}\n\n.backgroundShadow::before {\n  content: '';\n  position: absolute;\n  inset: 2px;\n  margin: auto;\n  border-radius: inherit;\n  box-shadow: var(--vkui--elevation1);\n  pointer-events: none;\n}\n",".host {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_image_base_overlay);\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  box-shadow: inherit;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n}\n\n.visible {\n  opacity: 1;\n}\n\n@media (--hover-has) {\n  .host:hover {\n    opacity: 1;\n  }\n}\n\n.clickable {\n  cursor: pointer;\n}\n\n.themeLight {\n  color: var(--vkui--color_icon_accent);\n  background-color: var(--vkui--color_avatar_overlay_inverse_alpha);\n}\n\n.themeDark {\n  color: var(--vkui--color_icon_contrast);\n  background-color: var(--vkui--color_avatar_overlay);\n}\n",".host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_secondary));\n  background-color: var(--vkui--color_background_secondary);\n  background-size: cover;\n  isolation: isolate;\n}\n\n.loaded,\n.transparentBackground {\n  background-color: transparent;\n}\n\n.children,\n.border {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.children {\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  border-radius: inherit;\n}\n\n.border {\n  pointer-events: none;\n  z-index: var(--vkui_internal--z_index_image_base_border);\n  box-sizing: border-box;\n  transform-origin: left top;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n}\n\n.img {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  visibility: hidden;\n}\n\n.imgKeepRatio {\n  inline-size: auto;\n  block-size: auto;\n}\n\n.imgObjectFitContain {\n  object-fit: contain;\n}\n\n.imgObjectFitCover {\n  object-fit: cover;\n}\n\n.imgObjectFitNone {\n  object-fit: none;\n}\n\n.imgObjectFitScaleDown {\n  object-fit: scale-down;\n}\n\n.loaded .img {\n  visibility: visible;\n}\n\n.fallback {\n  position: absolute;\n\n  /* Расcчитываем на центрирование через родительский `display: flex` */\n  inset-block-start: auto;\n  inset-inline-start: auto;\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader__before) .host {\n  margin-inline-start: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader__after) .host {\n  margin-inline-end: 8px;\n}\n","/* stylelint-disable declaration-no-important */\n.host {\n  position: absolute !important;\n  block-size: 1px !important;\n  inline-size: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important; /* Fix for https://github.com/twbs/bootstrap/issues/25686 */\n  white-space: nowrap !important;\n  clip: rect(0, 0, 0, 0) !important;\n  clip-path: inset(50%);\n  overflow: hidden !important;\n  border: 0 !important;\n  opacity: 0;\n  user-select: none;\n}\n\n/* Чтобы фокус скринридера, попавший на скрытый инпут был виден.\n * Особенно актуально для Android TalkBack */\n.focusableInput {\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  block-size: 100% !important;\n  inline-size: 100% !important;\n  clip: auto !important;\n  clip-path: none !important;\n  pointer-events: none;\n}\n/* stylelint-enable declaration-no-important */\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_medium);\n}\n\n.noColor {\n  color: currentColor;\n}\n",".host {\n  position: relative;\n  display: inline-block;\n  box-sizing: border-box;\n  border: 0;\n  min-block-size: var(--vkui--size_button_small_height--compact);\n  margin: 0;\n  padding: 0;\n  border-radius: var(--vkui--size_border_radius--regular);\n  max-inline-size: 100%;\n  min-inline-size: var(--vkui--size_button_minimum_width--regular);\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out;\n}\n\n.rounded {\n  border-radius: var(--vkui--size_border_radius_rounded--regular);\n}\n\n.loading:not(.disabled) {\n  /* stylelint-disable-next-line declaration-no-important -- перебиваем disabled из Clickable */\n  cursor: progress !important;\n}\n\n.singleIcon {\n  inline-size: var(--vkui--size_button_small_height--compact);\n  min-inline-size: initial;\n}\n\n.sizeYRegular.singleIcon {\n  inline-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.singleIcon {\n    inline-size: var(--vkui--size_button_small_height--regular);\n  }\n}\n\n.stretched {\n  display: block;\n  inline-size: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  min-block-size: inherit;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.alignLeft .in {\n  justify-content: flex-start;\n  text-align: start;\n}\n\n.alignRight .in {\n  justify-content: flex-end;\n  text-align: end;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable);\n}\n\n.modePrimary.disabled:not(.appearanceOverlay):not(.appearanceNegative):not(.appearancePositive),\n.modeSecondary.disabled:not(.appearanceOverlay),\n.modeTertiary.disabled:not(.appearanceOverlay),\n.modeOutline.disabled:not(.appearanceOverlay) {\n  opacity: 0.64;\n}\n\n.content {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.sizeS .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal--regular);\n}\n\n.sizeS .content:last-child,\n.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal--regular);\n}\n\n.sizeM .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal--regular);\n}\n\n.sizeM .content:last-child,\n.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal--regular);\n}\n\n.sizeL .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal--regular);\n}\n\n.sizeL .content:last-child,\n.sizeL .after {\n  padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal--regular);\n}\n\n.sizeS .before {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n.sizeM .before {\n  padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);\n}\n\n.sizeL .before {\n  padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeS .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeS .content:last-child,\n.modeTertiary.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeM .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeM .content:last-child,\n.modeTertiary.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeL .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeL .content:last-child,\n.modeTertiary.sizeL .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeS .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeM .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeL .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);\n}\n\n.singleIcon .after,\n.singleIcon .before,\n.modeTertiary.singleIcon .after,\n.modeTertiary.singleIcon .before {\n  margin-inline: auto;\n  padding-inline: 0;\n}\n\n.modeLink {\n  background: none;\n  min-inline-size: initial;\n}\n\n.modeLink .after,\n.modeLink .before,\n.modeLink .content:first-child,\n.modeLink .content:last-child,\n.stretched .after:only-child,\n.stretched .before:only-child {\n  padding-inline: 0;\n}\n\n.spinner {\n  position: absolute;\n  inset: 0;\n}\n\n.spinner + .in {\n  visibility: hidden;\n}\n\n/* Button's backgrounds */\n/* Mode  = Primary */\n.modePrimary.appearanceAccent {\n  background-color: var(--vkui--color_background_accent_themed);\n}\n\n.modePrimary.appearanceAccent.hover {\n  background-color: var(--vkui--color_background_accent_themed--hover);\n}\n\n.modePrimary.appearanceAccent.active {\n  background-color: var(--vkui--color_background_accent_themed--active);\n}\n\n.modePrimary.appearancePositive {\n  background-color: var(--vkui--color_background_positive);\n}\n\n.modePrimary.appearancePositive.hover {\n  background-color: var(--vkui--color_background_positive--hover);\n}\n\n.modePrimary.appearancePositive.active {\n  background-color: var(--vkui--color_background_positive--active);\n}\n\n.modePrimary.appearanceNegative {\n  background-color: var(--vkui--color_background_negative);\n}\n\n.modePrimary.appearanceNegative.hover {\n  background-color: var(--vkui--color_background_negative--hover);\n}\n\n.modePrimary.appearanceNegative.active {\n  background-color: var(--vkui--color_background_negative--active);\n}\n\n.modePrimary.appearanceNeutral {\n  background-color: var(--vkui--color_background_content_inverse);\n}\n\n.modePrimary.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_content_inverse--hover);\n}\n\n.modePrimary.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_content_inverse--active);\n}\n\n.modePrimary.appearanceAccentInvariable {\n  background-color: var(--vkui--color_background_accent);\n}\n\n.modePrimary.appearanceAccentInvariable.hover {\n  background-color: var(--vkui--color_background_accent--hover);\n}\n\n.modePrimary.appearanceAccentInvariable.active {\n  background-color: var(--vkui--color_background_accent--active);\n}\n\n/* Mode = Secondary */\n.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.modeSecondary.hover {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.modeSecondary.active {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n/* Mode = Tertiary */\n.modeTertiary,\n.modeOutline {\n  background-color: var(--vkui--color_transparent);\n}\n\n.modeTertiary.hover,\n.modeOutline.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.modeTertiary.active,\n.modeOutline.active {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n/*\n  Buttons text colors\n*/\n.host.appearanceAccent {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.host.appearancePositive {\n  color: var(--vkui--color_text_positive);\n}\n\n.host.appearanceNegative {\n  color: var(--vkui--color_text_negative);\n}\n\n.host.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n}\n\n.host.modePrimary.appearanceNeutral {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.host.appearanceAccentInvariable {\n  color: var(--vkui--color_text_accent);\n}\n\n.modePrimary.appearanceAccent {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearanceNegative,\n.modePrimary.appearancePositive,\n.modePrimary.appearanceAccentInvariable {\n  color: var(--vkui--color_text_contrast);\n}\n\n.modeLink.hover {\n  opacity: 0.8;\n}\n\n.modeLink.active {\n  opacity: 0.7;\n}\n\n/*\n  Outline buttons borders\n*/\n.modeOutline.appearanceAccent,\n.modeOutline.appearanceAccent.hover,\n.modeOutline.appearanceAccent.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);\n}\n\n.modeOutline.appearancePositive {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive);\n}\n\n.modeOutline.appearancePositive.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover);\n}\n\n.modeOutline.appearancePositive.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active);\n}\n\n.modeOutline.appearanceNegative {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative);\n}\n\n.modeOutline.appearanceNegative.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover);\n}\n\n.modeOutline.appearanceNegative.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active);\n}\n\n.modeOutline.appearanceNeutral {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);\n}\n\n.modeOutline.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_secondary--hover);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_secondary--active);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceAccentInvariable {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent);\n}\n\n/*\n  Overlay colors section, separately\n  Background colors\n*/\n.modePrimary.appearanceOverlay {\n  background-color: var(--vkui--color_background_contrast);\n}\n\n.modePrimary.appearanceOverlay.hover {\n  background-color: var(--vkui--color_background_contrast--hover);\n}\n\n.modePrimary.appearanceOverlay.active {\n  background-color: var(--vkui--color_background_contrast--active);\n}\n\n.modeSecondary.appearanceOverlay {\n  background-color: var(--vkui--color_overlay_primary);\n}\n\n.modeSecondary.appearanceOverlay.hover {\n  background-color: var(--vkui--color_overlay_primary--hover);\n}\n\n.modeSecondary.appearanceOverlay.active {\n  background-color: var(--vkui--color_overlay_primary--active);\n}\n\n.modeTertiary.appearanceOverlay.hover,\n.modeOutline.appearanceOverlay.hover {\n  background-color: var(--vkui--color_background_contrast_secondary_alpha--hover);\n}\n\n.modeTertiary.appearanceOverlay.active,\n.modeOutline.appearanceOverlay.active {\n  background-color: var(--vkui--color_background_contrast_secondary_alpha--active);\n}\n\n/* Text colors */\n.modePrimary.appearanceOverlay {\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.modePrimary.appearanceOverlay.hover {\n  color: var(--vkui--color_text_primary_invariably--hover);\n}\n\n.modePrimary.appearanceOverlay.active {\n  color: var(--vkui--color_text_primary_invariably--active);\n}\n\n.modeSecondary.appearanceOverlay,\n.modeTertiary.appearanceOverlay,\n.modeOutline.appearanceOverlay,\n.modeLink.appearanceOverlay {\n  color: var(--vkui--color_text_contrast);\n}\n\n/* Borders */\n.modeOutline.appearanceOverlay {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast);\n}\n\n.modeOutline.appearanceOverlay.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover);\n}\n\n.modeOutline.appearanceOverlay.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active);\n}\n\n.before:not(:last-child) + .content {\n  margin-inline-start: 6px;\n}\n\n.after:not(:first-child) {\n  margin-inline-start: 6px;\n}\n\n.sizeL .before:not(:last-child) + .content {\n  margin-inline-start: 8px;\n}\n\n.sizeL .after:not(:first-child) {\n  margin-inline-start: 8px;\n}\n\n/* Fonts sizes  */\n.sizeS .content {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--compact);\n  line-height: var(--vkui--font_subhead--line_height--compact);\n}\n\n.sizeYRegular.sizeS .content {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeS .content {\n    font-family: var(--vkui--font_subhead--font_family--regular);\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n.sizeM .content {\n  font-family: var(--vkui--font_headline2--font_family--regular);\n  font-size: var(--vkui--font_headline2--font_size--compact);\n  line-height: var(--vkui--font_headline2--line_height--compact);\n}\n\n.sizeYRegular.sizeM .content {\n  font-family: var(--vkui--font_headline2--font_family--regular);\n  font-size: var(--vkui--font_headline2--font_size--regular);\n  line-height: var(--vkui--font_headline2--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM .content {\n    font-family: var(--vkui--font_headline2--font_family--regular);\n    font-size: var(--vkui--font_headline2--font_size--regular);\n    line-height: var(--vkui--font_headline2--line_height--regular);\n  }\n}\n\n.sizeL .content {\n  font-family: var(--vkui--font_headline1--font_family--regular);\n  font-size: var(--vkui--font_headline1--font_size--compact);\n  line-height: var(--vkui--font_headline1--line_height--compact);\n}\n\n.sizeYRegular.sizeL .content {\n  font-family: var(--vkui--font_headline1--font_family--regular);\n  font-size: var(--vkui--font_headline1--font_size--regular);\n  line-height: var(--vkui--font_headline1--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL .content {\n    font-family: var(--vkui--font_headline1--font_family--regular);\n    font-size: var(--vkui--font_headline1--font_size--regular);\n    line-height: var(--vkui--font_headline1--line_height--regular);\n  }\n}\n\n.sizeYRegular.sizeL.ios .content {\n  font-family: var(--vkui--font_title3--font_family--regular);\n  font-size: var(--vkui--font_title3--font_size--regular);\n  line-height: var(--vkui--font_title3--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL.ios .content {\n    font-family: var(--vkui--font_title3--font_family--regular);\n    font-size: var(--vkui--font_title3--font_size--regular);\n    line-height: var(--vkui--font_title3--line_height--regular);\n  }\n}\n\n/* Sizes */\n.sizeM {\n  min-block-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYRegular.sizeM {\n  min-block-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM {\n    min-block-size: var(--vkui--size_button_medium_height--regular);\n  }\n}\n\n.sizeM.singleIcon {\n  inline-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYRegular.sizeM.singleIcon {\n  inline-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM.singleIcon {\n    inline-size: var(--vkui--size_button_medium_height--regular);\n  }\n}\n\n.sizeL {\n  min-block-size: var(--vkui--size_button_large_height--compact);\n}\n\n.sizeYRegular.sizeL {\n  min-block-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL {\n    min-block-size: var(--vkui--size_button_large_height--regular);\n  }\n}\n\n.sizeL.singleIcon {\n  inline-size: var(--vkui--size_button_large_height--compact);\n}\n\n.sizeYRegular.sizeL.singleIcon {\n  inline-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL.singleIcon {\n    inline-size: var(--vkui--size_button_large_height--regular);\n  }\n}\n\n.sizeYRegular {\n  min-block-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_button_small_height--regular);\n  }\n}\n\n/**\n * Impact:\n * Counter\n */\n.modePrimary.appearanceAccent {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed);\n}\n\n.modeSecondary.appearanceAccent,\n.modeTertiary.appearanceAccent,\n.modeOutline.appearanceAccent {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearancePositive {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_positive);\n}\n\n.modeSecondary.appearancePositive,\n.modeTertiary.appearancePositive,\n.modeOutline.appearancePositive {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceNegative {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_negative);\n}\n\n.modeSecondary.appearanceNegative,\n.modeTertiary.appearanceNegative,\n.modeOutline.appearanceNegative {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_negative);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_text_contrast_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_background_content_inverse);\n}\n\n.modeSecondary.appearanceNeutral,\n.modeTertiary.appearanceNeutral,\n.modeOutline.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceOverlay {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_icon_primary_invariably);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modeSecondary.appearanceOverlay,\n.modeTertiary.appearanceOverlay,\n.modeOutline.appearanceOverlay {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary_invariably);\n}\n",".host {\n  appearance: none;\n  background: none;\n  border: 0;\n  box-shadow: none;\n  display: block;\n  color: currentColor;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  block-size: 48px;\n  inline-size: fit-content;\n\n  /**\n   * Чтобы закргуление было равно половине высоты.\n   * см. https://stackoverflow.com/questions/27233295/possible-to-make-border-radius-equal-to-half-the-total-height-without-javascript\n   */\n  border-radius: 9999px;\n}\n\n.sizeYCompact {\n  block-size: 44px;\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.ios {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--16) {\n  padding: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--16.vkuiIcon--w-8) {\n  padding-block: 16px;\n  padding-inline: 14px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--16),\n.sizeYCompact :global(.vkuiIcon--16.vkuiIcon--w-8) {\n  padding: 14px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) {\n  padding: 12px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--24) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--28) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--28) {\n  padding: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    block-size: 44px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--16),\n  .sizeYNone :global(.vkuiIcon--16.vkuiIcon--w-8) {\n    padding: 14px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--24) {\n    padding: 10px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--28) {\n    padding: 8px;\n  }\n}\n\n/**\n * CMP:\n * - FormItem\n * - FormLayoutGroup\n * - FormField\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .host,\n:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content) > .host,\n:global(.vkuiInternalFormField__after) .host {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  inline-size: var(--vkui--size_field_height--regular);\n  block-size: var(--vkui--size_field_height--regular);\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after)\n  .host\n  :global(.vkuiIcon):global(.vkuiIcon):global(.vkuiIcon) {\n  padding: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after) .sizeYCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .sizeYCompact,\n:global(.vkuiInternalFormLayoutGroup--removable)\n  :global(.vkuiInternalRemovable__content)\n  > .sizeYCompact {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormField__after) .sizeYNone {\n    inline-size: var(--vkui--size_field_height--compact);\n    block-size: var(--vkui--size_field_height--compact);\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .sizeYNone,\n  :global(.vkuiInternalFormLayoutGroup--removable)\n    :global(.vkuiInternalRemovable__content)\n    > .sizeYNone {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n/**\n * CMP:\n * SimpleCell\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) .host:last-child {\n  margin-inline-end: -12px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) .ios:last-child {\n  margin-inline-end: -9px;\n}\n\n/**\n * CMP:\n * Alert\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalAlert__dismiss).host {\n  block-size: 36px;\n  padding: 8px;\n}\n",".host {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n  text-decoration: none;\n  border: 0;\n  margin: 0;\n  padding: var(--vkui--spacing_size_m);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n  inline-size: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  align-items: center;\n  font-family: var(--vkui--font_caption1--font_family--regular);\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n}\n\n.withFakeEndIcon {\n  padding-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.rounded {\n  border-radius: var(--vkui--size_border_radius_rounded--regular);\n}\n\n.sizeYRegular {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    font-family: var(--vkui--font_subhead--font_family--regular);\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable);\n}\n\n/* ToolButton's directions */\n.directionRow {\n  flex-direction: row;\n  justify-content: flex-start;\n}\n\n.directionColumn {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.directionRow .text {\n  margin-inline-start: 4px;\n}\n\n.directionColumn .text {\n  margin-block-start: 4px;\n}\n\n/* ToolButton's backgrounds */\n/* Mode  = Primary */\n.modePrimary.appearanceAccent {\n  background-color: var(--vkui--color_background_accent_themed);\n}\n\n.modePrimary.appearanceAccent.hover {\n  background-color: var(--vkui--color_background_accent_themed--hover);\n}\n\n.modePrimary.appearanceAccent.active {\n  background-color: var(--vkui--color_background_accent_themed--active);\n}\n\n.modePrimary.appearanceNeutral {\n  background-color: var(--vkui--color_background_modal_inverse);\n}\n\n.modePrimary.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_modal_inverse--hover);\n}\n\n.modePrimary.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_modal_inverse--active);\n}\n\n/* Mode = Secondary */\n.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.modeSecondary.hover {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.modeSecondary.active {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n/* Mode = Tertiary */\n.modeTertiary,\n.modeOutline {\n  background-color: var(--vkui--color_transparent);\n}\n\n.modeTertiary.hover,\n.modeOutline.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.modeTertiary.active,\n.modeOutline.active {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n/*\n  ToolButtons text colors\n*/\n.host.appearanceAccent {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.host.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n}\n\n.modePrimary.appearanceAccent,\n.modePrimary.appearanceNeutral {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n/*\n  Outline buttons borders\n*/\n.modeOutline.appearanceAccent,\n.modeOutline.appearanceAccent.hover,\n.modeOutline.appearanceAccent.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);\n}\n\n.modeOutline.appearanceNeutral {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);\n}\n\n.modeOutline.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_secondary--hover);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_secondary--active);\n  box-shadow: unset;\n}\n",".host {\n  --vkui_internal--root_animation_opacity_initial: 0;\n  --vkui_internal--root_animation_transform_initial: scale(1.05);\n  --vkui_internal--root_animation_duration: 0.3s;\n\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.ios {\n  --vkui_internal--root_animation_opacity_initial: 1;\n  --vkui_internal--root_animation_transform_initial: translate3d(0, 100%, 0);\n  --vkui_internal--root_animation_duration: 0.6s;\n}\n\n.transition {\n  pointer-events: none;\n}\n\n.view {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.viewShowForward {\n  /* prettier-ignore */\n  animation: root-animation-show-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);\n}\n\n.viewHideBack {\n  /* prettier-ignore */\n  animation: root-animation-hide-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;\n}\n\n.transition .view {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  overflow: hidden;\n}\n\n.scrollCompensation {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/**\n * iOS\n */\n\n.ios .viewShowBack::after,\n.ios .viewHideForward::after {\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  display: block;\n  content: '';\n  background-color: #000;\n}\n\n.ios .viewShowBack::after {\n  /* prettier-ignore */\n  animation: root-ios-overlay-animation-show-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;\n}\n\n.ios .viewHideForward::after {\n  /* prettier-ignore */\n  animation: root-ios-overlay-animation-hide-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--root_animation_transform_initial: 1;\n  }\n\n  .ios {\n    --vkui_internal--root_animation_opacity_initial: 0;\n    --vkui_internal--root_animation_transform_initial: 1;\n  }\n}\n\n@keyframes root-animation-hide-back {\n  from {\n    transform: none;\n    opacity: 1;\n  }\n\n  to {\n    transform: var(--vkui_internal--root_animation_transform_initial);\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n  }\n}\n@keyframes root-animation-show-forward {\n  from {\n    transform: var(--vkui_internal--root_animation_transform_initial);\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n  }\n\n  to {\n    transform: none;\n    opacity: 1;\n  }\n}\n@keyframes root-ios-overlay-animation-show-back {\n  from {\n    opacity: 0.3;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n@keyframes root-ios-overlay-animation-hide-forward {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.3;\n  }\n}\n",".host {\n  --vkui_internal--view_animation_translateY_initial: 80px;\n\n  position: relative;\n  block-size: 100%;\n  inline-size: 100%;\n  word-wrap: break-word;\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--view_animation_translateY_initial: 0;\n  }\n}\n\n.animated,\n.swipingBack {\n  overflow: hidden;\n}\n\n.panelOverlay {\n  display: none;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  background-color: #000;\n  pointer-events: none;\n  z-index: var(--vkui_internal--z_index_panel_header_fade);\n}\n\n.panelPrev .panelOverlay {\n  display: block;\n  animation: animation-ios-overlay-fade-in 0.6s var(--vkui--animation_easing_platform);\n}\n\n.panelNext .panelOverlay {\n  display: block;\n  animation: animation-ios-overlay-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;\n}\n\n.panelActive .panelOverlay,\n.panelPrev ~ .panelNext .panelOverlay,\n.panelNext ~ .panelPrev .panelOverlay {\n  display: none;\n}\n\n.panelSwipeBackNext .panelOverlay {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.panelSwipeBackNext.panelSwipeBackSuccess .panelOverlay,\n.panelSwipeBackNext.panelSwipeBackFailed .panelOverlay {\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n}\n\n@media (--reduce-motion) {\n  .panelPrev .panelOverlay,\n  .panelNext .panelOverlay {\n    display: none;\n    animation: none;\n  }\n}\n\n.panels {\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.panelIn {\n  block-size: 100%;\n}\n\n.panel {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  isolation: isolate;\n}\n\n.animated .panel,\n.animated .header,\n.swipingBack .panel,\n.swipingBack .header {\n  pointer-events: none;\n}\n\n.animated .panel,\n.swipingBack .panel {\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  overflow: hidden;\n}\n\n/**\n * Panel swipe back\n */\n\n.ios .panelSwipeBackPrev.panelSwipeBackSuccess,\n.ios .panelSwipeBackPrev.panelSwipeBackFailed,\n.ios .panelSwipeBackNext.panelSwipeBackSuccess,\n.ios .panelSwipeBackNext.panelSwipeBackFailed {\n  transition: transform 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelSwipeBackPrev.panelSwipeBackFailed,\n.ios .panelSwipeBackNext.panelSwipeBackSuccess {\n  transform: translate3d(0, 0, 0);\n}\n\n.ios .panelSwipeBackPrev.panelSwipeBackSuccess {\n  transform: translate3d(100%, 0, 0);\n}\n\n.ios .panelSwipeBackNext.panelSwipeBackFailed {\n  transform: translate3d(-50%, 0, 0);\n}\n\n/**\n * Panel transition\n */\n\n.panelNext ~ .panelPrev {\n  animation: animation-view-prev-back 0.3s var(--vkui--animation_easing_platform) forwards;\n}\n\n.panelPrev ~ .panelNext {\n  animation: animation-view-next-forward 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev {\n  animation: animation-ios-prev-forward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext {\n  animation: animation-ios-next-back 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev ~ .panelNext {\n  animation: animation-ios-next-forward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext ~ .panelPrev {\n  animation: animation-ios-prev-back 0.6s var(--vkui--animation_easing_platform) forwards;\n}\n\n@media (--reduce-motion) {\n  .ios .panelPrev,\n  .ios .panelNext {\n    animation: none;\n  }\n\n  .ios .panelNext ~ .panelPrev {\n    animation-name: animation-view-prev-back;\n    animation-duration: 0.3s;\n    animation-fill-mode: forwards;\n  }\n\n  .ios .panelPrev ~ .panelNext {\n    animation-name: animation-view-next-forward;\n    animation-duration: 0.3s;\n    animation-fill-mode: none;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.noMotion .panel,\n.ios.noMotion .panel,\n.ios.noMotion .panel :global(.vkuiInternalPanel__in) {\n  animation: none;\n}\n\n@keyframes animation-view-prev-back {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));\n  }\n}\n@keyframes animation-view-next-forward {\n  from {\n    opacity: 0;\n    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes animation-ios-next-forward {\n  from {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-ios-next-back {\n  from {\n    transform: translate3d(-50%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-ios-prev-forward {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n@keyframes animation-ios-prev-back {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(100%, 0, 0);\n  }\n}\n@keyframes animation-ios-overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.3;\n  }\n}\n@keyframes animation-ios-overlay-fade-out {\n  from {\n    opacity: 0.3;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.in {\n  position: relative;\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-block-size: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.centered {\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n/* stylelint-disable selector-max-universal */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.centered :global(.vkuiInternalPanelHeader--static) + * {\n  margin-block-start: var(--vkui_internal--panel_header_height);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXCompact .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 5px);\n}\n\n@media (--sizeX-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeXNone .centered :global(.vkuiInternalPanelHeader--sep) + * {\n    margin-block-start: calc(var(--vkui_internal--panel_header_height) + 5px);\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXRegular .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 16px);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeXNone .centered :global(.vkuiInternalPanelHeader--sep) + * {\n    margin-block-start: calc(var(--vkui_internal--panel_header_height) + 16px);\n  }\n}\n\n/* stylelint-enable selector-max-universal */\n\n/**\n * CMP:\n * View\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalView--ios) .in {\n  padding-block: 0 var(--vkui_internal--safe_area_inset_bottom);\n  padding-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n}\n\n/**\n * CMP:\n * Epic\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar) .in {\n  padding-block-end: var(--vkui_internal--tabbar_height);\n  padding-block-end: calc(\n    var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height)\n  );\n}\n\n.inBefore {\n  block-size: 1px;\n  margin-block-end: -1px;\n}\n\n.inAfter {\n  block-size: 1px;\n  margin-block-start: -1px;\n}\n\n.modeNone .in,\n.modePlain .in {\n  background: var(--vkui--color_background_content);\n}\n\n.modeCard .in {\n  background: var(--vkui--color_background);\n}\n\n@media (--sizeX-regular) {\n  .modeNone .in {\n    background: var(--vkui--color_background);\n  }\n}\n\n.disableBackground .in {\n  background: transparent;\n}\n",".host {\n  appearance: none;\n  background: none;\n  border: 0;\n  box-shadow: none;\n  display: block;\n  color: currentColor;\n  padding: 0;\n  margin: 0;\n  position: relative;\n}\n\n.host[disabled] {\n  opacity: 0.6;\n}\n\n.primitive {\n  block-size: 48px;\n  line-height: 48px;\n  padding-block: 0;\n  padding-inline: 10px;\n}\n\n/*\n * iOS\n */\n\n.ios {\n  position: relative;\n  display: flex;\n  align-items: center;\n  font-size: 17px;\n}\n\n.ios.primitive {\n  block-size: 44px;\n  line-height: 44px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios :global(.vkuiIcon--24) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios :global(.vkuiIcon--28) {\n  padding: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.backIos :global(.vkuiIcon--w-20) {\n  padding-inline-start: 4px;\n}\n\n/*\n * Android\n */\n\n.android.notPrimitive {\n  border-radius: 50%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.android :global(.vkuiIcon--24),\n.android :global(.vkuiIcon--28) {\n  padding: 10px;\n}\n\n/**\n* VKCOM\n*/\n.vkcom {\n  color: var(--vkui--color_text_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.backVkcom :global(.vkuiIcon) {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom > :not(:global(.vkuiInternalBadge)):not(:global(.vkuiInternalCounter)) {\n  transition: opacity 0.3s;\n  opacity: 0.7;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.hover > :not(:global(.vkuiInternalCounter)):not(:global(.vkuiInternalBadge)),\n.vkcom.active > :not(:global(.vkuiInternalCounter)):not(:global(.vkuiInternalBadge)) {\n  opacity: 1;\n}\n\n.vkcom {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n}\n\n.vkcom.notPrimitive {\n  border-radius: 50%;\n}\n\n.backVkcom.backHasLabel {\n  padding-inline-end: 11px;\n}\n\n@media (--sizeX-regular) {\n  .backIos.backHasLabel:not(.backSizeXCompact) {\n    padding-inline-end: 8px;\n  }\n}\n\n.backSizeXCompact.backIos .label {\n  display: none;\n}\n\n@media (--sizeX-compact) {\n  .backSizeXNone.backIos .label {\n    display: none;\n  }\n}\n\n/*\n * CMP:\n * Counter\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiInternalCounter) {\n  position: absolute;\n  padding: 0;\n  inset-block-start: 4px;\n  inset-inline-end: 4px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) ~ :global(.vkuiInternalCounter),\n.ios :global(.vkuiInternalCounter) {\n  inset-block-start: 2px;\n  inset-inline-end: 2px;\n}\n\n/*\n * CMP:\n * Badge\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiInternalBadge) {\n  position: absolute;\n  inset-block-start: 8px;\n  inset-inline-end: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) ~ :global(.vkuiInternalBadge),\n.ios :global(.vkuiInternalBadge) {\n  inset-block-start: 6px;\n  inset-inline-end: 6px;\n}\n",".-spacing--2xs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xs);\n}\n\n.-spacing--xs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xs);\n}\n\n.-spacing--s {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_s);\n}\n\n.-spacing--m {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_m);\n}\n\n.-spacing--l {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_l);\n}\n\n.-spacing--xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xl);\n}\n\n.-spacing--2xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xl);\n}\n\n.-spacing--3xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_3xl);\n}\n\n.-spacing--4xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_4xl);\n}\n",".appearancePrimary {\n  color: var(--vkui--color_separator_primary);\n}\n\n.appearanceSecondary {\n  color: var(--vkui--color_separator_secondary);\n}\n\n.appearancePrimaryAlpha {\n  color: var(--vkui--color_separator_primary_alpha);\n}\n\n.alignStart {\n  --vkui_internal--separator_align: start;\n}\n\n.alignEnd {\n  --vkui_internal--separator_align: end;\n}\n\n.directionVertical {\n  display: inline-flex;\n  align-self: stretch;\n}\n\n.sized.directionHorizontal {\n  display: flex;\n  block-size: var(--vkui_internal--spacing_size);\n  align-items: var(--vkui_internal--separator_align, center);\n}\n\n.sized.directionVertical {\n  inline-size: var(--vkui_internal--spacing_size);\n  justify-content: var(--vkui_internal--separator_align, center);\n}\n\n.in {\n  margin: 0;\n  background: currentColor;\n  color: inherit;\n  border: 0;\n}\n\n.directionHorizontal .in {\n  block-size: var(--vkui--size_border--regular);\n}\n\n.directionVertical .in {\n  inline-size: var(--vkui--size_border--regular);\n}\n\n.sized.directionHorizontal .in {\n  flex: 1 0 auto;\n}\n\n.directionHorizontal.padded .in {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.directionVertical.padded .in {\n  margin-block: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/*\n * CMP:\n * ModalPage\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalModalPage--sizeX-regular) .padded {\n  padding-inline: 8px;\n}\n\n/* FIXME: Мертвый код */\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalModalPage--sizeX-none) .padded {\n    padding-inline: 8px;\n  }\n}\n",".host {\n  position: relative;\n  padding-block: calc(var(--vkui_internal--spacing_size) / 2);\n  box-sizing: border-box;\n}\n",".host {\n  position: relative;\n}\n\n.static.hasFixed::before {\n  display: block;\n  content: '';\n}\n\n.host:not(.static):not(.hasFixed) {\n  block-size: 0;\n  /* см. https://github.com/VKCOM/VKUI/issues/5571 */\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n.fixed {\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n.in {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n  position: relative;\n  background: var(--vkui--color_background_content);\n}\n\n.trnsp .in {\n  background: transparent;\n}\n\n.sizeXRegular.shadow .in {\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.shadow .in {\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);\n  }\n}\n\n.before {\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n  display: flex;\n  flex-shrink: 0;\n}\n\n.content {\n  overflow: hidden;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.content > * {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.contentIn {\n  color: var(--vkui--color_text_primary);\n  font-weight: 500;\n  font-family: var(--vkui--font_family_accent);\n}\n\n.host::before,\n.in {\n  block-size: var(--vkui_internal--panel_header_height);\n  padding-block-start: var(--vkui_internal--safe_area_inset_top);\n}\n\n.after {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.after > *:not(:last-child) {\n  margin-inline-end: 4px;\n}\n\n/**\n * iOS\n */\n.ios .before {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n  padding-block: 4px;\n  padding-inline: 4px 0;\n}\n\n.ios .before .host + .primitive {\n  margin-inline-start: -6px;\n  padding-inline-start: 0;\n}\n\n.ios .content {\n  text-align: center;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .contentIn {\n  font-size: 21px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.ios .content > * {\n  padding-block: 0;\n  padding-inline: 4px;\n}\n\n.ios.noBefore .content {\n  padding-inline-start: 8px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.ios.noAfter .content > * {\n  padding-inline-end: 0;\n}\n\n.ios.noAfter .content {\n  padding-inline-end: 8px;\n}\n\n.ios .after {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n  padding-block: 4px;\n  padding-inline: 0 4px;\n}\n\n/**\n * Android\n */\n.android .before:not(:empty) {\n  padding-block: 4px;\n  padding-inline: 4px 0;\n  margin-inline-end: -8px;\n}\n\n.android .content {\n  align-items: center;\n  flex-grow: 1;\n  max-inline-size: 100%;\n}\n\n.android .contentIn {\n  font-size: 23px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.android .content > * {\n  padding-block: 0;\n  padding-inline: 12px;\n}\n\n/**\n * Common\n */\n.sizeYCompact:not(.vkcom) .contentIn {\n  font-size: 20px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone:not(.vkcom) .contentIn {\n    font-size: 20px;\n  }\n}\n\n/**\n * CMP:\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .android.noBefore:not(:global(.vkuiInternalModalPageHeader__in))\n  .content {\n  padding-inline-start: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .android.noBefore:not(:global(.vkuiInternalModalPageHeader__in))\n    .content {\n    padding-inline-start: 0;\n  }\n}\n\n/* stylelint-disable selector-max-universal */\n.android.noAfter .content > *,\n.vkcom.noAfter .content > * {\n  padding-inline-end: 0;\n}\n/* stylelint-enable selector-max-universal */\n\n.android.noAfter .content {\n  padding-inline-end: 16px;\n}\n\n.android.noBefore .content {\n  padding-inline-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .android.noAfter:not(:global(.vkuiInternalModalPageHeader__in))\n  .content {\n  padding-inline-end: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .android.noAfter:not(:global(.vkuiInternalModalPageHeader__in))\n    .content {\n    padding-inline-end: 0;\n  }\n}\n\n.android .after:not(:empty),\n.vkcom .after:not(:empty) {\n  padding-block: 4px;\n  padding-inline: 0 4px;\n}\n\n/**\n * VKCOM\n */\n.vkcom {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {\n  position: absolute;\n  inset-inline: var(--vkui--size_border--regular);\n  inset-block-end: 0;\n  block-size: var(--vkui--size_border--regular);\n  background-color: var(--vkui--color_background_content);\n  content: '';\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {\n    position: absolute;\n    inset-inline: var(--vkui--size_border--regular);\n    inset-block-end: 0;\n    block-size: var(--vkui--size_border--regular);\n    background-color: var(--vkui--color_background_content);\n    content: '';\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)) .in {\n  border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n  border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n  box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;\n  border-block-end: 0;\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)) .in {\n    border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n    border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n    box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;\n    border-block-end: 0;\n  }\n}\n\n.vkcom .content {\n  text-align: center;\n}\n\n.vkcom .before:not(:empty) {\n  padding-block: 0;\n  padding-inline: 4px 0;\n}\n\n.vkcom .before,\n.vkcom .after {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n}\n\n.separator {\n  margin-block-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.noBefore .content > * {\n  padding-inline-start: 0;\n}\n\n/**\n * CMP:\n * Panel\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanel--centered) .host {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n}\n",".host {\n  line-height: initial;\n  block-size: 100%;\n  max-inline-size: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-family: var(--vkui--font_family_base);\n}\n\n.before {\n  flex-shrink: 0;\n  margin-inline-end: 12px;\n}\n\n.in {\n  flex-grow: 1;\n  min-inline-size: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  block-size: 100%;\n}\n\n.subtitle,\n.childrenIn,\n.childrenText {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  order: 1;\n  margin-block-start: 1px;\n  max-inline-size: 100%;\n  color: var(--vkui--color_text_secondary);\n}\n\n.children {\n  max-inline-size: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.childrenIn {\n  flex-grow: 0;\n  min-inline-size: 0;\n}\n\n.aside {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-inline-start: 2px;\n  color: var(--vkui--color_icon_accent);\n}\n\n.width {\n  inline-size: 1000px;\n}\n\n.inCentered {\n  align-items: center;\n}\n\n/**\n * iOS\n */\n\n.ios .childrenIn {\n  font-size: 21px;\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 500;\n  line-height: var(--vkui_internal--panel_header_height);\n}\n\n/**\n * Android\n */\n\n.android .childrenIn {\n  font-size: 23px;\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 500;\n  line-height: var(--vkui_internal--panel_header_height);\n}\n\n/**\n * VKCOM\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader--no-before) .vkcom {\n  padding-inline-start: 16px;\n}\n\n/**\n * Common\n */\n.sizeYCompact:not(.vkcom) .childrenIn {\n  font-size: 20px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone:not(.vkcom) .childrenIn {\n    font-size: 20px;\n  }\n}\n",".host {\n  --vkui_internal--PanelHeaderContext__fade_display: none;\n\n  z-index: var(--vkui_internal--z_index_panel_header_context);\n  inline-size: 100%;\n  block-size: auto;\n}\n\n.sizeXCompact {\n  --vkui_internal--PanelHeaderContext__fade_display: block;\n\n  block-size: 100%;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    --vkui_internal--PanelHeaderContext__fade_display: block;\n\n    block-size: 100%;\n  }\n}\n\n.in {\n  position: absolute;\n  z-index: 1;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  padding: 8px;\n  box-sizing: border-box;\n}\n\n.fade {\n  display: var(--vkui_internal--PanelHeaderContext__fade_display);\n  position: absolute;\n  z-index: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  background: rgba(0, 0, 0, 0.4);\n}\n\n.opened .fade {\n  animation: animation-panelheadercontext-fade-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .fade {\n  animation: animation-panelheadercontext-fade-out var(--vkui--animation_duration_m) ease both;\n}\n\n.opened .in {\n  animation: animation-panelheadercontext-translate-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .in {\n  animation: animation-panelheadercontext-translate-out var(--vkui--animation_duration_m) ease both;\n}\n\n@media (--reduce-motion) {\n  .opened .in {\n    animation-name: animation-panelheadercontext-fade-in;\n  }\n\n  .closing .in {\n    animation-name: animation-panelheadercontext-fade-out;\n  }\n}\n\n.content {\n  overflow: hidden;\n  background: var(--vkui--color_background_content);\n}\n\n.ios .in {\n  padding: 0;\n}\n\n/**\n * Имеется ввиду\n * platform !== 'ios' ||\n * (platform === 'ios' && isDesktop)\n */\n.host:not(.ios) .content,\n.sizeXRegular.ios .content {\n  border-radius: 12px;\n  padding-block: 8px;\n  padding-inline: 0;\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.ios .content {\n    border-radius: 12px;\n    padding-block: 8px;\n    padding-inline: 0;\n  }\n}\n\n/*\n Desktop\n */\n\n.sizeXRegular .in {\n  padding-block: 12px;\n  padding-inline: 8px;\n}\n\n.sizeXRegular .content {\n  border-radius: 12px;\n}\n\n.sizeXRegular .content {\n  box-shadow:\n    0 0 4px rgba(0, 0, 0, 0.08),\n    0 8px 8px rgba(0, 0, 0, 0.16);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone .in {\n    padding-block: 12px;\n    padding-inline: 8px;\n  }\n\n  .sizeXNone .content {\n    border-radius: 12px;\n  }\n\n  .sizeXNone .content {\n    box-shadow:\n      0 0 4px rgba(0, 0, 0, 0.08),\n      0 8px 8px rgba(0, 0, 0, 0.16);\n  }\n}\n\n/*\n  Animations\n */\n\n@keyframes animation-panelheadercontext-translate-in {\n  from {\n    transform: translateY(-100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes animation-panelheadercontext-translate-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes animation-panelheadercontext-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-panelheadercontext-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.inner {\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n}\n\n/* Hack with using PanelHeaderSimple */\n/* Better to implement simple header-like here */\n.innerHeader {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_split_layout_panel_header);\n  margin-block-start: calc(\n    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))\n  );\n}\n\n.ios .innerHeader {\n  margin-block-start: calc(\n    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))\n  );\n}\n\n.innerCenter {\n  justify-content: center;\n}\n",".host {\n  block-size: 100%;\n  inline-size: 1px;\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n}\n\n.viewWidthSmallTabletPlus.spacedAuto {\n  margin-block: 0;\n  margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.spacedAuto {\n    margin-block: 0;\n    margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);\n  }\n}\n\n.viewWidthTabletMinus.stretchedOnMobile {\n  /* stylelint-disable-next-line declaration-no-important */\n  inline-size: 100% !important;\n  /* stylelint-disable-next-line declaration-no-important */\n  max-inline-size: 100% !important;\n}\n\n@media (--viewWidth-tabletMinus) {\n  .viewWidthNone.stretchedOnMobile {\n    /* stylelint-disable-next-line declaration-no-important */\n    inline-size: 100% !important;\n    /* stylelint-disable-next-line declaration-no-important */\n    max-inline-size: 100% !important;\n  }\n}\n\n.fixed {\n  block-size: 100%;\n  inline-size: 1px;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.fixedInner {\n  block-size: inherit;\n  inline-size: inherit;\n  min-inline-size: inherit;\n  max-inline-size: inherit;\n  position: fixed;\n  transform: translateZ(0);\n  overflow: hidden;\n  inset-block-start: 0;\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar).host {\n  --vkui_internal--snackbar_safe_area_inset_bottom: calc(\n    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n",".host {\n  position: fixed;\n  z-index: var(--vkui_internal--z_index_tabs);\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: var(--vkui_internal--tabbar_height);\n  padding-block-end: var(--vkui_internal--safe_area_inset_bottom);\n  box-sizing: content-box;\n  background: var(--vkui--color_background_tertiary);\n  display: flex;\n  overflow: hidden;\n}\n\n.shadow {\n  box-shadow: var(--vkui--elevation3);\n}\n\n/**\n * iOS\n */\n\n.ios.shadow {\n  box-shadow: none;\n}\n\n.ios.shadow::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: var(--vkui--size_border--regular);\n  background: var(--vkui--color_separator_primary_alpha);\n  content: '';\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_tabbar_text_inactive);\n  text-decoration: none;\n  border: 0;\n  outline: var(--vkui_internal--outline-reset);\n  padding: 0;\n  background: transparent;\n  block-size: var(--vkui_internal--tabbar_height);\n  position: relative;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar) .host {\n  flex-shrink: 0;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n  flex-grow: 1;\n  flex-basis: 0;\n}\n\n.selected {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.tappable {\n  position: absolute;\n}\n\n.in {\n  display: flex;\n  padding-block: 4px 2px;\n  padding-inline: 2px;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-vertical) .in {\n  flex-direction: column;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-horizontal) .in {\n  flex-direction: row;\n}\n\n.icon {\n  color: var(--vkui--color_icon_secondary);\n  position: relative;\n}\n\n.selected .icon {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.label {\n  white-space: nowrap;\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-vertical) .label {\n  --vkui--font_footnote--font_size--regular: 10px;\n  --vkui--font_footnote--line_height--regular: 12px;\n\n  margin-block-start: 2px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-horizontal) .label {\n  margin-inline-start: 8px;\n}\n\n/**\n * Android\n */\n\n.android .tappable {\n  inline-size: calc(100% + 16px);\n  padding-block-end: calc(100% + 16px);\n  border-radius: 50%;\n}\n\n.android:first-child {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.android:last-child {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n/**\n * iOS\n */\n\n.ios .tappable {\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n\n.ios .in {\n  transition: transform 0.07s var(--vkui--animation_easing_platform);\n}\n\n.ios .tappableActive + .in {\n  transform: scale(0.96);\n}\n",".host {\n  cursor: pointer;\n  user-select: auto;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  transition: opacity 0.15s;\n  transition-timing-function: var(--vkui--animation_easing_platform);\n  display: flex;\n  justify-content: center;\n}\n\n.directionLeft,\n.directionRight {\n  block-size: 100%;\n  flex-direction: column;\n}\n\n.directionUp,\n.directionDown {\n  inline-size: 100%;\n  flex-direction: row;\n}\n\n.icon {\n  position: relative;\n  background-color: var(--vkui--color_background_contrast_themed);\n  color: var(--vkui--color_icon_secondary);\n  box-shadow: var(--vkui--elevation3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeS .icon {\n  inline-size: 28px;\n  block-size: 28px;\n  border-radius: 14px;\n}\n\n.sizeM .icon {\n  inline-size: 40px;\n  block-size: 40px;\n  border-radius: 24px;\n}\n\n.directionLeft {\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-inline-start: 0;\n}\n\n.directionRight {\n  padding-inline-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-inline-end: 0;\n}\n\n.directionUp {\n  padding-block-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-block-start: 0;\n}\n\n.directionDown {\n  padding-block-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-block-end: 0;\n}\n\n.directionLeft .defaultIcon {\n  transform: rotate(180deg);\n}\n\n.directionUp .defaultIcon {\n  transform: rotate(-90deg);\n}\n\n.directionDown .defaultIcon {\n  transform: rotate(90deg);\n}\n",".host {\n  position: relative;\n\n  /**\n   * ⚠️ WARNING ⚠️\n   * `overflow-y` мы не трогаем, т.к. из-за `hidden` могут обрезаться тени у потомков.\n   */\n  overflow-x: hidden;\n  isolation: isolate;\n}\n\n.in {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n\n  /**\n   * Для удаление скролла в Firefox.\n   * В версии ниже 64 будет виден скролл, но это не ломает функциональность.\n   */\n  scrollbar-width: none;\n}\n\n.in::-webkit-scrollbar {\n  display: none;\n}\n\n.inWrapper {\n  display: flex;\n  align-items: stretch;\n  transition: transform 0.2s;\n}\n\n.arrow {\n  z-index: var(--vkui_internal--z_index_horizontal_scroll_arrow);\n  position: absolute;\n  inset-block-start: 0;\n  opacity: 0;\n}\n\n.host:hover .arrow {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.withConstArrows .arrow,\n.withConstArrows:hover .arrow,\n.host .arrow:hover {\n  opacity: 1;\n}\n\n.arrowLeft:hover ~ .in .inWrapper {\n  transform: translateX(8px);\n}\n\n.arrowRight:hover ~ .in .inWrapper {\n  transform: translateX(-8px);\n}\n\n/**\n * CMP:\n * Tabs\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs) .host {\n  min-inline-size: 100%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--withGaps) .inWrapper::after,\n:global(.vkuiInternalTabs--withGaps) .inWrapper::before {\n  display: block;\n  inline-size: var(--vkui--size_base_padding_horizontal--regular);\n  flex-shrink: 0;\n  block-size: 1px;\n  content: '';\n}\n",".host {\n  --vkui_internal--aspect_ratio: 1;\n\n  position: relative;\n  max-inline-size: 100%;\n}\n\n.host::before {\n  content: '';\n  block-size: 0;\n  display: block;\n  padding-block-end: calc((1 / var(--vkui_internal--aspect_ratio, 1)) * 100%);\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.modeStretch > * {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* stylelint-disable selector-max-type */\n.modeStretch > img,\n.modeStretch > video {\n  object-fit: cover;\n}\n/* stylelint-enable selector-max-type */\n","/* flex */\n\n.flexGrow {\n  flex: 1 0 auto;\n}\n\n.flexShrink {\n  flex: 0 1 auto;\n}\n\n.flexContent {\n  flex: 1 1 auto;\n}\n\n.flexFixed {\n  flex: 0 0 auto;\n}\n\n/* align-self */\n\n.alignSelfStart {\n  align-self: start;\n}\n\n.alignSelfEnd {\n  align-self: end;\n}\n\n.alignSelfCenter {\n  align-self: center;\n}\n\n.alignSelfBaseline {\n  align-self: baseline;\n}\n\n.alignSelfStretch {\n  align-self: stretch;\n}\n",".host {\n  --vkui_internal--flex_original_margin_inline: 0px;\n  --vkui_internal--flex_original_margin_block: 0px;\n\n  display: flex;\n}\n\n.marginAuto {\n  --vkui_internal--flex_original_margin_inline: var(--vkui--size_base_padding_horizontal--regular);\n  --vkui_internal--flex_original_margin_block: var(--vkui--size_base_padding_vertical--regular);\n\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.withGaps {\n  margin-block-start: calc(\n    -1 * var(--vkui_internal--row_gap) + var(--vkui_internal--flex_original_margin_block)\n  );\n  margin-inline-start: calc(\n    -1 * var(--vkui_internal--column_gap) + var(--vkui_internal--flex_original_margin_inline)\n  );\n}\n\n.host > .marginAuto {\n  margin-block: 0;\n  margin-inline: 0;\n}\n\n.directionColumn {\n  flex-direction: column;\n}\n\n.reverse {\n  flex-direction: row-reverse;\n}\n\n.directionColumn.reverse {\n  flex-direction: column-reverse;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n/* justify-content */\n\n.justifyStart {\n  justify-content: flex-start;\n}\n\n.justifyEnd {\n  justify-content: flex-end;\n}\n\n.justifyCenter {\n  justify-content: center;\n}\n\n.justifySpaceAround {\n  justify-content: space-around;\n}\n\n.justifySpaceBetween {\n  justify-content: space-between;\n}\n\n.justifySpaceEvenly {\n  justify-content: space-evenly;\n}\n\n/* align-items */\n\n.alignStart {\n  align-items: flex-start;\n}\n\n.alignEnd {\n  align-items: flex-end;\n}\n\n.alignCenter {\n  align-items: center;\n}\n\n.alignStretch {\n  align-items: stretch;\n}\n\n.alignBaseline {\n  align-items: baseline;\n}\n\n/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */\n.withGaps.withGaps > * {\n  margin-block-start: var(--vkui_internal--row_gap);\n  margin-inline-start: var(--vkui_internal--column_gap);\n}\n",".host {\n  --vkui_internal--grid_columns: 1;\n  --vkui_internal--min_col_width: 0;\n\n  display: grid;\n  gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);\n  grid-template-columns: repeat(var(--vkui_internal--grid_columns), minmax(0, 1fr));\n}\n\n.marginAuto {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.marginAutoInline {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.marginAutoBlock {\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.withMinWidth {\n  grid-template-columns: repeat(auto-fit, minmax(var(--vkui_internal--min_col_width), 1fr));\n}\n\n.alignStart {\n  align-items: flex-start;\n}\n\n.alignEnd {\n  align-items: flex-end;\n}\n\n.alignCenter {\n  align-items: center;\n}\n\n.alignStretch {\n  align-items: stretch;\n}\n\n.alignBaseline {\n  align-items: baseline;\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  pointer-events: none;\n}\n\n.opened {\n  pointer-events: initial;\n}\n\n.closing {\n  pointer-events: none;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.overlay {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  opacity: 1;\n}\n\n.opened .overlay {\n  animation: animation-full-fade-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .overlay {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-full-fade-out var(--vkui--animation_duration_m) var(--vkui--animation_easing_default) both;\n}\n\n.masked .overlay {\n  background: var(--vkui--color_overlay_primary);\n}\n\n.fixed .overlay {\n  position: absolute;\n}\n\n.container {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n}\n\n.content {\n  display: flex;\n  justify-content: center;\n  inline-size: 100%;\n  pointer-events: none;\n  position: relative;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.content > * {\n  pointer-events: auto;\n}\n\n.alignYCenter .container {\n  align-items: center;\n}\n\n.alignYBottom .container {\n  align-items: flex-end;\n}\n\n.alignYTop .container {\n  align-items: flex-start;\n}\n\n.alignXCenter .container {\n  justify-content: center;\n}\n\n.alignXLeft .container {\n  justify-content: flex-start;\n}\n\n.alignXRight .container {\n  justify-content: flex-end;\n}\n\n@keyframes animation-full-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-full-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: -56px;\n  inline-size: 56px;\n  block-size: 56px;\n  padding: 18px;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_contrast);\n}\n\n.host::before {\n  display: block;\n  content: '';\n  inset: 14px;\n  background: var(--vkui--color_overlay_secondary);\n  border-radius: 50%;\n  position: absolute;\n  transition: background-color 0.15s ease-out;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- fixes icon misplacement on Safari in some cases */\n.host :global(.vkuiIcon) {\n  transform: translateX(0);\n}\n\n.hover::before {\n  background: var(--vkui--color_overlay_secondary--hover);\n}\n\n.active::before {\n  background: var(--vkui--color_overlay_secondary--active);\n}\n",".host {\n  --vkui_internal--alert_animation_scale_initial: 0.95;\n\n  user-select: none;\n  color: var(--vkui--color_text_primary);\n  position: relative;\n  min-inline-size: 280px;\n  max-inline-size: 416px;\n  margin-block: auto;\n  margin-inline: 24px;\n  box-shadow: var(--vkui--elevation4);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.desktop {\n  inline-size: 100%;\n}\n\n.opening {\n  /* prettier-ignore */\n  animation: animation-alert-scale-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-alert-scale-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.host::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n  border-radius: inherit;\n}\n\n.content {\n  position: relative;\n  padding-block: 24px 16px;\n  padding-inline: 24px;\n}\n\n.contentWithButton {\n  padding-inline-end: 52px;\n}\n\n.action {\n  white-space: nowrap;\n  background: transparent;\n}\n\n.actions {\n  display: flex;\n  max-inline-size: 100%;\n  position: relative;\n  padding-block: 0 12px;\n  padding-inline: 12px;\n}\n\n.title {\n  margin-block-end: 8px;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.title,\n.description {\n  word-break: break-word;\n}\n\n.actionsDirectionHorizontal {\n  justify-content: flex-end;\n}\n\n.actionsDirectionVertical {\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.actions > * {\n  margin: 4px;\n}\n\n.actionsAlignLeft {\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.actionsAlignCenter {\n  justify-content: center;\n  align-items: center;\n}\n\n.actionsAlignRight {\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n/**\n * iOS version\n */\n.ios {\n  --vkui_internal--alert_animation_scale_initial: 1.05;\n\n  inline-size: 270px;\n  min-inline-size: 270px;\n  overflow: hidden;\n  box-shadow: none;\n}\n\n.ios.closing {\n  --vkui_internal--alert_animation_scale_initial: 1;\n}\n\n.ios .content {\n  padding-block: 20px;\n  padding-inline: 16px;\n  text-align: center;\n}\n\n.ios .title:not(:last-child) {\n  margin-block-end: 7px;\n}\n\n.ios .description {\n  color: inherit;\n}\n\n.ios .content::after {\n  content: '';\n  position: absolute;\n  inset-block-end: 0;\n  block-size: 1px;\n  inset-inline: 0;\n  background: var(--vkui--color_separator_primary_alpha);\n  transform-origin: center bottom;\n}\n\n.ios .actions {\n  padding: initial;\n}\n\n.ios .actionsDirectionVertical {\n  flex-direction: column;\n  align-items: initial;\n}\n\n.ios .action {\n  font-family: var(--vkui--font_family_base);\n  position: relative;\n  font-size: 17px;\n  line-height: 44px;\n  color: var(--vkui--color_text_accent);\n  border: 0;\n  padding-block: 0;\n  padding-inline: 6px;\n  margin: 0;\n  block-size: 44px;\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border-radius: 0;\n}\n\n.ios .action::after {\n  content: '';\n  position: absolute;\n  background: var(--vkui--color_separator_primary_alpha);\n}\n\n.ios .actionsDirectionHorizontal .action::after {\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  inline-size: 1px;\n  block-size: 100%;\n  transform-origin: right center;\n}\n\n.ios .actionsDirectionHorizontal .action:last-child::after {\n  content: none;\n}\n\n.ios .actionsDirectionHorizontal .action {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n}\n\n.ios .actionsDirectionHorizontal .action:first-child {\n  border-end-start-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.ios .actionsDirectionHorizontal .action:last-child {\n  border-end-end-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.ios .actionsDirectionVertical .action::after {\n  inset-inline-start: 0;\n  inset-block-end: 0;\n  inline-size: 100%;\n  block-size: 1px;\n  transform-origin: center bottom;\n}\n\n.ios .actionsDirectionVertical .action:last-child::after {\n  content: none;\n}\n\n.ios .actionsDirectionVertical .action:last-child {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 12px;\n  border-end-start-radius: 12px;\n}\n\n@media (min-resolution: 2dppx) {\n  .ios .content::after,\n  .ios .actionsDirectionVertical .action::after {\n    transform: scaleY(0.5);\n  }\n\n  .ios .actionsDirectionHorizontal .action::after {\n    transform: scaleX(0.5);\n  }\n}\n@media (min-resolution: 3dppx) {\n  .ios .content::after,\n  .ios .actionsDirectionVertical .action::after {\n    transform: scaleY(0.33);\n  }\n\n  .ios .actionsDirectionHorizontal .action::after {\n    transform: scaleX(0.33);\n  }\n}\n\n.ios .actionModeCancel {\n  font-weight: 600;\n}\n\n.ios .actionModeDestructive {\n  color: var(--vkui--color_text_negative);\n}\n\n/**\n * VKCOM\n */\n\n.vkcom {\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.12),\n    0 0 96px rgba(0, 0, 0, 0.16);\n  inline-size: 400px;\n}\n\n.vkcom .content {\n  padding-block-end: 20px;\n}\n\n.vkcom .actions {\n  padding-block: 0 12px;\n  padding-inline: 20px;\n}\n\n.vkcom .button {\n  order: 2;\n}\n\n.vkcom .buttonModeCancel {\n  order: 1;\n}\n\n.dismiss {\n  position: absolute;\n  color: var(--vkui--color_icon_secondary);\n  inset-block-start: 8px;\n  inset-inline-end: 8px;\n}\n\n@media (--reduce-motion) {\n  .host,\n  .ios {\n    --vkui_internal--alert_animation_scale_initial: 1;\n  }\n}\n\n@keyframes animation-alert-scale-up {\n  from {\n    opacity: 0;\n    transform: scale(var(--vkui_internal--alert_animation_scale_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes animation-alert-scale-down {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(var(--vkui_internal--alert_animation_scale_initial));\n  }\n}\n","/* stylelint-disable-next-line selector-max-universal -- отключаем иконку */\n.input ~ * {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- включаем иконку если checked */\n.input:checked ~ * {\n  display: block;\n}\n",".host {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  padding-block: 0;\n  padding-inline: 16px;\n  min-block-size: 48px;\n  box-sizing: border-box;\n}\n\n.container,\n.before,\n.after {\n  position: relative;\n}\n\n.before,\n.after {\n  flex-shrink: 0;\n}\n\n.container {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  padding-block: 10px;\n  padding-inline: 0;\n}\n\n.ellipsis {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.content {\n  display: flex;\n  align-items: baseline;\n  overflow: hidden;\n  justify-content: space-between;\n}\n\n.ellipsis .content {\n  justify-content: flex-start;\n}\n\n.children {\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  color: var(--vkui--color_text_secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-block-start: 2px;\n}\n\n.meta {\n  color: var(--vkui--color_text_secondary);\n  margin-inline-start: 6px;\n  flex-shrink: 0;\n}\n\n.before {\n  color: var(--vkui--color_icon_accent);\n  margin-inline-end: 16px;\n}\n\n.menu .before {\n  margin-inline-end: 12px;\n}\n\n.ios .before {\n  color: var(--vkui--color_icon_accent_themed);\n  margin-inline-end: 18px;\n}\n\n.modeDestructive .container:first-child {\n  color: var(--vkui--color_text_negative);\n}\n\n.modeDestructive .before {\n  color: var(--vkui--color_icon_negative);\n}\n\n.after {\n  display: flex;\n  flex-direction: row;\n  margin-inline-start: 16px;\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap 12px */\n.after > *:not(:last-child) {\n  margin-inline-end: 12px;\n}\n\n/**\n * iOS\n */\n\n.ios {\n  padding-block: 14px;\n  padding-inline: 18px;\n  min-block-size: 56px;\n  color: var(--vkui--color_text_accent_themed);\n  background: var(--vkui--color_background_modal);\n}\n\n.rich {\n  color: var(--vkui--color_text_primary);\n}\n\n.ios.modeDestructive {\n  color: var(--vkui--color_text_negative);\n}\n\n.ios::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n  transition:\n    opacity 0.15s ease-out,\n    background-color 0.15s ease-out;\n}\n\n.ios::after {\n  position: absolute;\n  inset-inline: 0;\n  block-size: 1px;\n  content: '';\n  inset-block-start: 0;\n  background: var(--vkui--color_separator_primary_alpha);\n  transform-origin: center bottom;\n}\n\n@media (min-resolution: 2dppx) {\n  .ios::after {\n    transform: scaleY(0.5);\n  }\n}\n@media (min-resolution: 3dppx) {\n  .ios::after {\n    transform: scaleY(0.33);\n  }\n}\n\n.ios:first-child::after,\n.modeCancel::after {\n  content: none;\n}\n\n.ios.active::before {\n  background-color: var(--vkui--color_transparent--active);\n  opacity: 1;\n  transition: none;\n}\n\n.ios .container {\n  padding: 0;\n}\n\n.ios .centered {\n  justify-content: center;\n}\n\n.modeCancel {\n  min-block-size: 52px;\n}\n\n/**\n * Desktop\n */\n\n.menu {\n  inline-size: auto;\n  cursor: pointer;\n  border-radius: 0;\n}\n\n/**\n * Disabled\n */\n\n.host[disabled] .children,\n.host[disabled] .meta,\n.host[disabled] .subtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.host[disabled] .marker,\n.host[disabled] .before {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/**\n * SizeY = compact\n */\n\n.sizeYCompact {\n  min-block-size: 32px;\n}\n\n.sizeYCompact.ios {\n  min-block-size: 36px;\n  padding-block: 4px;\n  padding-inline: 18px 20px;\n}\n\n.sizeYCompact:not(.ios) + .sizeYCompact:not(.ios) {\n  margin-block-start: 2px;\n}\n\n.sizeYCompact .container {\n  padding-block: 5px;\n  padding-inline: 0;\n}\n",".host {\n  position: absolute;\n}\n\n.in {\n  content: '';\n  display: block;\n\n  /* см. Примечание 1 в FloatingArrow.tsx. */\n  transform: translateY(1px);\n}\n\n.placementRight {\n  transform: rotate(90deg) translate(50%, -50%);\n  transform-origin: right;\n}\n\n.placementBottom {\n  transform: rotate(180deg);\n}\n\n.placementLeft {\n  transform: rotate(-90deg) translate(-50%, -50%);\n  transform-origin: left;\n}\n","/**\n * ⚠ WARNING️ ⚠\n *\n * Если указать `position: relaitve` контейнеру, где позиционируется `Popper`, то при кейсе когда:\n * 1. Мы передали `sameWidth`.\n * 2. Мы позциционируем `Popper` через `position: absolute`.\n * 3. Мы используем `height: 100%` или `height: 100vh`, чтобы растянуть страницу на всю высоту.\n * 4. НЕТ скроллбара.\n * будет неправильно высчитан `offsetWidth` у `targetRef` при первом вызове `effect()` модификатора `sameWdith`,\n *  а именно из `offsetWidth` будет вычтен размер скроллабара, которого на самом деле на странице нет (см. п. 4)\n *\n * Второй и последующие вызовы исправляют ситуацию.\n */\n.host {\n  z-index: var(--vkui--z_index_popout);\n}\n",".host {\n  --vkui_internal--actionsheet_animation_opacity_initial: 1;\n  --vkui_internal--actionsheet_animation_translateY_initial: 100%;\n\n  inline-size: 100%;\n  max-inline-size: var(--vkui--size_popup_small--regular);\n  padding: 10px;\n  box-sizing: border-box;\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--actionsheet_animation_opacity_initial: 0;\n    --vkui_internal--actionsheet_animation_translateY_initial: 0%;\n  }\n}\n\n.contentWrapper {\n  padding-block: 8px;\n  padding-inline: 0;\n  overflow: hidden;\n  border-radius: 12px;\n  box-shadow: var(--vkui--elevation3);\n  background: var(--vkui--color_background_modal);\n}\n\n.header {\n  color: var(--vkui--color_text_subhead);\n  padding-block: 16px;\n  padding-inline: 16px;\n}\n\n.opening {\n  /* prettier-ignore */\n  animation: animation-actionsheet-slide-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-actionsheet-slide-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.title + .description {\n  margin-block-start: 8px;\n}\n\n/**\n * iOS\n */\n.ios {\n  padding: 8px;\n  background: transparent;\n}\n\n.ios .contentWrapper {\n  border-radius: 14px;\n  padding: 0;\n}\n\n.closeItemWrapperIos {\n  margin-block: 8px var(--vkui_internal--safe_area_inset_bottom);\n  overflow: hidden;\n  border-radius: 14px;\n  box-shadow: var(--vkui--elevation3);\n  background: var(--vkui--color_background_modal);\n}\n\n.ios.closing {\n  transform: translateY(100%);\n}\n\n.ios .header {\n  position: relative;\n  text-align: center;\n}\n\n.ios .title {\n  position: relative;\n}\n\n.ios .description {\n  position: relative;\n}\n\n.ios .header::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n}\n\n/**\n * Compact\n */\n\n.sizeYCompact .header {\n  padding-block: 12px;\n}\n\n/**\n * Desktop version\n */\n\n.menu {\n  --vkui_internal--actionsheet_animation_opacity_initial: 0;\n  --vkui_internal--actionsheet_animation_translateY_initial: 5%;\n\n  inline-size: auto;\n  block-size: auto;\n  padding: 0;\n  max-inline-size: 100%;\n}\n\n.menu.ios .contentWrapper {\n  border-radius: 14px;\n  padding: 0;\n}\n\n@media (--reduce-motion) {\n  .menu {\n    --vkui_internal--actionsheet_animation_translateY_initial: 0%;\n  }\n}\n\n@keyframes animation-actionsheet-slide-up {\n  from {\n    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);\n    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes animation-actionsheet-slide-down {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);\n    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));\n  }\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  inline-size: 88px;\n  block-size: 88px;\n  padding-block: var(--vkui--spacing_size_2xl);\n  padding-inline: var(--vkui--spacing_size_2xl);\n  border-radius: var(--vkui--size_border_radius--regular);\n  animation: screen-spinner-intro 0.3s ease;\n}\n\n.hasLabel {\n  inline-size: fit-content;\n  block-size: fit-content;\n  max-inline-size: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.modeShadow {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n  color: var(--vkui--color_icon_medium);\n}\n\n.modeOverlay {\n  background-color: var(--vkui--color_avatar_overlay);\n  color: var(--vkui--color_icon_contrast);\n}\n\n.label {\n  color: var(--vkui--color_text_secondary);\n  margin-block-start: var(--vkui--spacing_size_xs);\n  text-align: center;\n}\n\n.modeOverlay .label {\n  color: var(--vkui--color_text_contrast);\n}\n\n.spinner {\n  opacity: 1;\n}\n\n.spinnerTransition {\n  transition: opacity 0.1s ease;\n}\n\n.stateDone .spinner,\n.stateError .spinner,\n.stateCustom .spinner {\n  opacity: 0;\n}\n\n.iconSlot {\n  inline-size: 56px;\n  block-size: 56px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon {\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.stateCancelable .icon {\n  cursor: pointer;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.icon :global(.vkuiIcon) {\n  animation: screen-spinner-intro 0.2s ease;\n}\n\n/* stylelint-disable-next-line selector-max-type, selector-pseudo-class-disallowed-list */\n.stateDone :global(.vkuiIcon) path {\n  stroke-dasharray: 50;\n  stroke-dashoffset: 50;\n  animation: screen-spinner-icon-done 0.6s 0.3s var(--vkui--animation_easing_platform) forwards;\n}\n\n@keyframes screen-spinner-icon-done {\n  from {\n    stroke-dashoffset: 50;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes screen-spinner-intro {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n",".body {\n  --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n    -1 * (\n        var(--vkui--size_button_small_height--compact) -\n          var(--vkui--font_subhead--line_height--compact)\n      ) / 2\n  );\n\n  box-sizing: border-box;\n  padding: 12px;\n  min-block-size: 56px;\n  display: flex;\n  align-items: center;\n  background: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation4);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n}\n\n.sizeYRegular {\n  --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n    -1 * (\n        var(--vkui--size_button_small_height--regular) -\n          var(--vkui--font_subhead--line_height--regular)\n      ) / 2\n  );\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n      -1 * (\n          var(--vkui--size_button_small_height--regular) -\n            var(--vkui--font_subhead--line_height--regular)\n        ) / 2\n    );\n  }\n}\n\n.modeDark {\n  background: var(--vkui--color_background_contrast_inverse);\n}\n\n.before {\n  margin-inline-end: 12px;\n}\n\n.after {\n  margin-inline-start: 12px;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n.contentText {\n  flex: 1;\n  color: var(--vkui--color_text_primary);\n  inline-size: 100%;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.contentSubtitle {\n  color: var(--vkui--color_text_subhead);\n  margin-block-start: 2px;\n}\n\n.modeDark .contentText {\n  color: var(--vkui--color_text_contrast);\n}\n\n/* layout */\n.layoutHorizontal .action {\n  position: relative;\n  margin-inline-start: 12px;\n}\n\n.layoutVertical .content {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.layoutVertical .action {\n  min-block-size: initial;\n  margin-block-start: 2px;\n  margin-block-end: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .layoutNone .action {\n    position: relative;\n    margin-inline-start: 12px;\n  }\n}\n@media (--viewWidth-smallTabletPlus) {\n  .layoutNone .content,\n  .layoutVerticalMq .content {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .layoutNone .action,\n  .layoutVerticalMq .action {\n    min-block-size: initial;\n    margin-block-start: 2px;\n    margin-block-end: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);\n  }\n}\n",".host {\n  --vkui_internal--snackbar_safe_area_inset_bottom: var(--vkui_internal--safe_area_inset_bottom);\n  --vkui_internal--snackbar_in_padding: 8px;\n  --vkui_internal--snackbar_shift_x: 0;\n  --vkui_internal--snackbar_shift_y: 0;\n  --vkui_internal--snackbar_direction: 0;\n  --vkui_internal--snackbar_animation_from: translate3d(0, 0, 0);\n  --vkui_internal--snackbar_animation_to: translate3d(0, 0, 0);\n  --vkui_internal--snackbar_animation_duration: 340ms;\n\n  position: fixed;\n  inset-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n  z-index: var(--vkui--z_index_popout);\n  user-select: none;\n}\n\n.ios {\n  --vkui_internal--snackbar_animation_duration: 400ms;\n}\n\n.placementTopStart,\n.placementTop,\n.placementTopEnd {\n  --vkui_internal--snackbar_animation_from: translate3d(0, -100%, 0);\n  --vkui_internal--snackbar_animation_to: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n\n  inset-block-start: var(--vkui_internal--safe_area_inset_top);\n}\n\n.placementBottomStart {\n  --vkui_internal--snackbar_direction: -1;\n}\n\n.placementBottomEnd {\n  --vkui_internal--snackbar_direction: 1;\n}\n\n.placementBottomStart,\n.placementBottom,\n.placementBottomEnd {\n  --vkui_internal--snackbar_animation_from: translate3d(\n    calc(var(--vkui_internal--snackbar_direction) * 100%),\n    0,\n    0\n  );\n  --vkui_internal--snackbar_animation_to: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n\n  inset-block-end: var(--vkui_internal--snackbar_safe_area_inset_bottom);\n}\n\n@media (--desktop) {\n  .host {\n    inline-size: 100%;\n    max-inline-size: 351px;\n  }\n\n  .placementTop,\n  .placementBottom {\n    margin-inline: auto;\n  }\n\n  .placementBottom {\n    --vkui_internal--snackbar_animation_from: translate3d(0, 100%, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      0,\n      var(--vkui_internal--snackbar_shift_y),\n      0\n    );\n  }\n\n  .placementTopStart,\n  .placementBottomStart {\n    --vkui_internal--snackbar_animation_from: translate3d(-100%, 0, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      var(--vkui_internal--snackbar_shift_x),\n      0,\n      0\n    );\n\n    inset-inline-start: var(--vkui_internal--safe_area_inset_left);\n    inset-inline-end: auto;\n  }\n\n  .placementTopEnd,\n  .placementBottomEnd {\n    --vkui_internal--snackbar_animation_from: translate3d(100%, 0, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      var(--vkui_internal--snackbar_shift_x),\n      0,\n      0\n    );\n\n    inset-inline-start: auto;\n    inset-inline-end: var(--vkui_internal--safe_area_inset_right);\n  }\n}\n\n.in {\n  padding: var(--vkui_internal--snackbar_in_padding);\n  animation-duration: var(--vkui_internal--snackbar_animation_duration);\n  animation-timing-function: var(--vkui--animation_easing_platform);\n  animation-fill-mode: both;\n}\n\n.placementTopStart .in,\n.placementTop .in,\n.placementTopEnd .in {\n  transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n}\n\n.placementBottomStart .in,\n.placementBottom .in,\n.placementBottomEnd .in {\n  transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n}\n\n@media (--desktop) {\n  .in {\n    --vkui_internal--snackbar_in_padding: 12px;\n  }\n\n  .placementTopStart .in,\n  .placementBottomStart .in,\n  .placementTopEnd .in,\n  .placementBottomEnd .in {\n    transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n  }\n\n  .placementBottom .in {\n    transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n  }\n}\n\n.stateEnter .in,\n.stateEntering .in {\n  animation-name: animation-snackbar-slide-in;\n}\n\n@media (--reduce-motion) {\n  .stateEnter .in,\n  .stateEntering .in {\n    animation-name: animation-snackbar-fade-in;\n  }\n}\n\n.stateEntered .in {\n  transition-property: transform;\n  transition-duration: var(--vkui_internal--snackbar_animation_duration);\n  transition-timing-function: var(--vkui--animation_easing_platform);\n}\n\n.touched .in {\n  transition-property: none;\n}\n\n.stateExit .in,\n.stateExiting .in {\n  animation-name: animation-snackbar-slide-out;\n}\n\n@media (--reduce-motion) {\n  .stateExit .in,\n  .stateExiting .in {\n    animation-name: animation-snackbar-fade-out;\n  }\n} /* stylelint-disable-next-line at-rule-empty-line-before */\n\n@keyframes animation-snackbar-slide-in {\n  from {\n    opacity: 0;\n    transform: var(--vkui_internal--snackbar_animation_from);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-snackbar-slide-out {\n  from {\n    opacity: 1;\n    transform: var(--vkui_internal--snackbar_animation_to);\n  }\n\n  to {\n    opacity: 0;\n    transform: var(--vkui_internal--snackbar_animation_from);\n  }\n}\n\n/* Анимации при (prefers-reduced-motion: reduce) */\n@keyframes animation-snackbar-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-snackbar-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  white-space: normal;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n  padding-block: 9px 10px;\n  padding-inline: 12px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  color: var(--vkui--color_text_primary);\n}\n\n.closeButton {\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-self: flex-start;\n  margin-inline-start: 10px;\n  color: inherit;\n  padding: 0;\n  border: 0;\n  background: none;\n}\n\n.arrow {\n  color: var(--vkui--color_background_contrast_themed);\n}\n\n.appearanceAccent .content {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.appearanceAccent .arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.appearanceWhite .content {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.appearanceWhite .arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.appearanceBlack .content {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.appearanceBlack .arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.appearanceInversion .content {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.appearanceInversion .arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n",".host {\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n}\n\n.nonInteractive {\n  pointer-events: none;\n  touch-action: none;\n}\n\n.hostPositionAbsolute {\n  position: absolute;\n}\n\n.hostPositionFixed {\n  position: fixed;\n}\n\n.hostStateEnter {\n  opacity: 0;\n  transition-property: none;\n}\n\n.hostStateEntering {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n}\n\n.hostStateEntered {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n}\n\n.hostStateExit {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n  transition-property: none;\n}\n\n.hostStateExiting {\n  opacity: 0;\n}\n\n.hostStateExited {\n  opacity: 0;\n  transition-property: none;\n}\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .hostStateEntering,\n  .hostStateExiting {\n    transition-duration: var(--vkui--animation_duration_l);\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .hostStateEntering {\n    transition-duration: 0.2s;\n  }\n\n  .hostStateExiting {\n    transition-duration: 0.1s;\n  }\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@supports (scrollbar-color: auto) {\n  .host {\n    scrollbar-color: var(--vkui--color_icon_tertiary_alpha) transparent;\n    scrollbar-width: thin;\n  }\n\n  .scrollbarHidden {\n    /**\n     * Для удаление скролла в Firefox.\n     * В версии ниже 64 будет виден скролл, но это не ломает функциональность.\n     */\n    scrollbar-width: none;\n  }\n}\n@supports not (scrollbar-color: auto) {\n  .scrollbarHidden::-webkit-scrollbar {\n    display: none;\n  }\n\n  .host::-webkit-scrollbar {\n    inline-size: 12px;\n    block-size: 12px;\n    background: 0 0;\n  }\n\n  .host::-webkit-scrollbar-track,\n  .host::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n\n  .host::-webkit-scrollbar-thumb,\n  .host::-webkit-scrollbar-thumb {\n    background-color: var(--vkui--color_icon_tertiary_alpha);\n    border: 3px solid transparent;\n    border-radius: 6px;\n    background-clip: padding-box, content-box;\n  }\n\n  .host::-webkit-scrollbar-thumb:hover,\n  .host::-webkit-scrollbar-thumb:active {\n    background-color: var(--vkui--color_icon_tertiary_alpha--hover);\n    border: 2px solid transparent;\n  }\n}\n\n.boxOverscrollBehaviorContain {\n  overscroll-behavior: contain;\n}\n\n.boxOverscrollBehaviorNone {\n  overscroll-behavior: none;\n}\n\n.horizontalScrollEnabled {\n  overflow-x: auto;\n}\n",".host {\n  /* см. `.children {}` в `ModalPage` */\n  flex: 1 1 100%;\n}\n",".host {\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n",".host:not([hidden]) {\n  isolation: isolate;\n  position: fixed;\n  inset: 0;\n  z-index: var(--vkui--z_index_modal);\n  overflow: hidden;\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host:not([hidden]) {\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n}\n",".host {\n  --vkui_internal_ModalPage--userHeight: 100%;\n  --vkui_internal_ModalPage--desktopMaxWidth: 100%;\n\n  display: flex;\n  inline-size: 100%;\n  block-size: var(--vkui_internal_ModalPage--userHeight);\n  margin-inline: auto;\n  outline: none;\n  box-sizing: border-box;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .host {\n    position: absolute;\n    inset-inline: 0;\n    inset-block-end: 0;\n    max-inline-size: var(--vkui--size_popup_small--regular);\n    pointer-events: none;\n  }\n\n  .hostSafeAreaInsetTop {\n    max-block-size: calc(100% - var(--vkui_internal--safe_area_inset_top));\n  }\n\n  .hostSafeAreaInsetTopWithCustomOffset {\n    max-block-size: calc(\n      100% - (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height))\n    );\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host {\n    position: relative;\n    margin-block: auto;\n    max-inline-size: var(--vkui_internal_ModalPage--desktopMaxWidth);\n    max-block-size: calc(100% - 64px); /* FIXME 64px??? */\n    block-size: auto;\n  }\n\n  .hostMaxWidthS {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_small--regular);\n  }\n\n  .hostMaxWidthM {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_medium--regular);\n  }\n\n  .hostMaxWidthL {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_large--regular);\n  }\n}\n\n.document {\n  inline-size: 100%;\n  box-sizing: border-box;\n\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .document {\n    --vkui_internal_ModalPageDocument--snapPoint: auto;\n    --vkui_internal_ModalPageDocument--safeAreaInsetBottom: var(\n      --vkui_internal--safe_area_inset_bottom\n    );\n\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-end: 0;\n    block-size: var(--vkui_internal_ModalPageDocument--snapPoint);\n    max-block-size: 100%;\n    padding-block-end: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transform: translate3d(0, 0, 0);\n    transition: block-size 0.4s var(--vkui_internal--spring-easing);\n  }\n\n  .documentStateEnter {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .documentStateEntering {\n    transform: translate3d(0, 0, 0);\n    transition: transform 0.5s var(--vkui_internal--slide-easing) 0.1s;\n  }\n\n  .documentStateExiting {\n    transform: translate3d(0, 100%, 0);\n    transition: transform 0.2s ease;\n  }\n\n  .documentStateExited {\n    transform: translate3d(0, 100%, 0);\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .document {\n    position: relative;\n    block-size: auto;\n  }\n\n  .documentStateEnter {\n    opacity: 0;\n  }\n\n  .documentStateEntering {\n    opacity: 1;\n    transition: opacity 0.2s ease-in 0.1s;\n  }\n\n  .documentStateExiting {\n    opacity: 0;\n    transition: opacity 0.1s ease-out;\n  }\n\n  .documentStateExited {\n    opacity: 0;\n  }\n}\n\n.children {\n  inline-size: 100%;\n  block-size: 100%;\n  border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n  border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n  background-color: var(--vkui--color_background_modal);\n  overflow: hidden;\n\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   *\n   * - см. `ModalPageHeader`\n   * - см. `ModalPageContent`\n   * - см. `ModalPageFooter`\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .children {\n    border-end-end-radius: var(--vkui--size_border_radius_paper--regular);\n    border-end-start-radius: var(--vkui--size_border_radius_paper--regular);\n    box-shadow: var(--vkui--elevation3);\n  }\n}\n",".host {\n  --vkui_internal--safe_area_inset_top: 0;\n\n  border-start-start-radius: inherit;\n  border-start-end-radius: inherit;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n}\n\n.hostWithGaps {\n  padding-inline: 4px;\n}\n\n.hostDesktop.hostWithGaps {\n  padding-inline: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--dismiss_24), /* Note: <Icon24Dismiss /> по документации используется только для iOS  */\n.host :global(.vkuiIcon--cancel_24) {\n  color: var(--vkui--color_icon_secondary);\n}\n",".container {\n  box-sizing: border-box;\n  position: relative;\n  background: var(--vkui--color_background_modal);\n  border-radius: 12px;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  pointer-events: initial;\n  box-shadow: var(--vkui--elevation3);\n\n  --vkui_internal--background: var(--vkui--color_background_modal);\n  --vkui_internal--dismiss_icon_height: 20px;\n  --vkui_internal--dismiss_icon_padding: 12px;\n  --vkui_internal--dismiss_icon_safe_offset: 4px;\n  --vkui_internal--dismiss_icon_desktop_offset: 4px;\n}\n\n.withSafeZone .container {\n  padding-block-start: calc(\n    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +\n      var(--vkui_internal--dismiss_icon_safe_offset)\n  );\n}\n\n.containerSoftwareKeyboardOpened {\n  margin-block-end: 0;\n}\n\n.title,\n.description {\n  text-align: center;\n  margin: 0;\n  padding-block: 0;\n  padding-inline: 8px;\n  word-break: break-word;\n}\n\n.title {\n  color: var(--vkui--color_text_primary);\n}\n\n.description {\n  color: var(--vkui--color_text_subhead);\n}\n\n.icon {\n  margin-block: 8px 16px;\n  margin-inline: auto;\n  color: var(--vkui--color_icon_accent);\n}\n\n.actions {\n  margin-block-start: 16px;\n}\n\n.dismiss {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  color: var(--vkui--color_icon_secondary);\n  padding: var(--vkui_internal--dismiss_icon_padding);\n}\n\n/**\n * iOS\n */\n.ios .container {\n  border-radius: 14px;\n\n  --vkui_internal--dismiss_icon_height: 24px;\n  --vkui_internal--dismiss_icon_padding: 12px;\n  --vkui_internal--dismiss_icon_safe_offset: 0px;\n}\n\n/**\n * Desktop\n */\n.desktop .dismiss {\n  inset-block-start: var(--vkui_internal--dismiss_icon_desktop_offset);\n  inset-inline-end: var(--vkui_internal--dismiss_icon_desktop_offset);\n}\n\n.desktop .container {\n  padding: 24px;\n\n  --vkui_internal--dismiss_icon_safe_offset: 0px;\n}\n\n.desktop.ios .container {\n  --vkui_internal--dismiss_icon_padding: 10px;\n  --vkui_internal--dismiss_icon_safe_offset: 6px;\n}\n\n.withSafeZone.desktop .container {\n  padding-block-start: calc(\n    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +\n      var(--vkui_internal--dismiss_icon_safe_offset) +\n      var(--vkui_internal--dismiss_icon_desktop_offset)\n  );\n}\n",".host {\n  padding: var(--vkui--spacing_size_m);\n  margin-inline: auto;\n  inline-size: 100%;\n  box-sizing: border-box;\n}\n\n.host:focus {\n  outline: none;\n}\n\n.hostMaxWidthS {\n  max-inline-size: calc(400px + var(--vkui--spacing_size_2xl));\n}\n\n.hostMaxWidthM {\n  max-inline-size: calc(414px + var(--vkui--spacing_size_2xl));\n}\n\n.hostMaxWidthL {\n  max-inline-size: calc(440px + var(--vkui--spacing_size_2xl));\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .host {\n    --vkui_internal_ModalCard--translateY: 100%;\n    --vkui_internal_ModalCard--safeAreaInsetBottom: var(--vkui_internal--safe_area_inset_bottom);\n\n    position: absolute;\n    inset-inline: 0;\n    inset-block-end: 0;\n    margin-block-end: var(--vkui_internal_ModalCard--safeAreaInsetBottom);\n    transform: translate3d(0, calc(100% - var(--vkui_internal_ModalCard--translateY)), 0);\n    transition: transform 0.4s var(--vkui_internal--spring-easing);\n  }\n\n  .hostStateEnter {\n    transform: translate3d(0, 100%, 0);\n    transition: none;\n  }\n\n  .hostStateEntering {\n    transition: transform 0.5s var(--vkui_internal--slide-easing) 0.2s;\n  }\n\n  .hostStateExiting {\n    transform: translate3d(0, 100%, 0);\n    transition: transform 0.2s ease;\n  }\n\n  .hostStateExited {\n    transform: translate3d(0, 100%, 0);\n    transition: none;\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host {\n    margin-block: auto;\n    opacity: 1;\n    transition: opacity 340ms var(--vkui--animation_easing_platform);\n  }\n\n  .hostStateEnter {\n    opacity: 0;\n    transition-property: none;\n  }\n\n  .hostStateEntering {\n    opacity: 1;\n  }\n\n  .hostStateExiting {\n    opacity: 0;\n  }\n\n  .hostStateExited {\n    opacity: 0;\n  }\n}\n",".host {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  inline-size: 6px;\n  block-size: 6px;\n  border-radius: 50%;\n}\n\n.modeNew {\n  background-color: var(--vkui--color_icon_accent);\n}\n\n.modeProminent {\n  background-color: var(--vkui--color_accent_red);\n}\n\n/**\n * CMP:\n * TabbarItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbarItem__label) .host {\n  position: absolute;\n  inset-block-start: -2px;\n  inset-inline-end: -2px;\n}\n",".host {\n  isolation: isolate;\n  position: relative;\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  block-size: auto;\n\n  /**\n   * `min-width` в контексте Flexbox по умолчанию имеет значение `auto`,\n   * из-за чего элементы при переполнении будут выходить за границы контейнера.\n   *\n   * Подробности по ссылке https://stackoverflow.com/a/66689926/2903061\n   */\n  min-inline-size: 0;\n}\n\n.sizeS {\n  min-block-size: 16px;\n  padding-block: 1px;\n  padding-inline: 4px;\n  border-radius: 4px;\n}\n\n.sizeM {\n  column-gap: 4px;\n  min-block-size: 20px;\n  padding-block: 3px;\n  padding-inline: 6px;\n  border-radius: 6px;\n}\n\n.singleIconSlotSizeM {\n  padding-block: 1px;\n  margin-inline: -2px;\n}\n\n.sizeL {\n  column-gap: 6px;\n  min-block-size: 28px;\n  padding-block: 6px;\n  padding-inline: 8px;\n  border-radius: 8px;\n}\n\n.iconSlotSizeL {\n  margin-inline-start: -2px;\n  margin-inline-end: -2px;\n}\n\n.singleIconSlotSizeL {\n  margin-block: -2px;\n  margin-inline: -4px;\n}\n\n.capsule {\n  border-radius: 48px;\n}\n\n/* mode=\"primary\" */\n.primaryAccent {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_background_accent);\n}\n\n.primaryNeutral {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.primaryAccentGreen {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_accent_green);\n}\n\n.primaryAccentRed {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_accent_red);\n}\n\n.primaryOverlay {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_overlay_primary);\n}\n\n/* mode=\"secondary\" */\n.secondaryAccent {\n  color: var(--vkui--color_text_accent);\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.secondaryNeutral {\n  color: var(--vkui--color_text_subhead);\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.secondaryAccentGreen {\n  color: var(--vkui--color_accent_green);\n  background-color: var(--vkui--color_background_positive_tint);\n}\n\n.secondaryAccentRed {\n  color: var(--vkui--color_accent_red);\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n.secondaryOverlay {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_overlay_secondary);\n}\n\n/* mode=\"outline\" */\n.modeOutline::before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: inherit;\n}\n\n.outlineAccent {\n  color: var(--vkui--color_text_accent);\n}\n\n.outlineAccent::before {\n  border-color: var(--vkui--color_stroke_accent);\n}\n\n.outlineNeutral {\n  color: var(--vkui--color_text_secondary);\n}\n\n.outlineNeutral::before {\n  border-color: var(--vkui--color_icon_secondary);\n}\n\n.outlineAccentGreen {\n  color: var(--vkui--color_accent_green);\n}\n\n.outlineAccentGreen::before {\n  border-color: currentColor;\n}\n\n.outlineAccentRed {\n  color: var(--vkui--color_accent_red);\n}\n\n.outlineAccentRed::before {\n  border-color: currentColor;\n}\n\n.outlineOverlay {\n  color: var(--vkui--color_text_contrast);\n}\n\n.outlineOverlay::before {\n  border-width: 0;\n  background-color: var(--vkui--color_overlay_primary);\n}\n",".host {\n  display: inline-flex;\n  max-inline-size: 100%; /* [Примечание 2] Чтобы блок не выходил за границы контейнера (связано с [Примечание 4]) */\n}\n\n.stretched {\n  display: flex;\n  inline-size: 100%;\n}\n\n.modeVertical {\n  flex-direction: column;\n}\n\n.modeHorizontal {\n  flex-direction: row;\n  /* чтобы блоки не растягивались на всю высоту контейнера */\n  align-items: flex-start;\n}\n\n/* stylelint-disable selector-max-universal */\n\n/**\n * [Примечание 3] Чтобы не завязываться на класс компонента, используем каскад и универсальный селектор.\n */\n\n/* \"gap\" для mode=\"vertical\" */\n.modeVertical.gapSpace > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_space--regular);\n}\n\n.modeVertical.gapS > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_small--regular);\n}\n\n.modeVertical.gapM > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_medium--regular);\n}\n\n/* \"gap\" для mode=\"horizontal\" */\n.modeHorizontal > *:not(.host) {\n  /**\n   * [Примечание 4]\n   *\n   * `min-width` в контексте Flexbox по умолчанию имеет значение `auto`,\n   * из-за чего элементы при переполнении будут выходить за границы контейнера.\n   *\n   * Подробности по ссылке https://stackoverflow.com/a/66689926/2903061\n   */\n  min-inline-size: 0;\n}\n\n.modeHorizontal.gapSpace > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_space--regular);\n}\n\n.modeHorizontal.gapS > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_small--regular);\n}\n\n.modeHorizontal.gapM > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_medium--regular);\n}\n\n/* stylelint-enable selector-max-universal */\n\n.modeVertical.alignLeft {\n  align-items: flex-start;\n}\n\n.modeVertical.alignCenter {\n  align-items: center;\n}\n\n.modeVertical.alignRight {\n  align-items: flex-end;\n}\n\n.modeHorizontal.alignLeft {\n  justify-content: flex-start;\n}\n\n.modeHorizontal.alignCenter {\n  justify-content: center;\n}\n\n.modeHorizontal.alignRight {\n  justify-content: flex-end;\n}\n",".host {\n  position: relative;\n  background: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n  list-style-type: none;\n  display: block;\n}\n\n.modeShadow {\n  box-shadow: var(\n    --vkui--elevation3,\n    0 2px 24px 0 rgba(0, 0, 0, 0.08),\n    0 0 2px 0 rgba(0, 0, 0, 0.08)\n  );\n}\n\n.modeShadow,\n.modeOutline,\n.modePlain {\n  background: var(--vkui--color_background_contrast_themed);\n}\n\n.withBorder::after {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  display: block;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  pointer-events: none;\n  box-sizing: border-box;\n  border-radius: inherit;\n}\n\n/**\n * CMP:\n * CardScroll\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll) .host {\n  margin-inline-end: var(--vkui--size_cardgrid_padding--regular);\n  flex-shrink: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll) .host:last-of-type {\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-s) .host {\n  inline-size: 40%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-m) .host {\n  inline-size: 62%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-l) .host {\n  inline-size: calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2);\n  margin-inline-end: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/**\n * CMP:\n * Group\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .host,\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  :global(.vkuiInternalCardScroll--size-l)\n  .host {\n  inline-size: calc(100% - 32px);\n  margin-inline-end: 16px;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host {\n    inline-size: calc(100% - 32px);\n    margin-inline-end: 16px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .host:last-of-type,\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  :global(.vkuiInternalCardScroll--size-l)\n  .host:last-of-type {\n  margin-inline-end: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host:last-of-type {\n    margin-inline-end: 0;\n  }\n}\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host:last-of-type {\n    margin-inline-end: 0;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) :global(.vkuiInternalCardScroll--size-l) .host {\n    inline-size: calc(100% - 32px);\n    margin-inline-end: 16px;\n  }\n}\n\n/**\n * CMP:\n * CardGrid\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid) .host {\n  margin-inline-end: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-l) .host {\n  inline-size: 100%;\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-l) .host:not(:first-child) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host {\n  inline-size: calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host:nth-child(n + 3) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host:nth-child(2n) {\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host {\n  inline-size: calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host:nth-child(n + 4) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host:nth-child(3n) {\n  margin-inline-end: 0;\n}\n",".host {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.padding {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.sizeXCompact {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  }\n}\n\n.host + .host {\n  margin-block-start: calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2);\n}\n\n/**\n * CMP:\n * Group\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .host {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .host {\n    padding-inline: 8px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup) .host:first-child {\n  margin-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup) .host:last-child {\n  margin-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n",".host {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.in {\n  display: flex;\n  align-items: stretch;\n  inline-size: 100%;\n}\n\n.gap {\n  display: block;\n  flex-shrink: 0;\n}\n\n.host + .host {\n  margin-block-start: 16px;\n}\n\n.withPaddings .gap {\n  inline-size: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/**\n * CMP:\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .withPaddings\n  .gap {\n  inline-size: 16px;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .withPaddings\n    .gap {\n    inline-size: 16px;\n  }\n}\n\n/**\n * CMP:\n * Group\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings {\n  margin-inline: -8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings:first-child {\n  padding-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings:last-child {\n  padding-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings {\n    margin-inline: -8px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings:first-child {\n    padding-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings:last-child {\n    padding-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n  }\n}\n",".disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.body {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.tappable {\n  border-radius: var(--vkui--size_card_border_radius--regular);\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  display: block;\n}\n\n.img {\n  object-fit: cover;\n  display: block;\n  border-start-start-radius: var(--vkui--size_card_border_radius--regular);\n  border-start-end-radius: var(--vkui--size_card_border_radius--regular);\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.text:not(:last-child) {\n  margin-block-end: 4px;\n}\n\n.caption,\n.overTitle {\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: flex;\n  align-items: flex-start;\n  padding: 0;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  font-family: var(--vkui--font_family_base);\n}\n\n.before,\n.subtitleBefore,\n.subtitleAfter,\n.contentBefore,\n.contentAfter {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.before {\n  align-self: center;\n  margin-inline-end: var(--vkui--spacing_size_m);\n  margin-block-start: var(--vkui--spacing_size_2xs);\n}\n\n.beforeWithSubtitle {\n  margin-block-start: var(--vkui--spacing_size_s);\n}\n\n.subtitleWrapper {\n  display: flex;\n  align-items: center;\n}\n\n.subtitleBefore {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.subtitleAfter {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n\n.contentBefore {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.contentAfter {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n\n.main {\n  flex: 1 0 0;\n  min-inline-size: 0;\n  color: var(--vkui--color_text_primary);\n}\n\n.content {\n  display: flex;\n  align-items: center;\n}\n\n.contentIn,\n.subtitle {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.contentMultiline {\n  white-space: initial;\n  word-break: break-word;\n  flex-grow: 1;\n}\n\n.subtitle {\n  display: block;\n  color: var(--vkui--color_text_secondary);\n}\n\n.sizeS .contentIn {\n  color: var(--vkui--color_text_secondary);\n}\n\n.indicator {\n  color: var(--vkui--color_text_secondary);\n  margin-inline-start: var(--vkui--spacing_size_xs);\n  flex-shrink: 0;\n}\n\n.host:not(.pi) .indicator {\n  align-self: center;\n}\n\n.after {\n  display: flex;\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-max-universal */\n.after.after > * {\n  margin-block: 13px 7px;\n  margin-inline-start: 12px;\n}\n\n.sizeS .after.after > * {\n  margin-block-start: 11px;\n}\n\n.sizeM .after.after > * {\n  margin-block-start: 13px;\n}\n\n.sizeL .after.after > * {\n  margin-block-start: 14px;\n}\n\n.sizeXl .after.after > * {\n  margin-block-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  position: relative;\n  color: var(--vkui--color_icon_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeS .after > :global(.vkuiIcon--24) {\n  margin-block: 9px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeM .after > :global(.vkuiIcon--24) {\n  margin-block: 10px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeL .after > :global(.vkuiIcon--24) {\n  margin-block: 11px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXl .after > :global(.vkuiIcon--24) {\n  margin-block: 12px 5px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeS .after > :global(.vkuiIcon--16) {\n  margin-block: 13px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeM .after > :global(.vkuiIcon--16) {\n  margin-block: 14px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeL .after > :global(.vkuiIcon--16) {\n  margin-block: 15px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXl .after > :global(.vkuiIcon--16) {\n  margin-block: 16px 9px;\n}\n\n.content {\n  margin-block-start: 12px;\n}\n\n.content:last-child {\n  margin-block-end: 8px;\n}\n\n.subtitleWrapper {\n  margin-block-end: 7px;\n}\n\n/**\n * CMP:\n * Group\n *\n * TODO: Переделать отрицательные отступы https://github.com/VKCOM/VKUI/issues/3508\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain):not(:first-of-type) > .host:first-child,\n:global(.vkuiInternalGroup--mode-plain):not(:first-of-type)\n  > :global(.vkuiInternalTappable):first-child\n  > .host {\n  margin-block-start: -16px;\n}\n\n@media (--sizeX-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > .host:first-child,\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > :global(.vkuiInternalTappable):first-child\n    > .host {\n    margin-block-start: -16px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) > .host:not(.sizeM):first-child,\n:global(.vkuiInternalGroup--mode-card)\n  > :global(.vkuiInternalTappable):first-child\n  > .host:not(.sizeM) {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none)\n    > .host:not(.sizeM):first-child,\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none)\n    > :global(.vkuiInternalTappable):first-child\n    > .host:not(.sizeM) {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n  }\n}\n\n/**\n * Impact:\n * Link\n */\n.after {\n  --vkui_internal--link-color: var(--vkui--color_text_accent);\n}\n","/* stylelint-disable selector-max-universal */\n\n/*\n * Автоопределение mode:\n *\n * - sizeX=\"compact\" (mobile)  -> mode=\"plain\"\n * - sizeX=\"regular\" (desktop) -> mode=\"card\"\n */\n.host {\n  --vkui_internal--Group_padding_inline: 0;\n  --vkui_internal--Group_padding_block: var(--vkui--spacing_size_m);\n  --vkui_internal--Group_card_mode_padding_size: 0;\n\n  color: var(--vkui--color_text_primary);\n  padding-block: var(--vkui_internal--Group_padding_block);\n  padding-inline: var(--vkui_internal--Group_padding_inline);\n}\n\n.paddingS {\n  --vkui_internal--Group_card_mode_padding_size: var(--vkui--spacing_size_xs);\n}\n\n.paddingM {\n  --vkui_internal--Group_card_mode_padding_size: var(--vkui--spacing_size_m);\n}\n\n/* разделитель при mode=\"card\" */\n.modeCard,\n.sizeXRegular.modeNone {\n  --vkui_internal--Group_padding_inline: var(--vkui_internal--Group_card_mode_padding_size);\n  --vkui_internal--Group_padding_block: var(--vkui_internal--Group_card_mode_padding_size);\n\n  position: relative;\n  background: var(--vkui--color_background_content);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone {\n    --vkui_internal--Group_padding_inline: var(--vkui_internal--Group_card_mode_padding_size);\n    --vkui_internal--Group_padding_block: var(--vkui_internal--Group_card_mode_padding_size);\n\n    position: relative;\n    background: var(--vkui--color_background_content);\n    border-radius: var(--vkui--size_border_radius_paper--regular);\n  }\n}\n\n.sizeXCompact.modeCard {\n  --vkui_internal--Group_padding_inline: 0;\n\n  border-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard {\n    --vkui_internal--Group_padding_inline: 0;\n\n    border-radius: var(--vkui--size_border_radius_promo--regular);\n  }\n}\n\n.sizeXCompact.modeCard:first-of-type {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: var(--vkui--size_border_radius_promo--regular);\n  border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard:first-of-type {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n    border-end-end-radius: var(--vkui--size_border_radius_promo--regular);\n    border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n  }\n}\n\n/*\n * Изменено с ::after на ::before\n * потому что при ::after абсолютно позиционированный элемент накладывается\n * поверх любого другого абсолютно позиционированного элемента внутри Group,\n * например поверх Tooltip\n * См. пример: Slider c пропом withTooltip\n */\n.modeCard::before,\n.sizeXRegular.modeNone::before {\n  content: '';\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  position: absolute;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone::before {\n    content: '';\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    border-radius: inherit;\n    pointer-events: none;\n    box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);\n  }\n}\n\n.sizeXCompact.modeCard::before {\n  box-shadow: none;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard::before {\n    box-shadow: none;\n  }\n}\n\n/*\n * Header\n */\n.header:empty {\n  display: none;\n}\n\n.modePlain:not(:first-of-type) > .header,\n.sizeXCompact.modeNone:not(:first-of-type) > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone:not(:first-of-type) > .header {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n  }\n}\n\n.modeCard > .header,\n.sizeXRegular.modeNone > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone > .header {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n  }\n}\n\n/*\n * Description\n */\n.description {\n  display: block;\n  padding-block: var(--vkui--spacing_size_xs) var(--vkui--spacing_size_2xl);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  color: var(--vkui--color_text_secondary);\n}\n\n/*\n * Separator (sibling)\n *\n * ⚠️ Находится за пределами Group\n */\n.separatorSibling {\n  --vkui_internal--Group__separator_hr: none;\n\n  position: relative;\n  box-sizing: border-box;\n}\n\n.separatorSibling::before {\n  display: var(--vkui_internal--Group__separator_hr);\n  content: '';\n  block-size: var(--vkui--size_border--regular);\n  background: var(--vkui--color_separator_primary);\n  margin-block-end: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* разделитель при mode=\"plain\" */\n.modePlain + .separatorSibling,\n.sizeXCompact.modeNone + .separatorSibling {\n  --vkui_internal--Group__separator_hr: block;\n\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  padding-block: var(--vkui--spacing_size_m);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone + .separatorSibling {\n    --vkui_internal--Group__separator_hr: block;\n\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n    padding-block: var(--vkui--spacing_size_m);\n  }\n}\n\n.modePlain:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n  display: none;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n    display: none;\n  }\n}\n\n/* разделитель при mode=\"card\" */\n.modeCard + .separatorSibling,\n.sizeXRegular.modeNone + .separatorSibling {\n  block-size: var(--vkui--spacing_size_2xl);\n  padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone + .separatorSibling {\n    block-size: var(--vkui--spacing_size_2xl);\n    padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n  }\n}\n\n.sizeXCompact.modeCard + .separatorSibling {\n  block-size: var(--vkui--spacing_size_m);\n  padding-block: calc(var(--vkui--spacing_size_m) / 2);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard + .separatorSibling {\n    block-size: var(--vkui--spacing_size_m);\n    padding-block: calc(var(--vkui--spacing_size_m) / 2);\n  }\n}\n\n/*\n * Group вложенный в ModalPage\n *\n * note: ModalPage форсирует mode=\"plain\" для Group\n */\n@media (--sizeX-regular) {\n  .modePlainInsideModal {\n    --vkui_internal--Group_padding_inline: var(--vkui--spacing_size_m);\n    --vkui_internal--Group_padding_block: var(--vkui--spacing_size_m);\n  }\n\n  .modePlainInsideModal + .separatorSibling {\n    padding-inline: calc(\n      var(--vkui--size_base_padding_horizontal--regular) + var(--vkui--spacing_size_m)\n    );\n  }\n}\n\n/*\n * Group вложенный в Group\n */\n.host .host {\n  --vkui_internal--Group_padding_inline: 0;\n}\n\n.host .host + .separatorSibling {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.host .host:first-of-type {\n  padding-block-start: 0;\n}\n\n.host .host:last-of-type {\n  padding-block-end: 0;\n}\n\n/*\n * Group.host\n * компенсирующий отступы Group в зависимости\n * от режима: inline / block\n */\n\n.expandedContentInline {\n  margin-inline: calc(-1 * var(--vkui_internal--Group_padding_inline));\n}\n\n.expandedContentBlock {\n  margin-block: calc(-1 * var(--vkui_internal--Group_padding_block));\n}\n\n.host .host:first-of-type .expandedContentBlock {\n  margin-inline-start: 0;\n}\n\n.host .host:last-of-type .expandedContentBlock {\n  margin-inline-start: 0;\n}\n\n/*\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader--vkcom) ~ .host:first-of-type,\n:global(.vkuiInternalPanelHeader--vkcom) + * .host:first-of-type {\n  position: relative;\n  inset-block-start: -1px;\n  border-start-end-radius: 0;\n  border-start-start-radius: 0;\n}\n",".host {\n  background: linear-gradient(to bottom, var(--vkui_internal--Gradient_gradient));\n\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient);\n}\n\n.toBottom {\n  background: linear-gradient(to top, var(--vkui_internal--Gradient_gradient));\n}\n\n.modeTint {\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient_tint);\n}\n\n.modeOverlay {\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient_black);\n}\n",".host {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.placeholder {\n  display: none;\n}\n",".content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.action {\n  position: relative;\n  flex-grow: 0;\n  flex-shrink: 0;\n  border: 0;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.alignStart .action {\n  align-self: flex-start;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/**\n * iOS\n */\n.ios {\n  overflow: hidden;\n}\n\n.remove {\n  position: absolute;\n  inset-inline-start: 100%;\n  inset-block-start: 0;\n  block-size: 100%;\n  padding-block: 0;\n  padding-inline: 10px;\n  font-size: 15px;\n  line-height: 45px;\n  color: var(--vkui_internal--white);\n  background-color: var(--vkui--color_background_negative);\n  border: 0;\n  border-radius: 0;\n}\n\n.removeIn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.toggle {\n  display: block;\n  inline-size: 44px;\n  block-size: 44px;\n  margin-block: 0;\n  margin-inline: 2px;\n  background: none;\n}\n\n.toggleIn {\n  position: relative;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n}\n\n.toggleIn::after {\n  content: '';\n  inline-size: 22px;\n  block-size: 22px;\n  background-color: var(--vkui--color_background_negative);\n  border-radius: 50%;\n}\n\n.toggleIn::before {\n  content: '';\n  position: absolute;\n  display: block;\n  inline-size: 12px;\n  block-size: 2px;\n  background-color: var(--vkui_internal--white);\n}\n\n.ios .content {\n  padding-inline: 0 var(--vkui--size_base_padding_horizontal--regular);\n  transition: transform 0.6s var(--vkui--animation_easing_platform);\n}\n\n.indent .action {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) .content,\n:global(.vkuiInternalFormLayoutGroup--removable) .content {\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.offset {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable) ~ .offset,\n:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  order: -1;\n  display: block;\n  inline-size: 100%;\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--sizeY-compact):global(.vkuiInternalFormItem--withTop)\n  :global(.vkuiInternalFormItem__removable)\n  ~ .offset,\n:global(.vkuiInternalFormLayoutGroup--sizeY-compact):global(.vkuiInternalFormLayoutGroup--removable)\n  :global(.vkuiInternalFormItem--withTop)\n  ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--sizeY-none):global(.vkuiInternalFormItem--withTop)\n    :global(.vkuiInternalFormItem__removable)\n    ~ .offset,\n  :global(.vkuiInternalFormLayoutGroup--sizeY-none):global(.vkuiInternalFormLayoutGroup--removable)\n    :global(.vkuiInternalFormItem--withTop)\n    ~ .offset {\n    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n  }\n}\n",".host {\n  --vkui_internal--SimpleCell-before-inline-padding-end: var(--vkui--spacing_size_xl);\n\n  display: flex;\n  align-items: center;\n  min-block-size: 48px;\n  white-space: nowrap;\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.mult {\n  white-space: normal;\n}\n\n.mult .children {\n  text-overflow: initial;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.before {\n  display: flex;\n  align-items: center;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline-end: var(--vkui_internal--SimpleCell-before-inline-padding-end);\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.before > :global(.vkuiIcon) {\n  padding-inline-end: var(--vkui--spacing_size_xs);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.beforeIos > :global(.vkuiIcon) {\n  padding-inline-end: 0;\n}\n\n.before:empty {\n  display: none;\n}\n\n.middle {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-block: var(--vkui--spacing_size_l);\n  max-inline-size: 100%;\n  flex-grow: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap: 2px */\n.middle > *:not(:first-child) {\n  margin-block-start: var(--vkui--spacing_size_2xs);\n}\n\n.overTitle {\n  color: var(--vkui--color_text_subhead);\n}\n\n.text {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.subtitle,\n.extraSubtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.host .content {\n  display: flex;\n  align-content: flex-start;\n  align-items: center;\n  justify-content: space-between;\n  max-inline-size: 100%;\n}\n\n.host:not(.mult) .content {\n  justify-content: flex-start;\n}\n\n.children {\n  color: inherit;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: block;\n}\n\n.mult .children,\n.mult .subtitle {\n  flex: 1 1 auto;\n}\n\n.badge {\n  display: inline-block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap: 4px */\n.content > *:not(:last-child) {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.indicator {\n  flex-shrink: 0;\n  color: var(--vkui--color_text_secondary);\n  min-inline-size: 0;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n.after {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  padding-inline-start: var(--vkui--spacing_size_m);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon):last-child {\n  padding-inline-end: var(--vkui--spacing_size_2xs);\n}\n\n.chevronIcon {\n  color: var(--vkui--color_icon_tertiary);\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n/**\n * sizeY === 'compact'\n */\n\n.sizeYCompact {\n  min-block-size: 44px;\n}\n\n.sizeYCompact .before {\n  padding-block: var(--vkui--spacing_size_xs);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 44px;\n  }\n\n  .sizeYNone .before {\n    padding-block: var(--vkui--spacing_size_xs);\n  }\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) > .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  inline-size: 24px;\n}\n\n.icon {\n  display: none;\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.iconOn {\n  color: var(--vkui--color_icon_accent);\n}\n\n.input:not(:checked) ~ .iconOff,\n.input:checked ~ .iconOn {\n  display: block;\n}\n","/* stylelint-disable selector-max-universal */\n.host {\n  cursor: ns-resize;\n  color: var(--vkui--color_icon_secondary);\n  user-select: none;\n  touch-action: manipulation;\n}\n\n.icon {\n  pointer-events: none;\n}\n",".host {\n  position: relative;\n}\n\n.dragging {\n  background-color: var(--vkui--color_background_secondary);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.checkbox,\n.dragger {\n  position: relative;\n  flex-shrink: 0;\n  margin-inline-end: var(--vkui--spacing_size_2xl);\n}\n\n.controlNoBefore {\n  /* Когда в before нет ничего, кроме dragger или checkbox, нужно добавлять компенсированный отступ */\n  margin-inline-end: calc(var(--vkui--spacing_size_2xl) - var(--vkui--spacing_size_xl));\n}\n\n.content {\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.removable .content {\n  flex-grow: 1;\n  /* размер removable icon */\n  padding-inline-end: 44px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.removable :global(.vkuiInternalRemovable__content) {\n  padding-inline-start: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- для того чтобы активная область Cell распространялась и на область removable */\n.removable :global(.vkuiInternalRemovable__action) {\n  position: absolute;\n  inset-inline-end: 0;\n  padding-inline-start: 0;\n}\n\n/**\n * iOS\n */\n.ios .dragger {\n  margin-inline: var(--vkui--spacing_size_xl) 0;\n}\n\n.ios .checkbox {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.ios .controlNoBefore {\n  /* Когда в before нет ничего, кроме dragger или checkbox, оставляем только отступ у before в SimpleCell */\n  margin-inline-end: 0;\n}\n\n.ios.removable .content {\n  /* размер removable icon + icon margins*/\n  padding-inline: 48px var(--vkui--size_base_padding_horizontal--regular);\n  /* правый паддинг от removable который мы обнулили ниже */\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios.removable :global(.vkuiInternalRemovable__action) {\n  inset-inline: 0 auto;\n  z-index: 1;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios.removable :global(.vkuiInternalRemovable__content) {\n  padding-inline-end: 0;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) > .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n",".host {\n  inline-size: 48px;\n  block-size: 40px;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n}\n",".host {\n  display: flex;\n  padding-block: var(--vkui--spacing_size_m);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  min-block-size: 64px;\n  box-sizing: border-box;\n  color: var(--vkui--color_text_primary);\n  text-decoration: none; /* в случае если Component=\"a\" */\n  font-family: var(--vkui--font_family_base);\n}\n\n.sizeYCompact {\n  min-block-size: 60px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 60px;\n  }\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.inWrapper {\n  display: flex;\n  justify-content: space-between;\n  flex-grow: 1;\n  min-inline-size: 0;\n}\n\n.in {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content {\n  display: flex;\n  word-break: break-word;\n  justify-content: space-between;\n}\n\n.contentBefore {\n  min-inline-size: 0;\n}\n\n.contentAfter {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-inline-size: 0;\n  flex-grow: 1;\n  flex-basis: 100px;\n}\n\n.contentAfterAlignStart {\n  align-self: flex-start;\n}\n\n.contentAfterAlignCenter {\n  align-self: center;\n}\n\n.contentAfterAlignEnd {\n  align-self: flex-end;\n}\n\n.afterChildren {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.afterCaption {\n  margin-block-start: var(--vkui--spacing_size_2xs);\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  color: var(--vkui--color_text_secondary);\n}\n\n.sizeYCompact .afterCaption {\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .afterCaption {\n    font-size: var(--vkui--font_caption1--font_size--regular);\n    line-height: var(--vkui--font_caption1--line_height--regular);\n  }\n}\n\n.overTitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.extraSubtitle {\n  margin-block-start: 1px;\n  color: var(--vkui--color_text_secondary);\n}\n\n.children {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.textEllipsis .overTitle,\n.textEllipsis .children,\n.textEllipsis .subtitle,\n.textEllipsis .extraSubtitle {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-inline-size: 100%;\n  overflow: hidden;\n}\n\n.bottom {\n  margin-block-start: var(--vkui--spacing_size_s);\n}\n\n.actions {\n  margin-block-start: var(--vkui--spacing_size_m);\n}\n\n.children,\n.subtitle,\n.afterChildren {\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n}\n\n.sizeYCompact .children,\n.sizeYCompact .subtitle,\n.sizeYCompact .afterChildren {\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .children,\n  .sizeYNone .subtitle,\n  .sizeYNone .afterChildren {\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n/**\n * CMP:\n * FormItem\n **/\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 60px;\n  }\n}\n",".host {\n  box-sizing: border-box;\n  text-decoration: none;\n  margin: 0;\n  border: 0;\n  inline-size: 100%;\n  background: transparent;\n  text-align: start;\n  padding-block: 0;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  inline-size: 100%;\n  box-sizing: content-box;\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.host[disabled] {\n  opacity: 0.4;\n}\n\n.centered {\n  justify-content: center;\n  text-align: center;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- отключаем растягивание элементов внутри */\n.centered > * {\n  flex-grow: initial;\n  max-inline-size: initial;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.centered :global(.vkuiIcon) {\n  /* компенсируем отступ заданные в SimpleCell__before */\n  margin-inline-end: calc(\n    -1 * var(--vkui_internal--SimpleCell-before-inline-padding-end, var(--vkui--spacing_size_xl))\n  );\n  padding-inline-end: var(--vkui--spacing_size_m);\n}\n\n.appearanceAccent {\n  --vkui_internal--icon_color: var(--vkui--color_icon_accent);\n\n  color: var(--vkui--color_text_accent);\n}\n\n/* Переопределяем токен для `appearance=\"accent\"` */\n.centered {\n  --vkui_internal--icon_color: var(--vkui--color_icon_accent_themed);\n\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.appearanceNeutral {\n  --vkui_internal--icon_color: var(--vkui--color_icon_primary);\n\n  color: var(--vkui--color_text_primary);\n}\n\n.appearanceNegative {\n  --vkui_internal--icon_color: var(--vkui--color_text_negative);\n\n  color: var(--vkui--color_text_negative);\n}\n",".host {\n  inset-inline-end: 0;\n  inset-block-end: 0;\n}\n\n.shifted {\n  inset-inline-end: -2px;\n  inset-block-end: -2px;\n}\n\n.presetOnline,\n.presetOnlineMobile {\n  inset-inline-end: 14%;\n  inset-block-end: 14%;\n  color: var(--vkui--color_accent_green);\n  transform: translate(50%, 50%);\n}\n\n/**\n * Перебиваем свойства `ImageBaseBadge` для этих кейсов\n */\n.presetOnline {\n  padding: 0;\n}\n\n.presetOnlineMobile {\n  border-radius: 3px;\n}\n",".host {\n  border-radius: 50%;\n}\n\n.hasGradient {\n  color: var(--vkui--color_text_contrast);\n}\n\n.gradientRed {\n  background-color: #e52e40;\n  background-image: linear-gradient(135deg, #ff7583, #e52e40);\n}\n\n.gradientPink {\n  background-color: #e62e6b;\n  background-image: linear-gradient(135deg, #ff8880, #e62e6b);\n}\n\n.gradientOrange {\n  background-color: #e66b2e;\n  background-image: linear-gradient(135deg, #ffbf80, #e66b2e);\n}\n\n.gradientYellow {\n  background-color: #e7a902;\n  background-image: linear-gradient(135deg, #ffd54f, #e7a902);\n}\n\n.gradientGreen {\n  background-color: #6cd97e;\n  background-image: linear-gradient(135deg, #6cd97e, #12b212);\n}\n\n.gradientLBlue {\n  background-color: #2bb4d6;\n  background-image: linear-gradient(135deg, #7df1fa, #2bb4d6);\n}\n\n.gradientBlue {\n  background-color: #3f8ae0;\n  background-image: linear-gradient(135deg, #6cf, #3f8ae0);\n}\n\n.gradientViolet {\n  background-color: #8f3fe0;\n  background-image: linear-gradient(135deg, #d3a6ff, #8f3fe0);\n}\n\n.initials {\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 600;\n  line-height: 1;\n  text-transform: uppercase;\n  text-align: center;\n}\n",".host {\n  display: flex;\n}\n\n.image {\n  display: flex;\n  justify-content: center;\n}\n\n.body {\n  max-inline-size: inherit;\n  text-decoration: none;\n  font-family: inherit;\n}\n\n/* Перебиваем селектор в Tappable--sizeX-(compact|none) */\n.host .body {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.content {\n  max-inline-size: inherit;\n  color: var(--vkui--color_text_primary);\n  word-break: break-word;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.content .subtitle {\n  margin-block-start: 2px;\n}\n\n.sized {\n  --vkui_internal--side_cell_width: calc(\n    var(--vkui_internal--cell_width) + var(--vkui_internal--side_cell_gap)\n  );\n\n  max-inline-size: var(--vkui_internal--cell_width);\n}\n\n.sizeS {\n  --vkui_internal--side_cell_gap: calc(\n    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_m)\n  );\n  --vkui_internal--cell_width: 72px;\n}\n\n.image {\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_s);\n}\n\n.content {\n  padding-block: 2px 8px;\n  padding-inline: 6px;\n  text-align: start;\n}\n\n.sizeS .image {\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_m);\n}\n\n.sizeS .content {\n  padding-block: 2px 8px;\n  padding-inline: 4px;\n  text-align: center;\n}\n\n.sizeM {\n  --vkui_internal--cell_width: 100px;\n}\n\n.sizeL {\n  --vkui_internal--cell_width: 140px;\n}\n\n.sizeXL {\n  --vkui_internal--cell_width: 232px;\n}\n\n.sizeAuto {\n  inline-size: auto;\n}\n\n.host:first-child::before,\n.host:last-child::after {\n  content: '';\n  min-inline-size: var(--vkui_internal--side_cell_gap);\n}\n\n.sized:first-child,\n.sized:last-child {\n  max-inline-size: var(--vkui_internal--side_cell_width);\n}\n\n.sized:first-child .body,\n.sized:last-child .body {\n  max-inline-size: var(--vkui_internal--cell_width);\n}\n",".host {\n  display: flex;\n}\n\n.centered {\n  margin-block: auto;\n}\n\n.host:last-child::after {\n  content: '';\n  min-inline-size: var(--vkui_internal--side_cell_gap);\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_s);\n}\n\n.sizeS .body {\n  min-inline-size: 64px;\n  padding: var(--vkui--spacing_size_xs);\n}\n\n.sizeM .body {\n  inline-size: 128px;\n  margin-block-end: auto;\n}\n\n/* Перебиваем селектор в Tappable--sizeX-(compact|none) */\n.host .body {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.icon {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.text {\n  padding-block-start: 8px;\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: block;\n  padding-block: 24px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  user-select: text;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.header {\n  display: block;\n  margin-block-end: 2px;\n  color: var(--vkui--color_text_subhead);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".host {\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n}\n\n.viewport {\n  margin: 0;\n  block-size: 100%;\n  position: relative;\n}\n\n.alignCenter .viewport {\n  margin-block: 0;\n  margin-inline: auto;\n}\n\n.layer {\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  min-block-size: 100px;\n  align-items: stretch;\n  backface-visibility: hidden;\n}\n\n.draggable .layer {\n  cursor: grab;\n}\n\n.layer:empty {\n  min-block-size: 0;\n}\n\n.slide {\n  inline-size: 100%;\n  flex: 0 0 auto;\n  max-inline-size: 100%;\n  overflow: hidden;\n}\n\n.customWidth .slide {\n  inline-size: auto;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.slide > * {\n  inline-size: 100%;\n  min-block-size: 100%;\n}\n\n.bullets {\n  position: absolute;\n  inset-block-end: 10px;\n  block-size: 6px;\n  inline-size: 100%;\n  inset-inline-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.bulletsDark .bullet {\n  background-color: var(--vkui--color_icon_primary_invariably);\n}\n\n.bulletsLight .bullet {\n  background-color: var(--vkui--color_icon_contrast);\n}\n\n.bullet {\n  block-size: 6px;\n  inline-size: 6px;\n  border-radius: 50%;\n  margin-block: 0;\n  margin-inline: 3px;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.bulletActive {\n  opacity: 1;\n}\n\n.arrow {\n  position: absolute;\n  inset-block-start: 0;\n  opacity: 0;\n}\n\n.host:hover .arrow {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.host .arrow:hover {\n  opacity: 1;\n}\n",".host {\n  inset-inline-end: 0;\n  inset-block-end: 0;\n}\n\n.shifted {\n  inset-inline-end: -2px;\n  inset-block-end: -2px;\n}\n",".host {\n  border-radius: 50%;\n}\n\n.in {\n  display: flex;\n  flex-flow: column wrap;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n}\n\n.item {\n  inline-size: calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2);\n  block-size: calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2);\n  margin-inline-end: var(--vkui_internal--grid_avatar_image_offset);\n  background-size: cover;\n  background-position: center;\n}\n\n.item:only-child {\n  inline-size: 100%;\n}\n\n.item:first-child:not(:nth-last-child(4)),\n.item:nth-child(2):last-child {\n  block-size: 100%;\n}\n\n/* если есть минимум три элемента — выбираем второй с конца */\n.item:nth-last-child(n + 3) ~ .item:nth-last-child(2),\n/* четвертый с конца */\n.item:nth-last-child(4) {\n  margin-block-end: var(--vkui_internal--grid_avatar_image_offset);\n}\n",".host {\n  position: absolute;\n  inset-block-end: -4px;\n  inset-inline-end: -4px;\n}\n\n.shifted {\n  inset-block-end: -3px;\n  inset-inline-end: -3px;\n}\n",".host {\n  border-radius: var(--vkui_internal--Image_border_radius, initial);\n}\n\n.borderStartStartRadius {\n  border-start-start-radius: var(--vkui_internal--Image_border_start_start_radius, initial);\n}\n\n.borderStartEndRadius {\n  border-start-end-radius: var(--vkui_internal--Image_border_start_end_radius, initial);\n}\n\n.borderEndStartRadius {\n  border-end-start-radius: var(--vkui_internal--Image_border_end_start_radius, initial);\n}\n\n.borderEndEndRadius {\n  border-end-end-radius: var(--vkui_internal--Image_border_end_end_radius, initial);\n}\n",".host {\n  border-radius: 1px;\n  background: var(--vkui--color_track_background);\n  block-size: 2px;\n}\n\n.in {\n  block-size: 100%;\n  border-radius: inherit;\n  transition: width 0.2s ease;\n}\n\n.appearanceAccent .in {\n  background: var(--vkui--color_stroke_accent);\n}\n\n.appearancePositive .in {\n  background: var(--vkui--color_stroke_positive);\n}\n\n.appearanceNegative .in {\n  background: var(--vkui--color_stroke_negative);\n}\n",".host {\n  display: flex;\n  overflow: hidden;\n  -webkit-tap-highlight-color: transparent;\n\n  --vkui_internal--search_height: var(--vkui--size_search_height--regular);\n}\n\n.withPadding {\n  padding-block: 8px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/*\n  sizeY-compact\n */\n\n.sizeYCompact {\n  --vkui_internal--search_height: var(--vkui--size_search_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--search_height: var(--vkui--size_search_height--compact);\n  }\n}\n\n.field {\n  position: relative;\n  display: flex;\n  flex-grow: 2;\n  flex-basis: 0%;\n  block-size: var(--vkui_internal--search_height);\n  background-color: var(--vkui--color_search_field_background);\n  border-radius: var(--vkui--size_border_radius--regular);\n  /**\n   * Костыль для PanelHeader. Необходимо для растягивания на всю ширину.\n  */\n  inline-size: 10000px;\n  overflow: hidden;\n}\n\n.field:hover {\n  background-color: var(--vkui--color_search_field_background--hover);\n}\n\n.field:active {\n  background-color: var(--vkui--color_search_field_background--active);\n}\n\n.label {\n  position: absolute;\n  cursor: text;\n  inset: 0;\n  opacity: 0;\n}\n\n.input {\n  padding-inline-start: 12px;\n  color: var(--vkui--color_icon_medium);\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  inline-size: calc(100% - 1px);\n  block-size: 100%;\n  border-radius: inherit;\n  position: relative;\n}\n\n.nativeInput {\n  position: absolute;\n  inset: 0;\n  block-size: 100%;\n  appearance: none; /* не используем textfield из-за бага в iOS 15.1 http://www.openradar.me/FB9744107 */\n  border: 0;\n  margin: 0;\n  padding: 0;\n  padding-inline-start: 36px;\n  box-sizing: border-box;\n  border-radius: inherit;\n  max-inline-size: 100%;\n  flex-grow: 1;\n  min-inline-size: 0;\n  inline-size: stretch; /* автопрефиксер добавит фолбеки https://caniuse.com/mdn-css_properties_width_stretch */\n  background-color: transparent;\n  color: var(--vkui--color_text_primary);\n}\n\n.nativeInput::-webkit-search-decoration,\n.nativeInput::-webkit-search-cancel-button,\n.nativeInput::-webkit-search-results-button,\n.nativeInput::-webkit-search-results-decoration {\n  display: none;\n}\n\n.nativeInput:focus {\n  outline: var(--vkui_internal--outline-reset);\n}\n\n.hasAfter .nativeInput {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n  pointer-events: none;\n  cursor: default;\n}\n\n.nativeInput:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.nativeInput::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.nativeInput:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.controls {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_secondary);\n  transition: transform 0.3s var(--vkui--animation_easing_platform);\n  /* Используем translate3d, чтобы поправить дергание при наведении в Safari */\n  transform: translate3d(100%, 0, 0);\n\n  --vkui_internal--search_icon_size: calc(var(--vkui_internal--search_height) + 4px);\n}\n\n.hasIcon .controls {\n  /* Исключаем параметр icon из расчёта, чтобы он оставался видимым */\n  transform: translate3d(calc(100% - var(--vkui_internal--search_icon_size)), 0, 0);\n}\n\n.hasValue .controls {\n  transform: translate3d(0, 0, 0);\n}\n\n.icon {\n  inline-size: var(--vkui_internal--search_icon_size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.icon :global(.vkuiIcon) {\n  padding: 0;\n}\n\n.after {\n  position: relative;\n  display: flex;\n  flex-grow: 0;\n  flex-basis: 0%;\n  min-inline-size: 0;\n  max-inline-size: min-content;\n  transition: flex-grow 0.3s var(--vkui--animation_easing_platform);\n  pointer-events: none;\n}\n\n.focused .after,\n.hasValue .after {\n  flex-grow: 1;\n  pointer-events: initial;\n}\n\n.after::before,\n.after::after {\n  content: '';\n  flex-shrink: 0;\n  display: block;\n  inline-size: 4px;\n  block-size: 100%;\n}\n\n.withPadding .after::after {\n  margin-inline-end: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.afterTextClip {\n  display: block;\n  text-overflow: clip;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.findButton {\n  min-inline-size: initial;\n  max-inline-size: initial;\n  inline-size: initial;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain) .host {\n  padding-block-start: 4px;\n}\n",".in {\n  display: flex;\n  align-items: stretch;\n}\n\n.withGaps {\n  justify-content: flex-start;\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) .host {\n  overflow: hidden;\n  font-family: var(--vkui--font_family_base);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) .host::after {\n  display: block;\n  inline-size: 1000px;\n  content: '';\n}\n\n/**\n * CMP:\n * Group\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain) > .modeDefault:first-child {\n  margin-block-start: -8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) > .modeDefault:first-child {\n  margin-block-start: -4px;\n}\n\n/*\n * CMP:\n * FixedLayout\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- Нужно для закрашивания прозрачной области нижнего инсета на iphone x */\n:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom)\n  .host::after {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background: var(--vkui--color_background_content);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom) .in {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_tabs);\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-block: 4px;\n  padding-inline: 8px;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  min-block-size: 32px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  transition: background-color 150ms ease-out;\n  text-decoration: none;\n}\n\n.withGaps {\n  margin-block: 8px;\n}\n\n.withGaps:not(:first-child) {\n  margin-inline-start: 6px;\n}\n\n.sizeYCompact {\n  padding-block: 2px;\n  min-block-size: 28px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    padding-block: 2px;\n    min-block-size: 28px;\n  }\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/* mode=\"default\" */\n.modeDefault {\n  position: relative;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 0;\n  padding-block: 12px;\n  padding-inline: 16px;\n  min-block-size: 48px;\n}\n\n.sizeYCompact.modeDefault {\n  padding-block: 10px;\n  min-block-size: 44px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.modeDefault {\n    padding-block: 10px;\n    min-block-size: 44px;\n  }\n}\n\n.hover.modeDefault {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n/* mode=\"accent\" */\n.modeAccent {\n  transition:\n    background-color 150ms ease-out,\n    box-shadow 150ms ease-out;\n}\n\n.selected.modeAccent {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation2);\n}\n\n.hover.modeAccent {\n  background-color: var(--vkui--color_background_contrast_themed--hover);\n}\n\n.modeAccent::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\n  pointer-events: none;\n}\n\n.selected.modeAccent::before {\n  border-color: var(--vkui--color_separator_primary);\n}\n\n/* mode=\"secondary\" */\n.selected.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.hover.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n/* Элемент */\n.before {\n  margin-inline-end: 6px;\n  color: var(--vkui--color_icon_medium);\n  transition: color 150ms ease-out;\n}\n\n.selected .before {\n  color: var(--vkui--color_icon_primary);\n}\n\n.selected.modeAccent .before {\n  color: var(--vkui--color_icon_accent_themed);\n}\n/* Элемент */\n.label {\n  max-inline-size: 100%;\n  overflow: hidden;\n  color: var(--vkui--color_text_secondary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: color 150ms ease-out;\n  min-inline-size: 0;\n}\n\n.selected .label {\n  color: var(--vkui--color_text_primary);\n}\n\n.selected.modeAccent .label {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n/* Элемент */\n.status {\n  margin-inline-start: 6px;\n}\n\n.statusCount {\n  color: var(--vkui--color_text_tertiary);\n}\n\n/* Элемент */\n.after {\n  margin-inline-start: 6px;\n  color: var(--vkui--color_icon_medium);\n}\n\n.selected .after {\n  color: var(--vkui--color_icon_primary);\n}\n\n.modeAccent.selected .after {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n/* Элемент */\n.underline {\n  position: absolute;\n  inset-inline: 16px;\n  inset-block-end: 5px;\n  block-size: 2px;\n  border-radius: 2px;\n  background-color: var(--vkui--color_background_accent);\n  opacity: 0;\n  transition: opacity 150ms ease-out;\n  pointer-events: none;\n}\n\n.sizeYCompact .underline {\n  inset-block-end: 3px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .underline {\n    inset-block-end: 3px;\n  }\n}\n\n.underline[data-selected='true'] {\n  opacity: 1;\n}\n\n/**\n * CMP:\n * Tabs\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--vkcom) .host {\n  flex-grow: 0;\n  min-inline-size: auto;\n  padding-inline: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--vkcom) .underline {\n  inset-inline: 2px;\n  inset-block-end: 0;\n}\n\n/**\n * CMP:\n * HorizontalScroll\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalHorizontalScroll) .host {\n  min-inline-size: 64px;\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 0;\n}\n\n.host.stretched {\n  flex-grow: 1;\n}\n\n.host.shrinked {\n  flex-grow: 0;\n  min-inline-size: auto;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.refreshing {\n  touch-action: none;\n  pointer-events: none;\n}\n\n.controls {\n  inline-size: 100%;\n  pointer-events: none;\n}\n\n.host:not(.ios) .controls {\n  z-index: var(--vkui_internal--z_index_pull_to_refresh);\n}\n\n.spinner {\n  display: flex;\n  margin: auto;\n  inline-size: 40px;\n  block-size: 40px;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  transition:\n    transform 300ms cubic-bezier(0.1, 0, 0.25, 1),\n    opacity 220ms ease-out;\n  opacity: 0;\n  background: var(--vkui--color_background_modal);\n  border-radius: 50%;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n  color: var(--vkui--color_icon_accent);\n}\n\n.ios .spinner {\n  border-radius: 0;\n  box-shadow: none;\n  background: none;\n  color: var(--vkui--color_icon_medium);\n}\n\n.watching .spinner {\n  transition: opacity 220ms ease-out;\n}\n\n.spinnerSelf {\n  stroke: currentColor;\n}\n\n.ios.refreshing .spinnerSelf {\n  animation: pull-to-refresh-to-refreshing 380ms ease-out;\n}\n\n.spinnerPath {\n  transform: rotate(-90deg);\n  transform-origin: center center;\n  transition: stroke-dashoffset 167ms ease-out;\n}\n\n.watching .spinnerPath,\n.refreshing .spinnerPath {\n  transition: none;\n}\n\n.spinnerOn .spinnerPath {\n  animation: ptr-rotator var(--vkui_internal--duration) linear infinite;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: hidden;\n  transition: transform 400ms var(--vkui--animation_easing_platform);\n}\n\n.watching .content {\n  transition: none;\n}\n\n@keyframes pull-to-refresh-to-refreshing {\n  0% {\n    transform: scale(1);\n  }\n\n  30% {\n    transform: scale(0.6);\n  }\n\n  90% {\n    transform: scale(1.1);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes ptr-rotator {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",".host {\n  color: var(--vkui_internal--link-color, var(--vkui--color_text_link));\n  border: 0;\n  background: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  font-weight: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  text-align: inherit;\n  display: inline;\n  border-radius: 0;\n}\n\n@media (--hover-has) {\n  .withUnderline:hover {\n    text-decoration: underline;\n  }\n}\n\n.hasVisited:visited {\n  color: var(--vkui--color_text_link_visited);\n}\n\n.before,\n.after {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.after {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n",".host {\n  border-radius: 4px;\n  padding: 2px;\n  margin: -2px;\n  /* Перебиваем значения браузера */\n  background-color: var(--vkui--color_background_accent_themed_alpha);\n  color: inherit;\n}\n",".overlay {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: 5px;\n  text-align: center;\n  box-sizing: border-box;\n  background: var(--vkui_internal--counter_background);\n  color: var(--vkui_internal--counter_foreground);\n\n  --vkui_internal--counter_background: transparent;\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n/* -------- Mode Primary --------- */\n.modePrimary {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceAccent {\n  --vkui_internal--counter_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearanceNeutral {\n  --vkui_internal--counter_background: var(--vkui--color_icon_secondary);\n}\n\n.modePrimary.appearanceAccentGreen {\n  --vkui_internal--counter_background: var(--vkui--color_accent_green);\n}\n\n.modePrimary.appearanceAccentRed {\n  --vkui_internal--counter_background: var(--vkui--color_accent_red);\n}\n\n.modePrimary.appearanceCustom {\n  --vkui_internal--counter_background: transparent;\n}\n\n/* -------- Mode Contrast --------- */\n\n.modeContrast {\n  --vkui_internal--counter_background: var(--vkui--color_background_contrast);\n}\n\n.modeContrast.appearanceAccent {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_accent);\n}\n\n.modeContrast.appearanceNeutral {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_tertiary);\n}\n\n.modeContrast.appearanceAccentGreen {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_green);\n}\n\n.modeContrast.appearanceAccentRed {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_red);\n}\n\n.modeContrast.appearanceCustom {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_primary_invariably);\n}\n\n/* -------- Mode Tertiary --------- */\n\n.modeTertiary {\n  --vkui_internal--counter_background: transparent;\n}\n\n.modeTertiary.appearanceAccent {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_accent);\n}\n\n.modeTertiary.appearanceNeutral {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_subhead);\n}\n\n.modeTertiary.appearanceAccentGreen {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_green);\n}\n\n.modeTertiary.appearanceAccentRed {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_red);\n}\n\n.modeTertiary.appearanceCustom {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n/*----------------------------------*/\n\n.sizeM {\n  block-size: 24px;\n  min-inline-size: 24px;\n  border-radius: 12px;\n}\n\n.sizeS {\n  block-size: 18px;\n  min-inline-size: 18px;\n  border-radius: 9px;\n}\n\n.modeInherit {\n  --vkui_internal--counter_background: var(\n    --vkui_internal--counter_inherit_background,\n    var(--vkui--color_icon_secondary)\n  );\n  --vkui_internal--counter_foreground: var(\n    --vkui_internal--counter_inherit_color,\n    var(--vkui--color_text_contrast_themed)\n  );\n}\n\n/**\n * CMP:\n * TabbarItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbarItem__label) .host {\n  position: absolute;\n  inset-block-start: -2px;\n  inset-inline-end: -9px;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.avatarsPositionInlineEnd {\n  flex-direction: row-reverse;\n}\n\n.avatarsPositionBlockStart {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.photos {\n  display: flex;\n}\n\n.fill {\n  fill: var(--vkui--color_image_placeholder_alpha);\n}\n\n.photoOthers {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_text_contrast_themed);\n  background: var(--vkui--color_icon_secondary);\n  border-radius: 50%;\n}\n\n.sizeS .photo {\n  inline-size: 16px;\n  block-size: 16px;\n}\n\n.sizeM .photo {\n  inline-size: 24px;\n  block-size: 24px;\n}\n\n.sizeL .photo {\n  inline-size: 32px;\n  block-size: 32px;\n}\n\n.photoWrapper {\n  display: flex;\n}\n\n.photoWrapper:not(:first-child) {\n  margin-inline-start: -2px;\n}\n\n.text {\n  min-inline-size: 0;\n  flex: 1;\n}\n\n.avatarsPositionBlockStart .text {\n  text-align: center;\n  margin-block-start: 8px;\n}\n\n.avatarsPositionInlineStart .text {\n  margin-inline-start: 8px;\n}\n\n.avatarsPositionInlineEnd .text {\n  margin-inline-end: 8px;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.withPadding {\n  padding-block: 48px;\n  padding-inline: 32px;\n}\n\n.stretched {\n  flex: 1 0;\n  block-size: 100%;\n}\n\n.icon {\n  margin-block-end: 12px;\n  display: inline-block;\n  vertical-align: top;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.title {\n  color: var(--vkui--color_text_primary);\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.title + .description {\n  margin-block-start: 8px;\n}\n\n.action:not(:first-child) {\n  margin-block-start: 16px;\n}\n",".host {\n  isolation: isolate;\n  color: var(--vkui--color_text_primary);\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n  padding: var(--vkui_internal--banner-padding);\n  background-color: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_border_radius--regular);\n  overflow: hidden;\n\n  --vkui_internal--banner-padding: 12px;\n}\n\n.host::before {\n  content: '';\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n  pointer-events: none;\n  box-sizing: border-box;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.before {\n  position: relative;\n  margin-inline-end: 12px;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.content {\n  position: relative;\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  min-inline-size: 0;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.subtitle,\n.extraSubtitle {\n  color: var(--vkui--color_text_subhead);\n}\n\n.bg {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  z-index: var(--vkui_internal--z_index_banner_background);\n}\n\n/* stylelint-disable selector-max-universal */\n.bg,\n.bg > * {\n  inline-size: 100%;\n  block-size: 100%;\n}\n/* stylelint-enable selector-max-universal */\n\n.after {\n  display: flex;\n  flex-flow: row nowrap;\n  align-content: center;\n  align-items: center;\n  justify-content: flex-end;\n  inline-size: 28px;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.dismiss {\n  margin-block-start: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));\n  margin-inline-end: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));\n  align-self: flex-start;\n  display: flex;\n  flex-flow: row nowrap;\n  align-content: center;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_secondary);\n  z-index: var(--vkui_internal--z_index_banner_hover);\n}\n\n.actions {\n  margin-block-start: 12px;\n}\n\n.subtitle:not(:first-child),\n.extraSubtitle:not(:first-child) {\n  margin-block-start: 2px;\n}\n\n/**\n * Mode \"image\"\n */\n.modeImage.host {\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.inverted .dismiss,\n.inverted .chevron,\n.inverted {\n  color: var(--vkui--color_text_contrast);\n}\n\n.inverted .subtitle {\n  color: var(--vkui--color_text_contrast);\n  opacity: 0.72;\n}\n\n/**\n * Size \"m\"\n */\n.sizeM {\n  --vkui_internal--banner-padding: 16px;\n}\n\n.sizeM .subtitle:not(:first-child),\n.sizeM .extraSubtitle:not(:first-child) {\n  margin-block-start: 4px;\n}\n\n.ios .dismiss,\n.ios.modeImage .dismiss {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/**\n * CMP:\n * FormStatus\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus).host::before {\n  border: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus--mode-error).host {\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus--mode-error) .subtitle {\n  color: var(--vkui--color_background_negative);\n}\n",".host {\n  display: flex;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  color: var(--vkui--color_text_subhead);\n}\n\n.modeAccent {\n  color: var(--vkui--color_text_primary);\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n  color: var(--vkui--color_icon_secondary);\n}\n\n.middle {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n.content {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-break: break-word;\n}\n\n.textWrapShort .content {\n  white-space: initial;\n  display: -webkit-box;\n  max-block-size: 60px;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.textWrapFull .content {\n  overflow: inherit;\n  white-space: initial;\n}\n\n.textWrapNowrap .content {\n  flex: 0 1 auto;\n}\n\n.after {\n  margin-inline-start: var(--vkui--spacing_size_xl);\n  margin-block: calc(-1 * var(--vkui--spacing_size_2xs));\n}\n\n.modeAdd,\n.modeMore {\n  color: var(--vkui--color_text_link_themed);\n}\n\n.modeAdd .before,\n.modeMore .before {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.modeMore {\n  padding-block: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.middle :global(.vkuiIcon) {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n  color: var(--vkui--color_text_accent);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.modeAdd .middle :global(.vkuiIcon),\n.modeMore .middle :global(.vkuiIcon) {\n  color: var(--vkui--color_icon_accent_themed);\n}\n",".host {\n  background: var(--vkui--color_background_contrast_themed);\n}\n\n.shadow {\n  box-shadow: var(--vkui--elevation3);\n}\n\n.before,\n.form,\n.after {\n  display: flex;\n  align-items: flex-end;\n}\n\n.form {\n  min-block-size: 52px;\n}\n\n.formIn {\n  flex: 1;\n  min-inline-size: 0;\n  display: flex;\n  position: relative;\n}\n\n.textarea {\n  box-sizing: border-box;\n  inline-size: 100%;\n  flex: 1;\n  min-inline-size: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  resize: none;\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  max-block-size: 120px;\n}\n\n.textarea::placeholder {\n  color: var(--vkui--color_text_subhead);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.textarea:focus {\n  outline: var(--vkui_internal--outline-reset);\n}\n\n.inlineAfter {\n  display: flex;\n  align-items: flex-end;\n}\n\n.before {\n  padding-inline-start: 4px;\n}\n\n.after {\n  padding-inline-end: 4px;\n}\n\n.textarea {\n  block-size: 52px;\n  padding-block: 16px;\n  padding-inline: 12px;\n}\n\n/**\n * iOS\n */\n.ios {\n  background: var(--vkui--color_background_content);\n}\n\n.ios .before,\n.ios .after {\n  padding-block: 0;\n  padding-inline: 4px;\n}\n\n.ios .formIn {\n  box-sizing: border-box;\n  background-color: var(--vkui--color_write_bar_input_background);\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_write_bar_input_border);\n  border-radius: 18px;\n  margin-block: 8px;\n  margin-inline: 0;\n}\n\n.ios .formIn:first-child {\n  margin-inline-start: 12px;\n}\n\n.ios .inlineAfter {\n  /* чтобы правильно выровнять иконку, нужно учитывать border */\n  --vkui_internal--writebar-right-gap: calc(-1 * var(--vkui--size_border--regular));\n  --vkui_internal--writebar-vertical-gap: calc(var(--vkui_internal--writebar-right-gap) - 8px);\n\n  margin-inline-end: var(--vkui_internal--writebar-right-gap);\n  margin-block: var(--vkui_internal--writebar-vertical-gap);\n}\n\n.ios .textarea {\n  block-size: 36px;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n}\n",".host {\n  background: none;\n  border: 0;\n  position: relative;\n  color: var(--vkui--color_icon_secondary);\n  block-size: 52px;\n  inline-size: 44px;\n  cursor: pointer;\n  border-radius: var(--vkui--size_border_radius--regular);\n  margin: 0;\n  padding: 0;\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.host:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.active {\n  opacity: 0.6;\n}\n\n.counter {\n  position: absolute;\n  inset-block-start: 6px;\n  inset-inline-end: 2px;\n  box-shadow: 0 0 0 2px var(--vkui--color_background_modal);\n}\n\n.ios .counter {\n  box-shadow: 0 0 0 2px var(--vkui--color_background_content);\n}\n\n.host.modeSend,\n.host.modeDone {\n  color: var(--vkui--color_icon_accent);\n}\n\n/**\n * iOS\n */\n.ios {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.ios.modeSend,\n.ios.modeDone {\n  color: var(--vkui--color_icon_accent_themed);\n  inline-size: 48px;\n  padding-inline: 0;\n}\n\n.ios.modeSend,\n.ios.modeDone {\n  /* компенсируем отступ WriteBar__after справа */\n  margin-inline-end: -4px;\n}\n\n.ios.modeSend:only-child,\n.ios.modeDone:only-child {\n  /* для одной иконки нужно компенсировать отступ WriteBar__after слева */\n  margin-inline-start: -4px;\n}\n\n/**\n * Impact:\n * Counter\n */\n.host {\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive);\n}\n",".in {\n  /* Отрицательный margin нужен, чтобы компенсировать увеличенный из-за тени padding (12px -> 20px) */\n  margin-block: -8px;\n  margin-inline: 0;\n}\n\n.scrollIn {\n  margin: 0;\n  padding-block: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);\n  padding-inline: 0;\n  display: flex;\n}\n\n.scrollIn::before,\n.scrollIn::after {\n  content: '';\n  min-inline-size: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.item {\n  list-style-type: none;\n  display: flex;\n}\n\n.item + .item {\n  margin-inline-start: var(--vkui--size_subnavigation_bar_gap--regular);\n}\n\n.modeFixed .item {\n  flex: 1;\n  min-inline-size: 0;\n}\n",".host {\n  inline-size: 100%;\n  user-select: none;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * size s\n */\n\n.sizeS .in {\n  block-size: var(--vkui--size_button_small_height--regular);\n}\n\n/**\n * size m\n */\n\n.sizeM .in {\n  block-size: var(--vkui--size_button_medium_height--regular);\n}\n\n/**\n * size l\n */\n\n.sizeL .in {\n  block-size: var(--vkui--size_button_large_height--regular);\n}\n\n/**\n * SizeY = compact\n */\n.sizeYCompact.sizeS .in {\n  block-size: var(--vkui--size_button_small_height--compact);\n}\n\n.sizeYCompact.sizeM .in {\n  block-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYCompact.sizeL .in {\n  block-size: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.sizeS .in {\n    block-size: var(--vkui--size_button_small_height--compact);\n  }\n\n  .sizeYNone.sizeM .in {\n    block-size: var(--vkui--size_button_medium_height--compact);\n  }\n\n  .sizeYNone.sizeL .in {\n    block-size: var(--vkui--size_button_large_height--compact);\n  }\n}\n\n.before {\n  margin-inline-end: 8px;\n  color: var(--vkui--color_icon_accent);\n}\n\n.label {\n  flex-grow: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.after {\n  margin-inline-start: 8px;\n}\n\n.chevronIcon {\n  margin-inline-start: 8px;\n  margin-block-start: 1px; /* Смещает иконку относительно текста */\n  color: var(--vkui--color_icon_secondary);\n}\n\n.before:first-child,\n.label:first-child {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n.after:last-child,\n.label:last-child,\n.chevronIcon {\n  padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n/**\n * mode\n */\n\n.modePrimary {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.modeOutline {\n  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);\n}\n\n/**\n * appearance\n */\n\n.appearanceNeutral .chevronIcon,\n.appearanceNeutral .before {\n  color: var(--vkui--color_icon_primary);\n}\n\n/**\n * selected\n */\n\n.selected {\n  background-color: var(--vkui--color_background_accent_themed);\n  color: var(--vkui--color_text_contrast_themed);\n  box-shadow: none;\n  border: 0;\n}\n\n.selected.modeTertiary,\n.selected.appearanceNeutral {\n  background-color: var(--vkui--color_transparent--active);\n  color: var(--vkui--color_text_primary);\n}\n\n.selected.appearanceAccent:not(.modeTertiary) .before,\n.selected.appearanceAccent:not(.modeTertiary) .chevronIcon {\n  color: var(--vkui--color_icon_contrast_themed);\n}\n\n/**\n * Impact:\n * Counter\n */\n\n.host {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n}\n\n.selected.appearanceAccent:not(.modeTertiary) {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed);\n}\n\n.selected.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary);\n}\n","/* Page styles */\n.host {\n  box-sizing: border-box;\n  padding-inline: 8px;\n  inline-size: 100%;\n  min-inline-size: 40px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n  user-select: none;\n  block-size: var(--vkui--size_button_large_height--regular);\n  line-height: var(--vkui--size_button_large_height--regular);\n  display: block;\n  text-decoration: none;\n}\n\n.stateHover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.stateActive,\n.current {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_transparent--active);\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable);\n}\n\n.sizeYCompact {\n  line-height: var(--vkui--size_button_large_height--compact);\n  block-size: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    line-height: var(--vkui--size_button_large_height--compact);\n    block-size: var(--vkui--size_button_large_height--compact);\n  }\n}\n\n.typeEllipsis {\n  min-inline-size: 16px;\n  padding-inline: 0;\n}\n",".list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.prevButtonContainer {\n  margin-inline-end: 8px;\n}\n\n.nextButtonContainer {\n  margin-inline-start: 8px;\n}\n",".icon {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.host {\n  overflow: hidden;\n}\n\n.in {\n  --vkui_internal--AccordionContent_height: initial;\n\n  animation-duration: 100ms;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: forwards;\n}\n\n@media (--reduce-motion) {\n  .in {\n    animation-duration: 300ms;\n    animation-timing-function: linear;\n  }\n}\n\n.inEnter {\n  animation-name: animation-accordion-expand;\n}\n\n@media (--reduce-motion) {\n  .inEnter {\n    animation-name: animation-accordion-fade-in;\n  }\n}\n\n.inEntered {\n  block-size: var(--vkui_internal--AccordionContent_height);\n}\n\n.inExit {\n  animation-name: animation-accordion-collapse;\n}\n\n@media (--reduce-motion) {\n  .inExit {\n    animation-name: animation-accordion-fade-out;\n  }\n}\n\n.inExited {\n  block-size: 0;\n}\n\n@keyframes animation-accordion-expand {\n  0% {\n    block-size: 0;\n  }\n\n  100% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n@keyframes animation-accordion-collapse {\n  0% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    block-size: 0;\n  }\n}\n@keyframes animation-accordion-fade-in {\n  0% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  50% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    opacity: 1;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n@keyframes animation-accordion-fade-out {\n  0% {\n    opacity: 1;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  50% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n",".host {\n  display: block;\n}\n\n.withPadding {\n  padding-block: var(--vkui--size_form_item_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.withRemovable {\n  padding-inline: 0;\n}\n\n.removable {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding: 0;\n  min-inline-size: 1px;\n  overflow: hidden;\n}\n\n.top {\n  padding-block: 2px 8px;\n  color: var(--vkui--color_text_subhead);\n  display: flex;\n  align-items: flex-end;\n}\n\n.label,\n.aside {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.label {\n  flex: 1;\n}\n\n.aside {\n  color: var(--vkui--color_text_tertiary);\n  margin-inline-start: auto;\n}\n\n.aside:not(:only-child) {\n  padding-inline-start: 12px;\n}\n\n.labelMultiline {\n  white-space: normal;\n}\n\n.labelRequired {\n  color: var(--vkui--color_text_negative);\n  margin-inline-start: 3px;\n}\n\n.bottom {\n  color: var(--vkui--color_text_secondary);\n  padding-block-start: 8px;\n}\n\n.statusError .bottom {\n  color: var(--vkui--color_text_negative);\n}\n\n.statusValid .bottom,\n.verified .bottom {\n  color: var(--vkui--color_text_positive);\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact .top {\n  padding-block-end: 6px;\n}\n\n.sizeYCompact .bottom {\n  padding-block-start: 6px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .top {\n    padding-block-end: 6px;\n  }\n\n  .sizeYNone .bottom {\n    padding-block-start: 6px;\n  }\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .host {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding: 0;\n  min-inline-size: 1px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented))\n  .host\n  + .host {\n  margin-inline-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented)\n  .host\n  + .host {\n  margin-inline-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)\n  .host\n  + .host {\n  padding-block-start: 0;\n  margin-block-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)\n  .host:not(:last-of-type) {\n  padding-block-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.withTop .removable,\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .withTop {\n  margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact.withTop .removable,\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYCompact.withTop {\n  margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone.withTop .removable,\n  :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYNone.withTop {\n    margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px);\n  }\n}\n",".host {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n  min-block-size: var(--vkui--size_field_height--regular);\n  font-family: var(--vkui--font_family_base);\n  -webkit-tap-highlight-color: transparent;\n  isolation: isolate;\n  border-radius: var(--vkui--size_border_radius--regular);\n  inline-size: 100%;\n}\n\n.scrollContainer {\n  display: flex;\n  inline-size: 100%;\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: auto;\n  min-block-size: inherit;\n}\n\n.content {\n  min-block-size: inherit;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: 0;\n}\n\n.sizeYCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  border-radius: inherit;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n}\n\n.iconWrapper {\n  flex-shrink: 0;\n  block-size: 100%;\n  display: flex;\n  position: sticky;\n  inset-block-start: 0;\n}\n\n.before,\n.after {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  align-self: center;\n  min-inline-size: var(--vkui--size_field_height--regular);\n  color: var(--vkui--color_icon_secondary);\n}\n\n.sizeYCompact .before,\n.sizeYCompact .after {\n  min-inline-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .before,\n  .sizeYNone .after {\n    min-inline-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.iconAlignStart {\n  align-self: flex-start;\n}\n\n.iconAlignEnd {\n  align-self: flex-end;\n}\n\n.before {\n  color: var(--vkui--color_icon_accent);\n}\n\n.after {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.border {\n  pointer-events: none;\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_form_field_border);\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  transform-origin: left top;\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\n}\n\n.modeDefault .border {\n  border-color: var(--vkui--color_field_border_alpha);\n}\n\n.modeDefault {\n  background-color: var(--vkui--color_field_background);\n}\n\n.hover {\n  background-color: var(--vkui--color_field_background);\n}\n\n.modeDefault.hover .border {\n  border-color: var(--vkui--color_field_border_alpha--hover);\n  z-index: var(--vkui_internal--z_index_form_field_border_hover);\n}\n\n/**\n * useFocusVisibleClassName()\n */\n/* increase specificity for selects */\n.focusVisible.focusVisible .border {\n  border-color: var(--vkui--color_stroke_accent);\n}\n\n/**\n * CMP:\n * FormItem\n * [start]\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-error) .modeDefault .border,\n:global(.vkuiInternalFormItem--status-error) .focusVisible .border,\n.statusError.modeDefault .border,\n.statusError.focusVisible .border {\n  border-color: var(--vkui--color_stroke_negative);\n  z-index: var(--vkui_internal--z_index_form_field_status);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-error) .host,\n.statusError {\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n/* increase specificity to cover --mode-default case */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-valid) .modeDefault .border,\n:global(.vkuiInternalFormItem--status-valid) .focusVisible .border,\n.statusValid.modeDefault .border,\n.statusValid.focusVisible .border {\n  border-color: var(--vkui--color_stroke_positive);\n  z-index: var(--vkui_internal--z_index_form_field_status);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-valid) .host:not(.modeDefault),\n.statusValid:not(.modeDefault) {\n  background-color: var(--vkui--color_background_positive_tint);\n}\n/* [end] */\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n  cursor: default;\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * NativeSelect\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalNativeSelect) .after {\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .after {\n  min-inline-size: 12px;\n  padding-inline-end: 8px;\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--segmented) .host {\n  z-index: auto;\n  isolation: auto;\n  border-radius: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal\n      .vkuiInternalFormItem\n  ):first-of-type\n  .host {\n  border-start-start-radius: var(--vkui--size_border_radius--regular);\n  border-end-start-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal\n      .vkuiInternalFormItem\n  ):last-of-type\n  .host {\n  border-start-end-radius: var(--vkui--size_border_radius--regular);\n  border-end-end-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical\n      .vkuiInternalFormItem\n  ):first-of-type\n  .host {\n  border-start-start-radius: var(--vkui--size_border_radius--regular);\n  border-start-end-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical\n      .vkuiInternalFormItem\n  ):last-of-type\n  .host {\n  border-end-start-radius: var(--vkui--size_border_radius--regular);\n  border-end-end-radius: var(--vkui--size_border_radius--regular);\n}\n",".host {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-inline-size: auto;\n}\n\n.modeHorizontal {\n  display: flex;\n  padding-block: var(--vkui--size_form_item_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.removable {\n  flex-grow: 1;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.offset {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  order: -1;\n  display: block;\n  min-inline-size: 100%;\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n  }\n}\n\n.withRemovable {\n  padding-inline: 0;\n}\n\n.segmented {\n  position: relative;\n}\n",".modeError {\n  color: var(--vkui--color_background_negative);\n}\n",".host {\n  /* Switch__track */\n  --vkui_internal--Switch__track_shape: calc(var(--vkui_internal--Switch__track_width) / 2);\n  --vkui_internal--Switch__track_outline_width: 2px;\n  --vkui_internal--Switch__handle_shift_x: var(--vkui_internal--Switch__track_outline_width);\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shift_y: calc(var(--vkui_internal--Switch__track_height) - var(--vkui_internal--Switch__handle_height) - var(--vkui_internal--Switch__track_outline_width));\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_scale: calc(var(--vkui_internal--Switch__handle_widthNoUnit--not-checked) / var(--vkui_internal--Switch__handle_heightNoUnit));\n\n  position: relative;\n  display: block;\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  user-select: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.disabled {\n  cursor: not-allowed;\n  opacity: var(--vkui_internal--Switch_disabled);\n}\n\n.default {\n  --vkui_internal--Switch_disabled: 0.5;\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 52px;\n  --vkui_internal--Switch__track_height: 32px;\n  --vkui_internal--Switch__track_color: var(--vkui--color_background);\n  --vkui_internal--Switch__track_color_duration: 67ms;\n  --vkui_internal--Switch__track_shadow_visibility: 1;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 28px;\n  --vkui_internal--Switch__handle_widthNoUnit--checked: 24;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 16;\n  --vkui_internal--Switch__handle_height: 28px;\n  --vkui_internal--Switch__handle_heightNoUnit: 28;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_medium);\n  --vkui_internal--Switch__handle_color_duration: 67ms;\n  --vkui_internal--Switch__handle_scale_duration: 250ms;\n  --vkui_internal--Switch__handle_shift_x_duration: 300ms;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  --vkui_internal--Switch__handle_shadow: none;\n}\n\n.default.sizeYCompact {\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 32px;\n  --vkui_internal--Switch__track_height: 20px;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 16.5px;\n  --vkui_internal--Switch__handle_widthNoUnit--checked: 16;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 10;\n  --vkui_internal--Switch__handle_height: 16.5px;\n  --vkui_internal--Switch__handle_heightNoUnit: 16.5;\n}\n\n@media (--sizeY-compact) {\n  .default.sizeYNone {\n    /* Switch__track */\n    --vkui_internal--Switch__track_width: 32px;\n    --vkui_internal--Switch__track_height: 20px;\n\n    /* Switch__handle */\n    --vkui_internal--Switch__handle_width: 16.5px;\n    --vkui_internal--Switch__handle_widthNoUnit--checked: 16;\n    --vkui_internal--Switch__handle_widthNoUnit--not-checked: 10;\n    --vkui_internal--Switch__handle_height: 16.5px;\n    --vkui_internal--Switch__handle_heightNoUnit: 16.5;\n  }\n}\n\n.ios {\n  --vkui_internal--Switch_disabled: 0.7;\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 51px;\n  --vkui_internal--Switch__track_height: 31px;\n  --vkui_internal--Switch__track_color: var(--vkui--color_track_background);\n  --vkui_internal--Switch__track_color_duration: 200ms;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 27px;\n  --vkui_internal--Switch__handle_widthNoUnit--pressed: 27px;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 27px;\n  --vkui_internal--Switch__handle_height: 27px;\n  --vkui_internal--Switch__handle_heightNoUnit: 27;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_contrast);\n  --vkui_internal--Switch__handle_color_duration: 200ms;\n  --vkui_internal--Switch__handle_scale_duration: 200ms;\n  --vkui_internal--Switch__handle_shift_x_duration: 200ms;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.36, -0.24, 0.26, 1.32);\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shadow:\n    0 3px 8px rgba(0, 0, 0, 0.15),\n    0 3px 1px rgba(0, 0, 0, 0.06),\n    inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);\n}\n\n.ios.sizeYCompact {\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 47px;\n  --vkui_internal--Switch__track_height: 27px;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 23px;\n  --vkui_internal--Switch__handle_widthNoUnit--pressed: 23px;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 23px;\n  --vkui_internal--Switch__handle_height: 23px;\n  --vkui_internal--Switch__handle_heightNoUnit: 23;\n}\n\n@media (--sizeY-compact) {\n  .ios.sizeYNone {\n    /* Switch__track */\n    --vkui_internal--Switch__track_width: 47px;\n    --vkui_internal--Switch__track_height: 27px;\n\n    /* Switch__handle */\n    --vkui_internal--Switch__handle_width: 23px;\n    --vkui_internal--Switch__handle_widthNoUnit--pressed: 23px;\n    --vkui_internal--Switch__handle_widthNoUnit--not-checked: 23px;\n    --vkui_internal--Switch__handle_height: 23px;\n    --vkui_internal--Switch__handle_heightNoUnit: 23;\n  }\n}\n\n.inputFake {\n  display: block;\n}\n\n.inputNative:checked + .inputFake {\n  /* Switch__track */\n  --vkui_internal--Switch__track_color: var(--vkui--color_background_accent);\n\n  /* Switch__handle */\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shift_x: calc(var(--vkui_internal--Switch__track_width) - var(--vkui_internal--Switch__handle_width) - var(--vkui_internal--Switch__track_outline_width));\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_scale: calc(var(--vkui_internal--Switch__handle_widthNoUnit--checked) / var(--vkui_internal--Switch__handle_heightNoUnit));\n  --vkui_internal--Switch__track_shadow_visibility: 0;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_contrast);\n}\n\n.default:not(.disabled) .inputFake:active {\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_scale: 1;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.2, 0, 0, 1);\n}\n\n.track {\n  position: relative;\n  display: block;\n  inline-size: var(--vkui_internal--Switch__track_width);\n  block-size: var(--vkui_internal--Switch__track_height);\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  background-color: var(--vkui_internal--Switch__track_color);\n  transition: background-color var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.default .track::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  opacity: var(--vkui_internal--Switch__track_shadow_visibility);\n  border-radius: inherit;\n  border: var(--vkui_internal--Switch__track_outline_width) solid\n    var(--vkui--color_field_border_alpha);\n  transition: opacity var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.handle {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: var(--vkui_internal--Switch__handle_width);\n  block-size: var(--vkui_internal--Switch__handle_height);\n  border-radius: 9999px;\n  /* prettier-ignore */\n  transform: translate(var(--vkui_internal--Switch__handle_shift_x), var(--vkui_internal--Switch__handle_shift_y));\n  /* prettier-ignore */\n  transition: transform var(--vkui_internal--Switch__handle_shift_x_duration) var(--vkui_internal--Switch__handle_shift_x_easing);\n}\n\n.handle::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background-color: var(--vkui_internal--Switch__handle_color);\n  box-shadow: var(--vkui_internal--Switch__handle_shadow);\n  transform: scale(var(--vkui_internal--Switch__handle_scale));\n  transition-property: transform, background-color;\n  transition-timing-function: var(--vkui_internal--Switch__handle_shift_x_easing), linear;\n  /* prettier-ignore */\n  transition-duration: var(--vkui_internal--Switch__handle_scale_duration), var(--vkui_internal--Switch__handle_color_duration);\n}\n\n.handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_opacity: 0;\n  --vkui_internal--Switch__handleRipple_opacity_duration: 15ms;\n  --vkui_internal--Switch__handleRipple_color: var(--vkui--color_icon_medium);\n  --vkui_internal--Switch__handleRipple_color_duration: 15ms;\n\n  content: '';\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  inline-size: 40px;\n  block-size: 40px;\n  border-radius: inherit;\n  background-color: var(--vkui_internal--Switch__handleRipple_color);\n  opacity: var(--vkui_internal--Switch__handleRipple_opacity);\n  transform: translate(-50%, -50%);\n  transition-property: opacity, background-color;\n  /* prettier-ignore */\n  transition-duration:\n    var(--vkui_internal--Switch__handleRipple_opacity_duration),\n    var(--vkui_internal--Switch__handleRipple_color_duration);\n  transition-timing-function: linear;\n}\n\n@media (--sizeY-compact) {\n  .handleWithRipple::before {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n}\n\n/* устройства с мышкой */\n@media (--hover-has) {\n  .inputFake:hover .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity: 0.08;\n  }\n}\n\n.inputFake:active .handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_opacity: 0.12;\n}\n\n.inputNative:checked + .inputFake .handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_color: var(--vkui--color_background_accent);\n}\n\n/* тач-устройства */\n@media (--hover-has-not) {\n  .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity_duration: 375ms;\n  }\n\n  .inputFake:active .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity_duration: 105ms;\n  }\n}\n\n/**\n * CMP:\n * SimpleCell\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) > .host {\n  margin-inline-start: 12px;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.column {\n  flex-direction: column;\n}\n\n.row {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n/* stylelint-disable selector-max-universal -- Управляем флексом элементов и гапом */\n.host > * {\n  flex: 1;\n}\n\n.column > * {\n  margin-block-end: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.column > *:last-child {\n  margin-block-end: 0;\n}\n\n.row > * {\n  margin-inline-end: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.row > *:last-child {\n  margin-inline-end: 0;\n}\n\n/* Если элементов больше чем 2, то растягиваем первый элемент */\n.row > *:first-child:nth-last-child(n + 3) {\n  flex: auto;\n  inline-size: 100%;\n  margin-block-end: var(--vkui--size_base_padding_vertical--regular);\n  margin-inline-end: 0;\n}\n/* stylelint-enable selector-max-universal */\n",".host {\n  position: relative;\n}\n\n.host::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: var(--vkui--size_border_radius--regular);\n  border: 1px dashed var(--vkui--color_separator_primary);\n}\n\n.active::before {\n  border-color: var(--vkui--color_stroke_accent_themed);\n  border-width: 2px;\n}\n",".host {\n  position: relative;\n  line-height: 20px;\n  font-size: 16px;\n}\n\n.alignCenter .el {\n  text-align: center;\n}\n\n.alignRight .el {\n  text-align: end;\n}\n\n.el {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  padding-block: 0;\n  padding-inline: 12px;\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  box-sizing: border-box;\n  border-radius: inherit;\n  color: var(--vkui--color_text_primary);\n}\n\n.sizeYCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .el {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.hasBefore .el {\n  padding-inline-start: 0;\n}\n\n.hasAfter .el {\n  padding-inline-end: 0;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: inline-flex;\n  align-items: center;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  background: var(--vkui--color_background_content);\n  border-radius: 6px;\n  block-size: 32px;\n  box-sizing: border-box;\n}\n\n.in,\n.removable {\n  position: relative;\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n  border-radius: inherit;\n}\n\n.in {\n  padding-inline-start: 8px;\n  overflow: hidden;\n}\n\n.in:last-of-type {\n  padding-inline-end: 8px;\n}\n\n.content {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_primary);\n  display: inline-block;\n\n  /* Typography/Paragraph */\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n}\n\n.sizeYCompact .content {\n  /* Typography/Footnote */\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  font-family: var(--vkui--font_footnote--font_family--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .content {\n    /* Typography/Footnote */\n    font-size: var(--vkui--font_footnote--font_size--regular);\n    line-height: var(--vkui--font_footnote--line_height--regular);\n    font-weight: var(--vkui--font_footnote--font_weight--regular);\n    font-family: var(--vkui--font_footnote--font_family--regular);\n  }\n}\n\n.removable {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.remove {\n  flex: 0 0 100%;\n  padding: 5px;\n  transform: translateX(-1px);\n  color: var(--vkui--color_icon_secondary);\n  border: 0;\n  border-radius: inherit;\n  background: transparent;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n\n.after {\n  margin-inline-start: 6px;\n}\n\n.sizeYCompact {\n  block-size: 28px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    block-size: 28px;\n  }\n}\n",".host {\n  --vkui_internal--chips_input_base_container_gap: 4px;\n\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  max-inline-size: 100%;\n  list-style: none;\n  margin: 0;\n  padding: var(--vkui_internal--chips_input_base_container_gap);\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  overflow: hidden;\n}\n\n.chip {\n  max-inline-size: calc(100% - var(--vkui_internal--chips_input_base_container_gap));\n  margin: 2px;\n}\n\n.el {\n  flex: 1;\n  position: relative;\n  inline-size: 100%;\n  margin-block: 2px 4px;\n  margin-inline: 10px 2px;\n  padding: 0;\n  color: var(--vkui--color_text_primary);\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  appearance: none;\n}\n\n.el:not(:read-only):focus {\n  min-inline-size: 64px;\n}\n\n.el::-ms-clear {\n  display: none;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.el[readonly] {\n  cursor: default;\n}\n\n.hasPlaceholder .el {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-inline: calc(12px - var(--vkui_internal--chips_input_base_container_gap)) 0;\n}\n\n/**\n * sizeY COMPACT\n */\n.sizeYCompact {\n  --vkui_internal--chips_input_base_container_gap: 2px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--chips_input_base_container_gap: 2px;\n  }\n}\n",".host {\n  overflow: hidden;\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-sizing: border-box;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n}\n\n.wide {\n  inline-size: 100%;\n}\n\n.bottom {\n  border-block-start: 0;\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.top {\n  inset-block-end: 100%;\n  border-block-end: 0;\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n  box-shadow: var(--vkui--elevation1_invert_y);\n}\n\n.fetching {\n  padding-block: 12px;\n  padding-inline: 0;\n}\n\n.inWithMaxHeight {\n  max-block-size: 160px;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__pickers) .inWithMaxHeight {\n  max-block-size: 184px;\n}\n",".host {\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  padding-block: 8px;\n  padding-inline: 12px;\n  user-select: none;\n  cursor: pointer;\n  color: var(--vkui--color_text_primary);\n}\n\n.hierarchy {\n  --vkui_internal--custom_select_option_hierarchy_level: 0;\n\n  padding-inline-start: calc(\n    var(--vkui_internal--custom_select_option_hierarchy_level) *\n      var(--vkui--size_option_hierarchy--regular)\n  );\n}\n\n.sizeYRegular {\n  min-block-size: 44px;\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    min-block-size: 44px;\n  }\n}\n\n.disabled {\n  cursor: default;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.before {\n  flex-shrink: 0;\n  margin-inline-end: 7px;\n}\n\n.main {\n  flex-grow: 1;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.children {\n  min-inline-size: 0;\n  word-break: break-word;\n}\n\n.after {\n  margin-inline-start: 8px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.selectedIcon {\n  color: var(--vkui--color_icon_accent);\n}\n\n.selectedIcon:not(:first-child) {\n  margin-inline-start: 8px;\n}\n",".host {\n  position: relative;\n}\n\n.empty {\n  padding-block: 12px;\n  padding-inline: 0;\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.popDown {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.popUp {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.dropdownIcon {\n  cursor: pointer;\n}\n\n.dropdownIconWithOffset {\n  margin-inline-end: 8px;\n}\n",".host {\n  position: absolute;\n  z-index: 1;\n  box-sizing: border-box;\n  inline-size: var(--vkui_internal--slider_thumb_size);\n  block-size: var(--vkui_internal--slider_thumb_size);\n  border-radius: 50%;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);\n  background-color: var(--vkui--color_background_contrast);\n  box-shadow: var(--vkui--elevation3);\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n}\n\n.focusVisible {\n  outline: var(--vkui_internal--outline);\n  outline-offset: calc(-1 * var(--vkui--size_border--regular));\n}\n\n.hover {\n  background-color: var(--vkui--color_background_contrast--hover);\n}\n\n.active {\n  background-color: var(--vkui--color_background_contrast--active);\n}\n\n/**\n * Задаём ширину и высоту родителя, чтобы скринридер правильно выделял элемент (скопировано с MUI).\n */\n.nativeInput {\n  direction: ltr;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  margin: -1px;\n  padding: 0;\n  border: 0 none;\n  clip: rect(0, 0, 0, 0);\n  overflow: hidden;\n  white-space: nowrap;\n}\n",".host {\n  position: relative;\n  cursor: pointer;\n  block-size: var(--vkui_internal--slider_thumb_size);\n}\n\n.disabled {\n  cursor: not-allowed;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.track,\n.trackFill {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 0;\n  block-size: 2px;\n  border-radius: 1px;\n}\n\n.track {\n  inline-size: 100%;\n  background-color: var(--vkui--color_track_background);\n}\n\n.trackFill {\n  inline-size: auto;\n  background: var(--vkui--color_background_accent);\n}\n\n.thumbs {\n  isolation: isolate;\n  position: relative;\n  margin-inline: calc(var(--vkui_internal--slider_thumb_size) / 2);\n  block-size: 100%;\n}\n\n.thumb {\n  inset-block-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.sizeL {\n  --vkui_internal--slider_thumb_size: 28px;\n}\n\n.sizeM {\n  --vkui_internal--slider_thumb_size: 20px;\n}\n\n.sizeS {\n  --vkui_internal--slider_thumb_size: 16px;\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact.sizeL {\n  --vkui_internal--slider_thumb_size: 24px;\n}\n\n.sizeYCompact.sizeM {\n  --vkui_internal--slider_thumb_size: 16px;\n}\n\n.sizeYCompact.sizeS {\n  --vkui_internal--slider_thumb_size: 12px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.sizeL {\n    --vkui_internal--slider_thumb_size: 24px;\n  }\n\n  .sizeYNone.sizeM {\n    --vkui_internal--slider_thumb_size: 16px;\n  }\n\n  .sizeYNone.sizeS {\n    --vkui_internal--slider_thumb_size: 12px;\n  }\n}\n",".host {\n  overflow: hidden;\n  position: relative;\n  max-block-size: 204px;\n}\n\n.el {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  display: block;\n  padding: 12px;\n  inline-size: 100%;\n  box-sizing: border-box;\n  color: var(--vkui--color_text_primary);\n}\n\n.el[cols] {\n  inline-size: initial;\n}\n\n.sizeYCompact {\n  max-block-size: 196px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    max-block-size: 196px;\n  }\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.alignCenter .el {\n  text-align: center;\n}\n\n.alignRight .el {\n  text-align: end;\n}\n",".host {\n  flex-grow: 1;\n  color: var(--vkui--color_text_primary);\n  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n  word-break: break-word;\n  margin-block: var(--vkui--spacing_size_xl);\n  margin-inline-start: 12px;\n}\n\n.host:first-child {\n  margin-inline-start: 0;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n  display: block;\n  margin-block-start: 2px;\n}\n\n.titleLayout {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.title {\n  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n}\n\n.titleAfter {\n  margin-inline-start: 4px;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.sizeYCompact {\n  margin-block: var(--vkui--spacing_size_m);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    margin-block: var(--vkui--spacing_size_m);\n  }\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  font-family: var(--vkui--font_family_base);\n  min-block-size: var(--vkui--size_field_height--regular);\n  box-sizing: border-box;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.sizeYCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_field_height--compact);\n  }\n}\n",".icon {\n  display: flex;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_tertiary);\n  transition: color 0.15s var(--vkui--animation_easing_platform);\n}\n\n.input:checked ~ .icon {\n  color: var(--vkui--color_icon_accent);\n}\n\n.icon .pin {\n  transform-origin: center;\n  transform: scale(0);\n  transition: transform 0.15s var(--vkui--animation_easing_platform);\n}\n\n.input:checked ~ .icon .pin {\n  transform: none;\n}\n","/**\n * CMP:\n * RadioGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalRadioGroup) .host {\n  flex: 1;\n  margin: 0;\n  box-sizing: border-box;\n}\n",".modeHorizontal {\n  display: flex;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n  box-sizing: content-box;\n}\n",".host {\n  color: var(--vkui--color_icon_accent);\n}\n\n.iconOn,\n.iconIndeterminate {\n  display: none;\n}\n\n.iconOff {\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.input:checked ~ .iconOn {\n  display: flex;\n}\n\n.input:indeterminate ~ .iconIndeterminate,\n.input:checked ~ .iconOff {\n  display: none;\n}\n\n.input:indeterminate ~ .iconIndeterminate {\n  display: flex;\n}\n\n.input:indeterminate ~ .iconOn,\n.input:indeterminate ~ .iconOff {\n  display: none;\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  inline-size: var(--vkui--size_field_height--regular);\n  block-size: var(--vkui--size_field_height--regular);\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    inline-size: var(--vkui--size_field_height--compact);\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n",".host {\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  font-family: var(--vkui--font_family_base);\n}\n\n.el {\n  display: block;\n  position: absolute;\n  appearance: none;\n  border: 0;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  opacity: 0;\n  z-index: var(--vkui_internal--z_index_form_field_side);\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  font-family: inherit;\n}\n\n.container {\n  align-self: center;\n  flex-grow: 1;\n  flex-shrink: 1;\n  padding-inline: 12px 0;\n  color: var(--vkui--color_text_primary);\n  box-sizing: border-box;\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  overflow: hidden;\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.sizeYCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.multiline .container {\n    padding-block: 8px;\n  }\n}\n\n.title {\n  display: block;\n}\n\n.host:not(.multiline) .title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.empty .title {\n  color: var(--vkui--color_text_secondary);\n}\n\n.alignRight .title {\n  text-align: end;\n}\n\n.alignCenter .title {\n  text-align: center;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .container {\n  padding-inline-end: 4px;\n}\n",".host {\n  position: relative;\n}\n\n.el {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  line-height: var(--vkui--size_field_height--regular);\n  margin: 0;\n  border: 0;\n  border-radius: inherit;\n  box-sizing: border-box;\n  box-shadow: none;\n  appearance: none;\n  color: var(--vkui--color_text_primary);\n  padding-block: 0;\n  padding-inline: 12px;\n  background: transparent;\n}\n\n.elCursorPointer {\n  cursor: pointer;\n}\n\n.sizeYCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .el {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.hasBefore .el {\n  padding-inline-start: 0;\n}\n\n.hasAfter .el {\n  padding-inline-end: 0;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.container {\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  inline-size: 100%;\n  max-block-size: 100%;\n  padding-inline: 12px 0;\n  color: var(--vkui--color_text_primary);\n  box-sizing: border-box;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.sizeYCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.multiline .container {\n    padding-block: 8px;\n  }\n}\n\n.inputGroup {\n  position: relative;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n}\n\n.hasBefore .inputGroup {\n  border-radius: 0;\n}\n\n.title {\n  display: block;\n}\n\n.host:not(.multiline) .title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.empty .title {\n  color: var(--vkui--color_text_secondary);\n}\n\n/* Для доступности placeholder в инпуте задан, но визуально не виден, потому что\n * для комфортного управления видом плейсходера мы рендерим его отдельно, так же как и лэйбл\n */\n.el::placeholder {\n  opacity: 0;\n}\n\n.alignRight .title,\n.alignRight .el {\n  text-align: end;\n}\n\n.alignCenter .title,\n.alignCenter .el {\n  text-align: center;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .container {\n  padding-inline-end: 4px;\n}\n",".host {\n  inline-size: 100%;\n  position: relative;\n  display: block;\n  cursor: pointer;\n}\n\n.popDown {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.popUp {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.control {\n  display: none;\n}\n\n.empty {\n  padding-block: 12px;\n  padding-inline: 0;\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.fetching {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dropdownIcon {\n  margin-inline-end: 10px;\n}\n\n.clearIcon {\n  margin-inline-end: -6px;\n}\n\n.sizeYCompact .dropdownIcon {\n  margin-inline-end: 8px;\n}\n\n.sizeYCompact .clearIcon {\n  margin-inline-end: -2px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .dropdownIcon {\n    margin-inline-end: 8px;\n  }\n\n  .sizeYNone .clearIcon {\n    margin-inline-end: -2px;\n  }\n}\n",".host {\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  background: transparent;\n  color: var(--vkui--color_text_primary);\n  transition: color 100ms ease-out;\n  user-select: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  appearance: none;\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n.hover {\n  opacity: 0.5;\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n",".host {\n  block-size: 30px;\n  padding: 2px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(--vkui--color_background_secondary);\n  box-sizing: border-box;\n  font-family: var(--vkui--font_family_base);\n}\n\n.sizeL {\n  block-size: 36px;\n}\n\n.in {\n  position: relative;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  transition: all 100ms ease-out;\n  border-radius: inherit;\n}\n\n.slider {\n  position: absolute;\n  inset-block: 0;\n  inset-inline-start: 0;\n  background-color: var(--vkui--color_segmented_control);\n  transition: transform 150ms;\n  transform-origin: 0 0;\n  border-radius: inherit;\n  box-shadow:\n    inset 0 0 0 0.5px var(--vkui--color_image_border_alpha),\n    0 3px 8px rgba(0, 0, 0, 0.12),\n    0 3px 1px rgba(0, 0, 0, 0.04);\n}\n\n/**\n * sizeY REGULAR\n */\n.sizeYRegular {\n  block-size: 36px;\n}\n\n.sizeYRegular.sizeL {\n  block-size: 44px;\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    block-size: 36px;\n  }\n\n  .sizeYNone.sizeL {\n    block-size: 44px;\n  }\n}\n",".content {\n  border-radius: 0;\n  font-size: 14px;\n  color: var(--vkui--color_text_primary);\n  font-family: var(--vkui--font_family_base);\n  block-size: 100%;\n}\n\n.host,\n.hidden {\n  border-radius: 0;\n  flex-basis: calc(100% / 7);\n  flex-grow: 0;\n}\n\n.hidden,\n.content {\n  block-size: 36px;\n}\n\n.sizeS {\n  block-size: 34px;\n}\n\n.disabled,\n.notSameMonth {\n  color: var(--vkui--color_text_tertiary);\n}\n\n.selected {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.selectionStart.selected,\n.hintedSelectionStart {\n  border-start-start-radius: 8px;\n  border-end-start-radius: 8px;\n}\n\n.selectionEnd.selected,\n.hintedSelectionEnd {\n  border-start-end-radius: 8px;\n  border-end-end-radius: 8px;\n}\n\n.dayNumber {\n  text-align: center;\n}\n\n.today {\n  font-weight: 600;\n}\n\n.today .dayNumber::after {\n  content: '';\n  border-block-end: 2px solid var(--vkui--color_stroke_accent);\n  inline-size: 16px;\n  display: block;\n  position: relative;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.today .innerActive .dayNumber::after {\n  border-block-end-color: var(--vkui--color_stroke_contrast);\n}\n\n.inner,\n.hinted {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.inner {\n  border-radius: 8px;\n}\n\n.hintedActive,\n.hostHovered :not(.hintedActive) .inner {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.hostActivated :not(.hintedActive) .inner {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n.innerActive {\n  background-color: var(--vkui--color_background_accent);\n  color: var(--vkui--color_text_contrast);\n}\n\n.hostHovered .inner.innerActive {\n  background-color: var(--vkui--color_background_accent--hover);\n}\n\n.hostActivated .inner.innerActive {\n  background-color: var(--vkui--color_background_accent--active);\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  flex-grow: 1;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.row:first-child:not(.rowSizeS) {\n  margin-block-end: 4px;\n}\n\n.row:not(:last-child):not(.rowSizeS) .rowDay {\n  padding-block-end: 2px;\n}\n\n.row:not(:nth-child(2)):not(.rowSizeS) .rowDay {\n  padding-block-start: 2px;\n}\n\n.weekday {\n  text-transform: capitalize;\n  color: var(--vkui--color_text_subhead);\n  block-size: 32px;\n  flex-basis: calc(100% / 7);\n  flex-grow: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-block-size: 36px;\n}\n\n.pickers {\n  display: flex;\n  position: absolute;\n  color: var(--vkui--color_text_primary);\n}\n\n.picker + .picker {\n  margin-inline-start: 4px;\n}\n\n.navIcon {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 3px;\n}\n\n.navIconAccent {\n  color: var(--vkui--color_icon_accent);\n}\n\n.navIconNext {\n  inset-inline-end: 0;\n}\n\n.navIconPrev {\n  inset-inline-start: 0;\n}\n\n.month {\n  text-transform: capitalize;\n}\n",".host {\n  display: flex;\n  align-items: center;\n}\n\n.host__withoutDone {\n  justify-content: center;\n}\n\n.picker {\n  inline-size: 79px;\n}\n\n.divider {\n  margin-inline: 6px;\n  color: var(--vkui--color_text_primary);\n  font-family: var(--vkui--font_family_base);\n}\n\n.button {\n  margin-inline-start: auto;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  box-sizing: border-box;\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n  inline-size: 305px;\n  padding: 12px;\n}\n\n.time {\n  border-block-start: 1px solid var(--vkui--color_separator_primary);\n  margin-block: 12px 0;\n  margin-inline: -12px;\n  padding-block: 12px 0;\n  padding-inline: 12px;\n}\n\n.header {\n  margin-block-end: 4px;\n}\n\n.sizeS {\n  inline-size: 220px;\n  padding: 8px;\n}\n\n.sizeS .header {\n  margin-block-end: 0;\n}\n",".host {\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  inline-size: 610px;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  box-sizing: border-box;\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n  padding: 12px;\n}\n\n.inner {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.inner:not(:last-child) {\n  margin-inline-end: 24px;\n}\n\n.header {\n  margin-block-end: 4px;\n}\n",".mask {\n  position: relative;\n  font-family: var(--vkui--font_family_base);\n}\n\n.mask::after {\n  content: '';\n  position: absolute;\n  inline-size: calc(100% - 0.1em);\n  block-size: 1px;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  border-block-end: solid 1px var(--vkui--color_text_secondary);\n}\n\n.mask:last-child {\n  margin-inline-end: 1px;\n}\n\n.lastCharacter {\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 1px !important;\n}\n\n.divider {\n  color: var(--vkui--color_text_secondary);\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 1px !important;\n}\n\n.full + .divider {\n  color: var(--vkui--color_text_primary);\n}\n",".input {\n  display: block;\n  flex-grow: 1;\n  align-self: center;\n  margin-inline: 10px 14px;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  cursor: text;\n  white-space: nowrap;\n  user-select: text;\n  font-variant-numeric: tabular-nums;\n}\n\n.inputTimeDivider {\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 6px !important;\n}\n\n.sizeYCompact .input {\n  margin-inline-end: 22px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .input {\n    margin-inline-end: 22px;\n  }\n}\n",".input {\n  flex-grow: 1;\n  align-self: center;\n  margin-inline: 10px 14px;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  cursor: text;\n  white-space: nowrap;\n  user-select: text;\n  font-variant-numeric: tabular-nums;\n}\n\n.sizeYCompact .input {\n  margin-inline-end: 22px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .input {\n    margin-inline-end: 22px;\n  }\n}\n",".host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_skeleton_from);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_skeleton_to);\n  --vkui_internal--skeleton_animation_duration: 1.5s;\n  --vkui_internal--skeleton_gradient_left: 0;\n\n  display: inline-flex;\n  position: relative;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  line-height: 1;\n  border-radius: 6px;\n  overflow: hidden;\n  background-color: var(--vkui_internal--skeleton_color_from);\n}\n\n/* Если скелетон находится внутри другого скелетона он меняет цвет */\n.host .host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_background_content);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_background_tertiary);\n}\n\n.host .host .host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_skeleton_from);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_skeleton_to);\n}\n\n.host::before {\n  position: absolute;\n  inset-inline-start: var(--vkui_internal--skeleton_gradient_left);\n  inset-block-start: 0;\n  content: ' ';\n  inline-size: 100vw;\n  block-size: 100%;\n  background-image: linear-gradient(\n    90deg,\n    var(--vkui_internal--skeleton_color_from),\n    var(--vkui_internal--skeleton_color_to),\n    var(--vkui_internal--skeleton_color_from)\n  );\n  transform: translateX(-100vw);\n  animation-name: animation-skeleton;\n  animation-direction: normal /*rtl:reverse*/;\n  animation-duration: 1.5s;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n}\n\n@keyframes animation-skeleton {\n  100% {\n    transform: translateX(100vw);\n  }\n}\n\n.disableAnimation::before {\n  /**\n   * Safari тратит время не пересчет анимации даже если элемент скрыт\n   * Для повышения производительности анимацию необходимо выключить\n   */\n  animation-name: none;\n  background-image: none;\n}\n\n@media (--reduce-motion) {\n  .host::before {\n    animation-name: none;\n    background-image: none;\n  }\n}\n",".host {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n",".host {\n  position: relative;\n}\n\n/* Создаём \"Safe Zone\" */\n.host::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--vkui_internal--popover_safe_zone_padding));\n}\n\n.in {\n  position: relative;\n}\n\n.inWithStyling {\n  background-color: var(--vkui--color_background_contrast_themed);\n  border-radius: var(--vkui--size_border_radius--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.arrow {\n  color: var(--vkui--color_background_contrast_themed);\n}\n\n.hidden {\n  display: none;\n}\n",".host {\n  position: relative;\n  inline-size: 100%;\n  border-end-start-radius: inherit;\n  border-end-end-radius: inherit;\n  background-color: var(--vkui--color_background_modal);\n  box-sizing: border-box;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n}\n\n.Separator {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline: 0;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .padded {\n    padding-block: var(--vkui--size_base_padding_vertical--regular);\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  }\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .padded {\n    padding-block: 18px;\n    padding-inline: 16px;\n  }\n}\n","/*\n * .vkui класс в режиме full необходим на элементе html\n * чтобы правильно устанавливалось значение color-scheme\n * окрашивающее фон html и скроллбар в цвета текущей цветовой\n * схемы.\n * Так как color-scheme зависит от vkui токена, то в\n * full режиме класс токенов vkui также должен\n * быть установлен на html.\n *\n * В SSR есть проблема - чтобы на сервере правильно установить\n * нужный класс для токенов надо знать предпочитаемую цветовую\n * схему пользователя и передать её через свойство appearance.\n * Если ошибиться со схемой на сервере, то пользователь\n * может получить не ту схему, либо может увидеть как интерфейс моргает\n * из-за переключения со светлой темы на тёмную.\n * Чтобы окончательно избавиться от этой проблемы нужно\n * в vkui-tokens создавать темы в которые старазу же зашиты обе цветовые схемы.\n * А переключение между темами задавалось бы через медиа выражения\n * с помощью prefers-color-scheme.\n * */\n/* stylelint-disable-next-line selector-max-type */\n.vkui > body,\n.vkui,\n.vkui__root {\n  margin: 0;\n  padding: 0;\n  block-size: 100%;\n  color-scheme: var(--vkui--colors_scheme);\n  /*\n   * TODO [>=8]: Убрать background с html элемента, но для этого надо\n   * чтобы height у всех родителей Panel вплоть до html имели\n   * min-height: 100% вместо height: 100% иначе фон html выглядывает в\n   * многоколоночном режиме если чуть ниже проскролить контент.\n   */\n  background: var(--vkui--color_background);\n}\n\n.vkui__root {\n  /* чтобы можно было ограничить размеры приложения\n   * извне с помощью max-height, max-width */\n  max-inline-size: inherit;\n  max-block-size: inherit;\n}\n\n/* отключаем нативный pull-to-refresh при взаимодействии с компонентом\n * PullToRefresh или при открывании модалки */\n.vkui--disable-overscroll-behavior {\n  /* Safari >= 16 */\n  overscroll-behavior-y: none;\n}\n"],"names":[],"mappings":"AAAA,sgqECCA,ijEA6FA,sDAEE,+RAOF,iDAEE,2QC3FF,yBACE,wDAKF,2BACE,wDAQF,gIACE,wDAKF,iEACE,wDAQF,0BACE,gEAKF,4BACE,+DAQF,qFACE,4DAKF,6GACE,6DChEF,uEAIA,iEACE,wEAIF,iEACE,wECRF,+DAKA,iMAQA,mLAKA,sOAKA,2XAOA,kDACE,iOAMF,uKCzCA,mFAIA,sFAIA,sGAWA,gECnBA,gEAIA,sEAIA,uEAIA,6DAIA,qEAIA,sEAIA,gEAIA,sEAIA,uEAIA,+DAIA,uEAIA,wEC1CA,kFAIA,gFAIA,8EAIA,8EAIA,8EAIA,gFAIA,kFAIA,kFAIA,kFAMA,wFAIA,sFAIA,oFAIA,oFAIA,oFAIA,sFAIA,wFAIA,wFAIA,wFCxEA,wECAA,wGCAA,0FAMA,iFCNA,8TAcA,oEAIA,yBACE,kEAKF,kEAIA,2EAIA,+GAIA,iEACE,6GAKF,6FAQA,+GAIA,uCACE,0FAIA,6GAKF,qCChEA,4DAMA,6CAKA,4IAIA,6IAIA,4IAIA,6IAIA,4IAIA,6IAKA,mEAKA,4FCzCA,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBCxKF,2PAOA,6cAmBA,iEACE,2cAoBF,2PAOA,6cAmBA,iEACE,2cAoBF,2PAOA,6cAmBA,iEACE,2cCzHF,0QAOA,2XAeA,iEACE,yXAgBF,0QAOA,2XAeA,iEACE,yXC9DF,gPAOA,0aAgBA,iEACE,waCxBF,yQAOA,udAmBA,iEACE,qdC3BF,+PAOA,qcAmBA,iEACE,mcC3BF,oQAOA,8cAmBA,iEACE,4cAoBF,iTAQA,ygBAmBA,iEACE,ugBC3EF,4CAIA,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBAoBF,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBAoBF,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBC1QF,uEAOA,0LAMA,+HASA,+HCtBA,4MAWA,4CAIA,gDASA,0OAKA,sHC7BA,qFAMA,mNAOA,iHAMA,wFAKA,2FCxBA,+GAgBA,+FAQA,4CAIA,2BACE,0CAKF,4EAOA,+MAYA,oGAIA,uCACE,oGAKF,kHAIA,qHAIA,+FAKA,yCAIA,2CAIA,4QAkBA,uHCtGA,2OAmBA,0EAIA,+CAKA,iHAWA,sKAWA,qPClDA,+KAYA,8HAKA,yMCjBA,uTAkBA,yCAIA,wCACE,6CAKF,gDAIA,wIAKA,2HCrCA,4SAaA,sFAKA,sGASA,2GAOA,wPASA,0GASA,oDAKA,uDAIA,mDAIA,iDAIA,4DAIA,8DAIA,8DAaA,sEAKA,sEC9FA,+UAiBA,6JClBA,sIASA,yCCTA,mWAgBA,oFAIA,0EAKA,4FAKA,sGAIA,gIACE,oGAKF,yEAOA,6IAUA,kFAKA,kFAKA,2DAIA,iaAOA,4HAOA,iIAIA,uKAKA,kIAIA,wKAKA,iIAIA,uKAKA,yHAIA,0HAIA,yHAIA,8JAIA,6NAKA,+JAIA,8NAKA,8JAIA,6NAKA,sJAIA,uJAIA,sJAIA,kSAQA,oDAKA,0UASA,qEAKA,uDAMA,mHAIA,4IAIA,8IAIA,gHAIA,yIAIA,2IAIA,gHAIA,yIAIA,2IAIA,sHAIA,+IAIA,iJAIA,sHAIA,+IAIA,iJAKA,0FAIA,mHAIA,qHAKA,mGAKA,8IAKA,iJAQA,2FAIA,wFAIA,wFAIA,sFAIA,sHAIA,8FAIA,oGAIA,uNAMA,mDAIA,oDAOA,0QAMA,sHAIA,+IAIA,iJAIA,sHAIA,+IAIA,iJAIA,wHAIA,0JAKA,4JAKA,4HAQA,+GAIA,wIAIA,0IAIA,6GAIA,sIAIA,wIAIA,kOAKA,qOAMA,wGAIA,iIAIA,mIAIA,mQAQA,qHAIA,8IAIA,gJAQA,+GAQA,qJAKA,wNAMA,iPAMA,gIACE,+OAOF,8NAMA,uPAMA,gIACE,qPAOF,8NAMA,uPAMA,gIACE,qPAOF,8PAMA,gIACE,4PAQF,8EAIA,uGAIA,gIACE,qGAKF,gGAIA,yHAIA,gIACE,uHAKF,6EAIA,sGAIA,gIACE,oGAKF,+FAIA,wHAIA,gIACE,sHAKF,oFAIA,gIACE,kFASF,qNAKA,4UAOA,mNAKA,sUAOA,mNAKA,sUAOA,gOAKA,iUAOA,sNAKA,6UC3pBA,qSAoBA,0CAIA,mFAIA,4EAKA,iDAKA,oEAMA,mHAMA,iDAUA,6FAKA,wDAIA,iEACE,uCAKA,6GAMA,sDAKA,sDAYF,kbAaA,0FAOA,yJAMA,oPAOA,iEAEE,sJAMA,+OAaF,mFAKA,iFASA,yECtKA,6bAkBA,4EAIA,wFAIA,8MAMA,gIACE,4MAOF,qEAKA,4EAKA,8EAKA,oEAIA,sEAMA,2HAIA,wJAIA,0JAIA,4HAIA,yJAIA,2JAKA,8FAIA,2HAIA,6HAKA,2GAKA,8JAKA,iKAQA,mGAIA,8FAIA,2KAQA,0SAMA,gIAIA,sKAKA,wKCxJA,sNAUA,sLAMA,0CAIA,yDAMA,+JAKA,iKAKA,kFAOA,qDASA,kMAYA,kMAKA,gMAKA,kDACE,oEAIA,sHAMF,4MAWA,+MAWA,sFASA,yFCpHA,sIASA,kDACE,sEAKF,2DAKA,6LAYA,wJAKA,iKAKA,gMAMA,sFAIA,yOAKA,kDACE,uHAOF,yCAKA,+BAIA,kGAQA,gLAOA,yHAYA,kXAOA,iLAKA,uGAIA,sGAQA,0IAIA,qIAIA,8HAIA,2HAIA,mJAIA,wJAIA,kDACE,uFAKA,+JAMA,+JAQF,iLAMA,+KAWA,kLAWA,yGASA,sGASA,yGASA,sGASA,+EASA,gFClPA,0DAMA,qHASA,iIAYA,6GAKA,+IAIA,2BAEE,6IAMF,gJAIA,yBAEE,8IAYF,kOAWA,oJAOA,mDAKA,+CAKA,0HAKA,6EAIA,yBACE,8EAKF,4DCzGA,wMAYA,kDAIA,8EAWA,6FAOA,0FAMA,uDAKA,sDAKA,iEAQA,sFAKA,yGAQA,sEAKA,oFAKA,mHAMA,uOAKA,2EAMA,oFAIA,yFAIA,yBACE,qIAKF,mHAIA,2BACE,iHAWF,gGAQA,mIAYA,oFAOA,+HC3JA,uFAIA,qFAIA,mFAIA,mFAIA,mFAIA,qFAIA,uFAIA,uFAIA,uFChCA,6EAIA,iFAIA,wFAIA,kEAIA,8DAIA,yEAKA,yKAMA,6JAKA,2EAOA,gGAIA,6FAIA,0FAIA,4MAIA,0MASA,gGAKA,yBAEE,8FC3EF,4KCAA,yCAIA,mFAKA,iJAMA,2EAIA,yKASA,4DAIA,+GAIA,yBACE,6GAKF,sHAOA,0CAKA,iFAMA,8HAMA,0JAMA,mJASA,2DAOA,wJAUA,kIAKA,0IAMA,iEAKA,gEAKA,2FAKA,2FAIA,2FAIA,uJAaA,uGAMA,kGAMA,qEAKA,qEAQA,uGAIA,iEACE,qGAUF,iNAMA,yBAEE,4MAQF,4KAMA,gGAIA,gGAKA,iNAMA,yBAEE,4MAOF,gJASA,6FAMA,uWASA,yBAEE,qWAWF,2WAOA,yBAEE,yWAQF,oEAIA,+EAKA,4GAOA,kFAKA,sEASA,8FC3TA,uMAWA,gEAKA,iJAUA,sKAQA,gHAOA,iFAMA,4DAKA,+IAQA,4CAIA,uDAQA,kMAWA,sMAWA,qFAOA,6HAIA,iEACE,2HC1GF,uKAQA,0GAMA,2BACE,wGAOF,4GASA,uLAWA,gLAIA,kLAIA,mLAIA,qLAIA,kDACE,wIAIA,2IAKF,kGAKA,mEASA,qOAOA,yBACE,kIAWF,mFAKA,uJAUA,yBACE,gFAKA,qJAeF,wIASA,yIASA,mGASA,oGCpKA,gEAMA,4DAQA,gHAQA,8LAMA,qDC5BA,sFAQA,uOAKA,yBACE,6NAMF,kHAOA,4BACE,4GAQF,qEAOA,wJC3CA,uCAMA,sLCNA,gTAcA,uDAQA,oDAIA,yLC1BA,2RAeA,gFAQA,sEAIA,4CAIA,gLAcA,+EAKA,8EAIA,gFAKA,4FAIA,gGAQA,2KAQA,8EAQA,8HAMA,0FAKA,2FASA,mFAOA,0GAIA,8FCtHA,gRAYA,mGAMA,4FAMA,0OAUA,yFAMA,yFAMA,4GAKA,+GAKA,wGAKA,gHAKA,uFAIA,qFAIA,sFC1EA,kFAWA,gGAWA,0DAIA,2FAMA,6HAOA,kHAIA,uNAMA,2HAIA,6HASA,6DAKA,kPCnEA,wFAOA,mIAQA,wDAOA,uDAMA,uFC1BA,sCAIA,sCAIA,qCAIA,mCAMA,+CAIA,2CAIA,iDAIA,qDAIA,mDCpCA,8HAOA,6TAQA,mOASA,+CAKA,iDAIA,8CAIA,2EAIA,+BAMA,mDAIA,+CAIA,gDAIA,2DAIA,6DAIA,2DAMA,6CAIA,yCAIA,0CAIA,4CAIA,8CAKA,+HC9FA,4TASA,sIAKA,iKAIA,4JAIA,qHAIA,mDAIA,+CAIA,gDAIA,kDAIA,oDC1CA,uGASA,+CAIA,gDAIA,yCAIA,yFASA,sJAIA,kMAMA,qGAIA,wEAIA,0GAQA,iHASA,kDAIA,kFAIA,oFAIA,mFAIA,sFAIA,wFAIA,uFAIA,gFASA,iFCtGA,mKAWA,sOAWA,+DAIA,6FAIA,+FC9BA,6UAcA,+BAIA,0IAKA,sJAMA,oKAWA,6DAMA,iDAIA,qDAKA,sFAQA,oCAIA,gEAIA,gEAKA,gEAIA,gFAMA,iCAIA,+EAKA,yEAKA,4EAQA,gIASA,oFAIA,wEAMA,qEAIA,sDAIA,wLAUA,oDAIA,8FAKA,4TAmBA,4HAMA,0IAQA,wGAIA,qFAMA,+JAIA,+JAIA,4IAQA,sGAIA,+GAOA,iEACE,6IAKA,sGAIF,iEACE,8IAKA,uGAKF,6DAIA,yFAQA,0FAOA,0DAIA,0DAKA,6CAIA,uDAIA,gGAOA,kDACE,mFAMF,kKAWA,oKCjTA,iCAKA,0CCNA,6MAaA,2GAMA,uEAKA,0EAOA,kEAKA,8GAOA,wFAIA,kFAMA,6HAOA,iGAMA,oFAKA,0EAIA,qHAKA,yHAIA,0GAIA,kHAQA,gEAQA,uJAQA,iEAIA,sGAIA,uNAaA,2KAUA,iEACE,sDAIF,iEACE,uDAKF,gGAKA,+IAMA,oEAIA,gFAIA,iDAQA,qEAUA,gPAMA,4KASA,mDAIA,sGAMA,mJAIA,iFC5NA,2CAIA,0EAQA,oGAKA,6DAIA,kGCRA,sDCbA,8OAUA,kDACE,8IAMF,oKASA,4EAMA,4JAKA,wKAMA,qEAOA,iDAKA,oFAKA,qOAQA,0EAIA,mFASA,oHAIA,4KAcA,6FAQA,6LAUA,0GAKA,kDACE,qFAKF,6PAWA,+PC3IA,2OAWA,mQAUA,sKAMA,0HAKA,4HAMA,iGAIA,sCAIA,6DAIA,2LAMA,sEASA,qLAUA,4EAKA,yFAKA,qMAMA,yGASA,8ECpGA,saAkBA,mMASA,gIACE,iMAUF,+EAIA,qCAIA,mCAIA,2DAMA,qKAUA,iFAKA,oFAKA,mFAKA,4FAKA,4JAMA,2BACE,8EAKF,yBACE,yIAMA,yMCzGF,soBAiBA,oEAIA,ySASA,2EAIA,wEAIA,+WAaA,qFACE,+CAKA,8FAKA,6LASA,+RAaA,4RAcF,mOAOA,oNAMA,6NAMA,qFACE,4DAIA,gRAOA,oHAKF,oJAKA,kDACE,oJAMF,oNAMA,kEAIA,mJAKA,kDACE,mJAMF,gKAWA,+LAaA,+EASA,gFCzMA,0CAIA,6SAYA,+IAWA,4EAIA,+JAKA,2GAIA,qKAKA,uGAIA,mKAKA,+GAIA,2KAKA,gHC/DA,gPASA,wEAKA,0DAIA,oDAIA,qEAaA,yNAKA,8CAIA,sEAKA,2BACE,gIAMF,yBACE,6DAIA,6DC7DF,qFAOA,iCACE,mHAKA,6DAQF,qCACE,uEAIA,qFAMA,yIAKA,oMAQA,gTAOF,gFAIA,0EAIA,+DC5DA,sCCAA,8LCAA,uJASA,yBACE,qGCVF,gQAaA,2BACE,oIAQA,uGAIA,sKAOF,yBACE,6KAQA,gHAIA,iHAIA,iHAKF,2GAaA,2BACE,8dAkBA,8DAIA,6HAKA,yFAKA,gEAKF,yBACE,uDAKA,6CAIA,mFAKA,+EAKA,+CAKF,mTAqBA,yBACE,gNCzJF,2IAUA,sEAIA,uGAKA,yICnBA,0fAmBA,yNAOA,oEAIA,yHASA,gEAIA,sEAIA,mFAMA,4CAIA,uJAWA,4MAWA,sKAKA,qHAMA,0KAKA,wSC/FA,6HAOA,wCAIA,oFAIA,oFAIA,oFAKA,2BACE,wZAYA,0EAKA,iGAIA,qFAKA,4EAMF,yBACE,iIAMA,kEAKA,4CAQA,4EC7EF,gGASA,oEAIA,yEASA,sFCtBA,8LAmBA,2EAOA,0FAQA,6GAKA,0FAQA,oEAKA,wDAKA,8CAKA,8HAKA,iIAKA,8HAKA,0HAKA,6HAMA,uIAKA,mIAKA,2IAKA,uIAKA,iIAMA,sKAUA,sEAIA,sFAIA,0EAIA,wFAIA,4EAIA,uEAIA,wEAIA,qEAIA,yEAIA,4GChKA,0DAKA,oDAKA,qDAIA,2EAaA,yIAIA,qIAIA,sIAKA,0EAYA,4IAIA,wIAIA,yIAMA,iFAIA,+EAIA,gFAIA,uFAIA,qFAIA,sFCtFA,oLAQA,gHAQA,2HAMA,+PAmBA,+GAMA,oEAKA,0DAKA,0DAKA,wLAWA,sPAQA,yBAEE,mKASF,qPAOA,yBAUE,+OAOA,yHAWF,+FAKA,wEAMA,uHAKA,gHAKA,oHAKA,2EAKA,mHAKA,oHAKA,2ECxKA,0IAUA,kIAKA,6JAIA,2BACE,2JAKF,gHAUA,mLAIA,yBAEE,sFAMF,mHAKA,qHCpDA,8DAMA,gEAMA,iDAKA,4DAIA,4GASA,4IAMA,yBAEE,uIAYF,+FAKA,yIAKA,2IAIA,yBAEE,+FAKA,yIAKA,4IC5EF,8EAIA,kIAKA,gKAOA,yPASA,0DAIA,8FC7BA,2OAQA,2JASA,wHAMA,uEAIA,6DAKA,sEAIA,oEAIA,qEAIA,mEAIA,+EAMA,qDAKA,uGAOA,mFAMA,oCASA,6MAMA,gFAIA,mDAMA,0FAKA,0EAIA,0EAIA,0EAIA,2EAKA,uFAMA,qFAIA,sFAIA,sFAIA,uFAKA,sFAIA,sFAIA,sFAIA,uFAIA,qCAIA,kDAIA,+CAWA,yMAOA,2BAEE,oQAUF,+OAOA,yBAEE,4SAaF,8EClNA,4SAUA,gGAIA,+FAKA,mXAUA,yBACE,4VAUF,kJAMA,2BACE,gJAOF,iQAOA,2BACE,+PAeF,wRAaA,yBACE,2PAaF,oEAIA,2BACE,kEAQF,sCAIA,iMAKA,2BACE,kIAKF,yJAKA,yBACE,+GAQF,kMAYA,+GAOA,mPASA,8PAQA,2BACE,yMAQF,qHAIA,2BACE,0IAMF,wQAMA,yBACE,oNAMF,gNAKA,2BACE,8MAWF,yBACE,oKAKA,wQAUF,0EAIA,gMAIA,8DAIA,gEAUA,mKAIA,gKAQA,+KASA,8MC3SA,2JAMA,mGAIA,sFAIA,0FCdA,iEAKA,oCCLA,0IAOA,oHAQA,wEAIA,4EAOA,oCAIA,uOAeA,uGAQA,wFASA,gIAWA,2IAQA,8IASA,4LAKA,oFAWA,+JAMA,oCAKA,gSASA,6UASA,iEAEE,wUCzIF,wWAYA,yCAIA,mEAIA,6EAIA,0RASA,6EAKA,qDAIA,2CAIA,4NAYA,oFAIA,iEAIA,6DAKA,iGAKA,qIAQA,qGAIA,6FAOA,0GAKA,2GAQA,qFAIA,iMAUA,2IAQA,0EAKA,wFAIA,8GASA,8CAIA,2IAIA,iEACE,2CAIA,yIAUF,0NC3KA,uEAMA,4EAKA,+DAIA,2ICdA,0KAOA,2CCRA,kCAIA,gHAKA,kHAOA,2GAKA,8CAKA,uEAOA,oEAKA,6FASA,0FAIA,6EAIA,yDAKA,yIAOA,8FAMA,mFASA,oNClFA,oNCAA,kQAWA,4CAUA,gEAIA,4FAOA,mHASA,wFAMA,yCAIA,+KAYA,4DAIA,yDAIA,wDAIA,0EAIA,mOAOA,8KAKA,iEACE,4KAUF,0IAKA,qEAIA,+RAUA,6DAIA,8DAIA,qMAOA,qRAOA,iEACE,6QAaF,2LAIA,iEACE,0CClKF,4JAgBA,wPAOA,2CAIA,mEAMA,uDAMA,4LAQA,kIAOA,wIAMA,qIAMA,wIClEA,wCAKA,iDAKA,4JAWA,yCAIA,uDCzBA,oCAIA,gEAIA,2GAKA,4GAKA,8GAKA,8GAKA,6GAKA,6GAKA,yGAKA,8GAKA,2IChDA,uCAIA,+DAKA,qFAOA,2GAIA,kIAOA,sEAIA,0EAIA,oLAQA,kLAOA,iJAKA,iEAMA,4KAKA,8FAMA,6DAIA,6DAIA,8DAIA,yCAIA,iJAMA,6HAKA,4KCnGA,+CAIA,yEAIA,4GAKA,qOASA,yHAKA,oGAMA,2HAIA,0EAIA,0FCzCA,gQCAA,0HAMA,qJCNA,yHAMA,kEAMA,uEAKA,+JASA,oFAIA,2CAIA,4EAOA,iEAKA,qDAKA,4IAWA,mHAIA,0GAIA,gIASA,yCAIA,0DAMA,wGAIA,+DC7FA,4CAKA,qDCLA,wCAIA,oHASA,uQAQA,4CAIA,oHAMA,uLC/BA,+DAMA,gDCNA,iFAIA,wHAIA,qHAIA,uHAIA,oHChBA,gGAMA,yEAMA,8FAIA,kGAIA,kGCpBA,+JAQA,6LASA,kGAIA,iEACE,gGAKF,wQAeA,4FAIA,8FAIA,yFAOA,gNAYA,yYAmBA,mRAOA,2EAIA,sGAKA,yDAMA,2GAIA,gDAMA,6HAIA,mTAaA,0HAKA,oEAIA,yLAUA,sCAIA,2PAWA,iHAMA,gHASA,2HAIA,+FAOA,iEAOA,iEC5MA,+CAKA,+CASA,mGAMA,qFAWA,kFAKA,iFAUA,+MAYA,kJC1DA,kRAeA,yDAIA,0DAIA,+EAKA,iEACE,6EAMF,iFAKA,0FAUA,2GAKA,iEACE,yGAMF,sGAKA,6FAMA,mJAKA,oHAIA,gMASA,0GAKA,mHAIA,uHAKA,2GAMA,oFAIA,mHAIA,iLAUA,mFAIA,kHAKA,sCAIA,kEAKA,0EAKA,mFAIA,kHAKA,6NAYA,gEAIA,iEACE,8DAKF,uDASA,6GAOA,8EAUA,+EAOA,wDAIA,sEC5NA,wEAMA,qEAKA,4DAKA,yIAIA,wWAkBA,wIAOA,0FAIA,oDAIA,+JAIA,0HAMA,4IAKA,qJAIA,2JAQA,yEAIA,0JAiBA,6FCrGA,+PAeA,wCACE,0DAKF,yEAIA,8EAMA,4DAIA,0DCnCA,2ICAA,mFCAA,wSAeA,kHAIA,oNAKA,+HAIA,iIAIA,6HAIA,wGAMA,sGAIA,4HAIA,+HAIA,kIAIA,8HAIA,wIAMA,2EAIA,4HAIA,8HAIA,kIAIA,8HAIA,8HAMA,kEAMA,iEAMA,yQAgBA,wFC1HA,8FAMA,qEAIA,wFAKA,qCAIA,sEAIA,iMASA,qEAKA,qEAKA,qEAKA,2CAIA,iEAIA,yCAKA,kGAKA,kFAIA,iFCrEA,4IASA,gDAKA,iDAKA,0HAOA,8DAIA,sEAIA,qEAIA,2DCtCA,6VAeA,iTAeA,sCAMA,kNAUA,uFAKA,uGAQA,yDAOA,uDAUA,4YAaA,qCAIA,oGAQA,iGAIA,mJAMA,+FAQA,wDAIA,0IAKA,0IAUA,yDAKA,kHAKA,uGCpJA,iKAOA,oEAIA,4GAKA,6FAQA,8HASA,oKAQA,+FAKA,yEAIA,yKAKA,iGAKA,uJAKA,iEAKA,kHAMA,2KC5EA,6EAIA,yDAIA,iGAOA,oCAIA,wEAOA,6OAcA,qFAMA,0EAIA,6DAKA,uCAIA,uCAIA,sDASA,oEAIA,+FAMA,sPASA,sEAIA,gYASA,8ECxGA,0NAaA,oGAQA,gEAKA,qCAIA,wHAOA,6GAIA,2IAQA,mEAIA,4MAaA,2IAUA,0LC5EA,wCAMA,oQAOA,qJAMA,8DAKA,qHAIA,gFC5BA,iKAMA,oFAUA,mHAQA,oHAQA,mHAOA,yJAIA,0JAIA,yJAIA,iEACE,sJAIA,uJAIA,uJAKF,uFAKA,sGAOA,gDAIA,6GAMA,2KAKA,+MAUA,wIAKA,oIAQA,qMASA,uKAOA,qPAMA,uWAUA,sMAKA,wRAKA,uOC5JA,kbAeA,uFAIA,4JAMA,mEAIA,mJAKA,iEACE,iJAMF,gFC1CA,2EAOA,sDAIA,qDCXA,6DAIA,qCAIA,8JAQA,kDACE,4EAMF,iFAIA,kDACE,mFAKF,+EAIA,kFAIA,kDACE,mFAKF,kCAIA,0HASA,4HASA,8PAgBA,+PCrFA,kCAIA,2IAKA,4DAIA,2FAUA,8HAOA,oGAOA,4BAIA,6EAKA,wDAIA,iDAIA,oFAKA,8EAKA,wFAIA,sIASA,kEAIA,kEAIA,iEACE,+DAIA,gEAUF,oHAUA,oJAOA,oLAOA,+LAQA,2IAMA,mMAMA,yPAKA,iEAEE,oPCvJF,mSAYA,6IASA,gFAOA,gFAIA,iEACE,8EAMF,sGAKA,iHAQA,8MAWA,yJAKA,iEACE,oJAMF,qDAIA,iDAIA,4DAIA,8DAIA,oRAcA,sGAQA,uGAIA,gMASA,8HAUA,obASA,kJAOA,obASA,oNAMA,+GAWA,oEASA,2FAUA,yGAOA,iRAUA,kRAUA,6QAUA,kRC1OA,sEAOA,wMAQA,uEAMA,0CAKA,gNAQA,4MAIA,iEAEE,0MAKF,mEAIA,kDCjDA,wECAA,0xBAkBA,uFAKA,i5BAuBA,oYAaA,iEACE,kYAcF,i7BA0BA,8XAaA,iEACE,4XAcF,qCAIA,6kBAaA,4LAMA,6VAUA,8WAWA,yZAaA,2hBAcA,suBAwBA,iEACE,6DAOF,wCACE,qHAKF,qHAIA,8KAKA,oBACE,kGAIA,iIAUF,kECrQA,oKAOA,8CAIA,oCAMA,+BAIA,yFAIA,oDAIA,uFAIA,gDAKA,yJCtCA,sCAIA,oMAQA,mGCZA,mEAMA,yDAIA,uDAIA,qPAYA,uFAIA,iEACE,qFAKF,oDAIA,oDAIA,2EAIA,sCAMA,yGCtDA,gPAUA,uHASA,+CAKA,6CAIA,4XAcA,2RAQA,iEACE,yRASF,+CAKA,iMAYA,mCAIA,iCAIA,oCAIA,iEACE,kCC1FF,oUAgBA,iHAKA,yOAcA,iMAIA,gDAIA,oFAIA,+CAMA,2HAIA,iDAIA,mMASA,sFAIA,iEACE,oFC3EF,8QASA,2CAIA,kGAMA,gKAQA,mDAKA,4DASA,iGCzCA,uPAaA,qNASA,sDAIA,gIACE,oDAKF,oGAKA,sFAIA,+DAKA,qEAMA,oEAKA,6FAOA,6EAIA,2EAIA,wECxEA,yCAIA,iGAOA,mFAKA,2EAKA,8CAIA,0DCzBA,sdAcA,+HAKA,uFAIA,yFAOA,0KC9BA,kGAMA,4FAKA,wGASA,mFAKA,kFAKA,6LAOA,0DAKA,2DAIA,2DAIA,2DAQA,oFAIA,oFAIA,oFAIA,iEACE,iFAIA,iFAIA,kFC/EF,uEAMA,+LAUA,mCAIA,6CAIA,iEACE,2CAKF,iFAMA,8EAIA,gFAIA,+DAIA,6DChDA,yNASA,2DAIA,6GAMA,sGAMA,8CAIA,4GAMA,0HAIA,iEACE,wHCxCF,2UAeA,gOAKA,yFAIA,uFAIA,iEACE,qFC7BF,qJAOA,0FAIA,oJAMA,yFCZA,+ECLA,6CASA,6OCTA,8DAIA,8EAKA,mEAIA,0EAIA,yJAKA,2FAIA,oJC1BA,gMASA,uFAQA,+HAKA,iEACE,6HCvBF,mHAOA,wSAeA,4PAYA,6DAIA,mFAIA,0GAIA,iEACE,wGAKF,iCAIA,2HAMA,8EAIA,4DAIA,8DASA,6EC/EA,+CAIA,gbAoBA,uDAIA,+GAIA,iEACE,6GAKF,4EAIA,4EAIA,uFAIA,wPAWA,mFAIA,yGAIA,2IAIA,iEACE,yIAKF,+HASA,qFAIA,4CAIA,4JAMA,oGAOA,kDAIA,gJAKA,mJAUA,wFChIA,kFAOA,oFAKA,4EAKA,wCAIA,kGAOA,mFAMA,kDAIA,+CAIA,iFAIA,+EAIA,iEACE,8EAIA,6ECvDF,kZAkBA,8CAIA,qDCtBA,oOASA,yCAIA,kIASA,uTAiBA,gDAIA,4EAIA,gIACE,6CAIA,0ECpDF,qJAQA,gGAOA,+DAKA,oCAIA,iGAKA,0FAIA,2JAMA,yJAMA,8CAIA,wCAIA,4MAUA,+IAIA,+HASA,0CAIA,gMAKA,oKAIA,2HAKA,gJAIA,mJClGA,oGAOA,uEAMA,sFAIA,sHAIA,qHAIA,8LCzBA,mHAQA,kGAMA,wEAIA,kHAQA,wEAIA,yCAIA,wCAIA,qDCtCA,wDAKA,4DAIA,qCAIA,4IAMA,2CCnBA,2QAYA,sHAQA,wCAIA,6CAKA,2DC7BA,sSAaA,yEAMA,6DAIA,6CCvBA,iFAKA,qKAUA,iDASA,mJAMA,mFC9BA,+RAYA,8DAKA,qEAIA,iEACE,mECtBF,sRAWA,+EAIA,iEACE,6EChBF,maAiBA,6LAKA,oMAKA,qfAqBA,2EAMA,iFASA,kDACE,sEChEF,0HCAA,qCAKA,iTAMA,mCAIA,qLAMA,wEAIA,kCCzBA,kNAYA,uEAOA,2BACE,yIAOF,yBACE,gDCPF,6IAgBA,iDASA,8D"}
+{"version":3,"file":"vkui.css","sources":["webpack://@vkontakte/vkui/./src/styles/themes.css","webpack://@vkontakte/vkui/./src/styles/constants.css","webpack://@vkontakte/vkui/./src/styles/adaptivity.module.css","webpack://@vkontakte/vkui/./src/styles/dynamicTokens.css","webpack://@vkontakte/vkui/./src/styles/focusVisible.module.css","webpack://@vkontakte/vkui/./src/styles/animationFades.module.css","webpack://@vkontakte/vkui/./src/styles/transformOriginByPlacement.module.css","webpack://@vkontakte/vkui/./src/styles/gaps.module.css","webpack://@vkontakte/vkui/./src/lib/tokens/TokensClassProvider.module.css","webpack://@vkontakte/vkui/./src/components/RootComponent/RootComponent.module.css","webpack://@vkontakte/vkui/./src/components/AppRoot/AppRoot.module.css","webpack://@vkontakte/vkui/./src/components/AppRoot/AppRootStyleContainer.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Typography.module.css","webpack://@vkontakte/vkui/./src/components/Typography/DisplayTitle/DisplayTitle.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Title/Title.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Headline/Headline.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Text/Text.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Paragraph/Paragraph.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Subhead/Subhead.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Footnote/Footnote.module.css","webpack://@vkontakte/vkui/./src/components/Typography/Caption/Caption.module.css","webpack://@vkontakte/vkui/./src/components/Typography/EllipsisText/EllipsisText.module.css","webpack://@vkontakte/vkui/./src/components/UnstyledTextField/UnstyledTextField.module.css","webpack://@vkontakte/vkui/./src/components/Clickable/Clickable.module.css","webpack://@vkontakte/vkui/./src/components/Tappable/Tappable.module.css","webpack://@vkontakte/vkui/./src/components/FixedLayout/FixedLayout.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css","webpack://@vkontakte/vkui/./src/components/ImageBase/ImageBase.module.css","webpack://@vkontakte/vkui/./src/components/VisuallyHidden/VisuallyHidden.module.css","webpack://@vkontakte/vkui/./src/components/Spinner/Spinner.module.css","webpack://@vkontakte/vkui/./src/components/Button/Button.module.css","webpack://@vkontakte/vkui/./src/components/IconButton/IconButton.module.css","webpack://@vkontakte/vkui/./src/components/ToolButton/ToolButton.module.css","webpack://@vkontakte/vkui/./src/components/Root/Root.module.css","webpack://@vkontakte/vkui/./src/components/View/View.module.css","webpack://@vkontakte/vkui/./src/components/Panel/Panel.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderButton/PanelHeaderButton.module.css","webpack://@vkontakte/vkui/./src/styles/spacings.module.css","webpack://@vkontakte/vkui/./src/components/Separator/Separator.module.css","webpack://@vkontakte/vkui/./src/components/Spacing/Spacing.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeader/PanelHeader.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderContent/PanelHeaderContent.module.css","webpack://@vkontakte/vkui/./src/components/PanelHeaderContext/PanelHeaderContext.module.css","webpack://@vkontakte/vkui/./src/components/SplitLayout/SplitLayout.module.css","webpack://@vkontakte/vkui/./src/components/SplitCol/SplitCol.module.css","webpack://@vkontakte/vkui/./src/components/Epic/Epic.module.css","webpack://@vkontakte/vkui/./src/components/Tabbar/Tabbar.module.css","webpack://@vkontakte/vkui/./src/components/TabbarItem/TabbarItem.module.css","webpack://@vkontakte/vkui/./src/components/ScrollArrow/ScrollArrow.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalScroll/HorizontalScroll.module.css","webpack://@vkontakte/vkui/./src/components/AspectRatio/AspectRatio.module.css","webpack://@vkontakte/vkui/./src/components/Flex/FlexItem/FlexItem.module.css","webpack://@vkontakte/vkui/./src/components/Flex/Flex.module.css","webpack://@vkontakte/vkui/./src/components/SimpleGrid/SimpleGrid.module.css","webpack://@vkontakte/vkui/./src/components/PopoutWrapper/PopoutWrapper.module.css","webpack://@vkontakte/vkui/./src/components/ModalDismissButton/ModalDismissButton.module.css","webpack://@vkontakte/vkui/./src/components/Alert/Alert.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheetItem/subcomponents/Radio/Radio.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheetItem/ActionSheetItem.module.css","webpack://@vkontakte/vkui/./src/components/FloatingArrow/FloatingArrow.module.css","webpack://@vkontakte/vkui/./src/components/Popper/Popper.module.css","webpack://@vkontakte/vkui/./src/components/ActionSheet/ActionSheet.module.css","webpack://@vkontakte/vkui/./src/components/ScreenSpinner/ScreenSpinner.module.css","webpack://@vkontakte/vkui/./src/components/Snackbar/subcomponents/Basic/Basic.module.css","webpack://@vkontakte/vkui/./src/components/Snackbar/Snackbar.module.css","webpack://@vkontakte/vkui/./src/components/TooltipBase/TooltipBase.module.css","webpack://@vkontakte/vkui/./src/components/ModalOverlay/ModalOverlay.module.css","webpack://@vkontakte/vkui/./src/components/CustomScrollView/CustomScrollView.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageContent/ModalPageContent.module.css","webpack://@vkontakte/vkui/./src/components/ModalRoot/VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay.module.css","webpack://@vkontakte/vkui/./src/components/ModalOutlet/ModalOutlet.module.css","webpack://@vkontakte/vkui/./src/components/ModalPage/ModalPage.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageHeader/ModalPageHeader.module.css","webpack://@vkontakte/vkui/./src/components/ModalCardBase/ModalCardBase.module.css","webpack://@vkontakte/vkui/./src/components/ModalCard/ModalCard.module.css","webpack://@vkontakte/vkui/./src/components/Badge/Badge.module.css","webpack://@vkontakte/vkui/./src/components/ContentBadge/ContentBadge.module.css","webpack://@vkontakte/vkui/./src/components/ButtonGroup/ButtonGroup.module.css","webpack://@vkontakte/vkui/./src/components/Card/Card.module.css","webpack://@vkontakte/vkui/./src/components/CardGrid/CardGrid.module.css","webpack://@vkontakte/vkui/./src/components/CardScroll/CardScroll.module.css","webpack://@vkontakte/vkui/./src/components/ContentCard/ContentCard.module.css","webpack://@vkontakte/vkui/./src/components/Header/Header.module.css","webpack://@vkontakte/vkui/./src/components/Group/Group.module.css","webpack://@vkontakte/vkui/./src/components/Gradient/Gradient.module.css","webpack://@vkontakte/vkui/./src/components/List/List.module.css","webpack://@vkontakte/vkui/./src/components/Removable/Removable.module.css","webpack://@vkontakte/vkui/./src/components/SimpleCell/SimpleCell.module.css","webpack://@vkontakte/vkui/./src/components/Cell/CellCheckbox/CellCheckbox.module.css","webpack://@vkontakte/vkui/./src/components/Cell/CellDragger/CellDragger.module.css","webpack://@vkontakte/vkui/./src/components/Cell/Cell.module.css","webpack://@vkontakte/vkui/./src/components/RichCell/RichCellIcon/RichCellIcon.module.css","webpack://@vkontakte/vkui/./src/components/RichCell/RichCell.module.css","webpack://@vkontakte/vkui/./src/components/CellButton/CellButton.module.css","webpack://@vkontakte/vkui/./src/components/Avatar/AvatarBadge/AvatarBadge.module.css","webpack://@vkontakte/vkui/./src/components/Avatar/Avatar.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalCell/HorizontalCell.module.css","webpack://@vkontakte/vkui/./src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.module.css","webpack://@vkontakte/vkui/./src/components/Footer/Footer.module.css","webpack://@vkontakte/vkui/./src/components/InfoRow/InfoRow.module.css","webpack://@vkontakte/vkui/./src/components/BaseGallery/BaseGallery.module.css","webpack://@vkontakte/vkui/./src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css","webpack://@vkontakte/vkui/./src/components/GridAvatar/GridAvatar.module.css","webpack://@vkontakte/vkui/./src/components/Image/ImageBadge/ImageBadge.module.css","webpack://@vkontakte/vkui/./src/components/Image/Image.module.css","webpack://@vkontakte/vkui/./src/components/Progress/Progress.module.css","webpack://@vkontakte/vkui/./src/components/Search/Search.module.css","webpack://@vkontakte/vkui/./src/components/Tabs/Tabs.module.css","webpack://@vkontakte/vkui/./src/components/TabsItem/TabsItem.module.css","webpack://@vkontakte/vkui/./src/components/PullToRefresh/PullToRefresh.module.css","webpack://@vkontakte/vkui/./src/components/Link/Link.module.css","webpack://@vkontakte/vkui/./src/components/Mark/Mark.module.css","webpack://@vkontakte/vkui/./src/components/OnboardingTooltip/OnboardingTooltip.module.css","webpack://@vkontakte/vkui/./src/components/Counter/Counter.module.css","webpack://@vkontakte/vkui/./src/components/UsersStack/UsersStack.module.css","webpack://@vkontakte/vkui/./src/components/Placeholder/Placeholder.module.css","webpack://@vkontakte/vkui/./src/components/Banner/Banner.module.css","webpack://@vkontakte/vkui/./src/components/MiniInfoCell/MiniInfoCell.module.css","webpack://@vkontakte/vkui/./src/components/WriteBar/WriteBar.module.css","webpack://@vkontakte/vkui/./src/components/WriteBarIcon/WriteBarIcon.module.css","webpack://@vkontakte/vkui/./src/components/SubnavigationBar/SubnavigationBar.module.css","webpack://@vkontakte/vkui/./src/components/SubnavigationButton/SubnavigationButton.module.css","webpack://@vkontakte/vkui/./src/components/Pagination/PaginationPage/PaginationPage.module.css","webpack://@vkontakte/vkui/./src/components/Pagination/Pagination.module.css","webpack://@vkontakte/vkui/./src/components/Accordion/Accordion.module.css","webpack://@vkontakte/vkui/./src/components/FormItem/FormItem.module.css","webpack://@vkontakte/vkui/./src/components/FormField/FormField.module.css","webpack://@vkontakte/vkui/./src/components/FormLayoutGroup/FormLayoutGroup.module.css","webpack://@vkontakte/vkui/./src/components/FormStatus/FormStatus.module.css","webpack://@vkontakte/vkui/./src/components/Switch/Switch.module.css","webpack://@vkontakte/vkui/./src/components/DropZone/components/DropZoneGrid.module.css","webpack://@vkontakte/vkui/./src/components/DropZone/DropZone.module.css","webpack://@vkontakte/vkui/./src/components/Input/Input.module.css","webpack://@vkontakte/vkui/./src/components/ChipsInputBase/Chip/Chip.module.css","webpack://@vkontakte/vkui/./src/components/ChipsInputBase/ChipsInputBase.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelectDropdown/CustomSelectDropdown.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelectOption/CustomSelectOption.module.css","webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.module.css","webpack://@vkontakte/vkui/./src/components/Slider/SliderThumb/SliderThumb.module.css","webpack://@vkontakte/vkui/./src/components/Slider/Slider.module.css","webpack://@vkontakte/vkui/./src/components/Textarea/Textarea.module.css","webpack://@vkontakte/vkui/./src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.module.css","webpack://@vkontakte/vkui/./src/components/SelectionControl/SelectionControl.module.css","webpack://@vkontakte/vkui/./src/components/Radio/RadioInput/RadioInput.module.css","webpack://@vkontakte/vkui/./src/components/Radio/Radio.module.css","webpack://@vkontakte/vkui/./src/components/RadioGroup/RadioGroup.module.css","webpack://@vkontakte/vkui/./src/components/Checkbox/CheckboxInput/CheckboxInput.module.css","webpack://@vkontakte/vkui/./src/components/Checkbox/CheckboxSimple/CheckboxSimple.module.css","webpack://@vkontakte/vkui/./src/components/Select/Select.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelect/CustomSelectInput/CustomSelectInput.module.css","webpack://@vkontakte/vkui/./src/components/CustomSelect/CustomSelect.module.css","webpack://@vkontakte/vkui/./src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css","webpack://@vkontakte/vkui/./src/components/SegmentedControl/SegmentedControl.module.css","webpack://@vkontakte/vkui/./src/components/CalendarDay/CalendarDay.module.css","webpack://@vkontakte/vkui/./src/components/CalendarDays/CalendarDays.module.css","webpack://@vkontakte/vkui/./src/components/CalendarHeader/CalendarHeader.module.css","webpack://@vkontakte/vkui/./src/components/CalendarTime/CalendarTime.module.css","webpack://@vkontakte/vkui/./src/components/Calendar/Calendar.module.css","webpack://@vkontakte/vkui/./src/components/CalendarRange/CalendarRange.module.css","webpack://@vkontakte/vkui/./src/components/InputLike/InputLike.module.css","webpack://@vkontakte/vkui/./src/components/DateInput/DateInput.module.css","webpack://@vkontakte/vkui/./src/components/DateRangeInput/DateRangeInput.module.css","webpack://@vkontakte/vkui/./src/components/Skeleton/Skeleton.module.css","webpack://@vkontakte/vkui/./src/components/Div/Div.module.css","webpack://@vkontakte/vkui/./src/components/Popover/Popover.module.css","webpack://@vkontakte/vkui/./src/components/ModalPageFooter/ModalPageFooter.module.css","webpack://@vkontakte/vkui/./src/styles/common.css"],"sourcesContent":["@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariables.css';\n@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css';\n@import '@vkontakte/vkui-tokens/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css';\n","/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:root {\n  /* sizes */\n  --vkui_internal--tabbar_height: 48px;\n  --vkui_internal--grid_avatar_image_offset: 2px;\n  --vkui_internal--slider_thumb_size: 28px;\n  --vkui_internal--side_cell_gap: calc(\n    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s)\n  );\n  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--regular);\n\n  /**\n   * [a11y][focus visible]\n   */\n  --vkui_internal--outline_width: 2px;\n  --vkui_internal--outline: var(--vkui_internal--outline_width, 2px) solid\n    var(--vkui--color_stroke_accent);\n  /**\n   * [a11y][windows high contrast mode]\n   *\n   * windows compatible outline reset\n   * @see https://benmyers.dev/blog/whcm-outlines/\n   */\n  --vkui_internal--outline-reset: var(--vkui_internal--outline_width) solid transparent;\n\n  /**\n   * \"Safe Zone\" добавляет невидимую интерактивную область, по которой пользователь будет вводить мышкой и тем самым\n   * компонент будет оставаться активным.\n   *\n   * > ⚠️ Используется для динамического изменения в JS файлах.\n   */\n  --vkui_internal--popover_safe_zone_padding: 8px;\n\n  /* colors */\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  --vkui_internal--white: #fff;\n\n  /* insets */\n  --vkui_internal--safe_area_inset_top: 0px;\n  --vkui_internal--safe_area_inset_right: 0px;\n  --vkui_internal--safe_area_inset_bottom: 0px;\n  --vkui_internal--safe_area_inset_left: 0px;\n\n  /* animations */\n  --vkui_internal--duration: 0.7s;\n  --vkui_internal--slide-easing: cubic-bezier(0.16, 1, 0.3, 1);\n  --vkui_internal--spring-easing: cubic-bezier(0.22, 1, 0.6, 1.03);\n\n  /* z_index */\n  --vkui_internal--z_index_cell_dragging: 100;\n  --vkui_internal--z_index_tabs: 2;\n  --vkui_internal--z_index_fixed_layout: 3;\n  --vkui_internal--z_index_panel_header_context: 4;\n  --vkui_internal--z_index_panel_header_fade: 5;\n  --vkui_internal--z_index_pull_to_refresh: 9;\n  --vkui_internal--z_index_panel_header: 10;\n  --vkui_internal--z_index_split_layout_panel_header: 11;\n\n  /* z_index Tappable isolate */\n  --vkui_internal--z_index_tappable_state: 0;\n  --vkui_internal--z_index_tappable_element: 1;\n\n  /* z_index Banner isolate */\n  --vkui_internal--z_index_banner_background: 0;\n  --vkui_internal--z_index_banner_content: 1;\n  --vkui_internal--z_index_banner_hover: 2;\n\n  /* z_index FormField isolate */\n  --vkui_internal--z_index_form_field_element: 1;\n  --vkui_internal--z_index_form_field_border: 2;\n  --vkui_internal--z_index_form_field_status: 3;\n  --vkui_internal--z_index_form_field_border_hover: 4;\n  --vkui_internal--z_index_form_field_focus: 5;\n  --vkui_internal--z_index_form_field_side: 6;\n\n  /* z_index ImageBase isolate */\n  --vkui_internal--z_index_image_base_overlay: 0;\n  --vkui_internal--z_index_image_base_border: 1;\n  --vkui_internal--z_index_image_base_badge: 2;\n\n  /* z_index HorizontalScroll isolate */\n  --vkui_internal--z_index_horizontal_scroll_arrow: 1;\n\n  /* Layout Gaps */\n  --vkui_internal--row_gap: 0px;\n  --vkui_internal--column_gap: 0px;\n\n  /* Spacing size */\n  --vkui_internal--spacing_size: 0px;\n\n  /** ModalOverlay props */\n  --vkui_internal--modal-overlay--opacity: 1;\n}\n\n@supports (padding-top: constant(safe-area-inset-top)) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :root {\n    --vkui_internal--safe_area_inset_top: constant(safe-area-inset-top);\n    --vkui_internal--safe_area_inset_right: constant(safe-area-inset-right);\n    --vkui_internal--safe_area_inset_bottom: constant(safe-area-inset-bottom);\n    --vkui_internal--safe_area_inset_left: constant(safe-area-inset-left);\n  }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :root {\n    --vkui_internal--safe_area_inset_top: env(safe-area-inset-top);\n    --vkui_internal--safe_area_inset_right: env(safe-area-inset-right);\n    --vkui_internal--safe_area_inset_bottom: env(safe-area-inset-bottom);\n    --vkui_internal--safe_area_inset_left: env(safe-area-inset-left);\n  }\n}\n","/*\nУтилитарные классы, реализующие адаптив через CSS путём показа/скрытия элемента.\n\nГлоссарий по модификаторам:\n\n- `forced` – означает, что мы зашили конкретное представление в `AdaptiveProvider` (ex, `<AdaptiveProvider sizeX=\"regular\">`).\n- `mq` – означает, что для смены представления используется CSS Media Query.\n\n---\n\nNote: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.\n\n*/\n\n@media (--sizeX-regular) {\n  .-sizeX--compact-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--sizeX-compact) {\n  .-sizeX--regular-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--sizeY-regular) {\n  .-sizeY--compact-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--sizeY-compact) {\n  .-sizeY--regular-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--viewWidth-tabletPlus) {\n  .-viewWidth--tabletMinus-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--viewWidth-tabletMinus) {\n  .-viewWidth--tabletPlus-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--desktop) {\n  .-deviceType--mobile-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--mobile) {\n  .-deviceType--desktop-mq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n","/* stylelint-disable selector-pseudo-class-disallowed-list */\n\n:root {\n  --vkui--size_border--regular: var(--vkui--size_border1x--regular);\n}\n\n@media (min-resolution: 2dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border2x--regular);\n  }\n}\n@media (min-resolution: 3dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border3x--regular);\n  }\n}\n","/**\n * Утилитарные классы на замену отдельному компоненту для имитации\n * :focus-visible состояния.\n */\n.-focus-visible {\n  --vkui_internal--outline_width: 2px;\n}\n\n/* stylelint-disable selector-max-universal */\n.-focus-visible:focus,\n.-focus-visible:focus-visible,\n.-focus-visible *:focus,\n.-focus-visible *:focus-visible {\n  outline: none;\n}\n/* stylelint-enable selector-max-universal */\n\n.-focus-visible.-focus-visible--mode-outside {\n  --vkui_internal--outline_offset_from: 0;\n  --vkui_internal--outline_offset_to: var(--vkui_internal--outline_width);\n}\n\n.-focus-visible.-focus-visible--mode-inside {\n  --vkui_internal--outline_offset_from: calc(-2 * var(--vkui_internal--outline_width));\n  --vkui_internal--outline_offset_to: calc(-1 * var(--vkui_internal--outline_width));\n}\n\n.-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,\n.-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {\n  outline: var(--vkui_internal--outline);\n  outline-offset: var(--vkui_internal--outline_offset_to);\n  animation: animation-outline-offset 0.1s ease-in-out 0.01s forwards;\n}\n\n@media (--reduce-motion) {\n  .-focus-visible.-focus-visible--focused.-focus-visible--mode-inside,\n  .-focus-visible.-focus-visible--focused.-focus-visible--mode-outside {\n    animation: none;\n  }\n}\n\n@keyframes animation-outline-offset {\n  0% {\n    outline-offset: var(--vkui_internal--outline_offset_from);\n  }\n\n  100% {\n    outline-offset: var(--vkui_internal--outline_offset_to);\n  }\n}\n",".-anim-fade-in {\n  animation: anim-fade-in 0.1s ease-in forwards;\n}\n\n.-anim-fade-out {\n  animation: anim-fade-out 0.1s ease-out forwards;\n}\n\n@keyframes anim-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes anim-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".-anim-transform-origin-top {\n  transform-origin: bottom center;\n}\n\n.-anim-transform-origin-top-start {\n  transform-origin: bottom left;\n}\n\n.-anim-transform-origin-top-end {\n  transform-origin: bottom right;\n}\n\n.-anim-transform-origin-right {\n  transform-origin: left center;\n}\n\n.-anim-transform-origin-right-start {\n  transform-origin: left top;\n}\n\n.-anim-transform-origin-right-end {\n  transform-origin: left bottom;\n}\n\n.-anim-transform-origin-bottom {\n  transform-origin: top center;\n}\n\n.-anim-transform-origin-bottom-start {\n  transform-origin: top left;\n}\n\n.-anim-transform-origin-bottom-end {\n  transform-origin: top right;\n}\n\n.-anim-transform-origin-left {\n  transform-origin: right center;\n}\n\n.-anim-transform-origin-left-start {\n  transform-origin: right top;\n}\n\n.-anim-transform-origin-left-end {\n  transform-origin: right bottom;\n}\n","/* Row Gap */\n\n.-row-gap--2xs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xs);\n}\n\n.-row-gap--xs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xs);\n}\n\n.-row-gap--s {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_s);\n}\n\n.-row-gap--m {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_m);\n}\n\n.-row-gap--l {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_l);\n}\n\n.-row-gap--xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xl);\n}\n\n.-row-gap--2xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xl);\n}\n\n.-row-gap--3xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_3xl);\n}\n\n.-row-gap--4xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_4xl);\n}\n\n/* Column Gap */\n\n.-column-gap--2xs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xs);\n}\n\n.-column-gap--xs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xs);\n}\n\n.-column-gap--s {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_s);\n}\n\n.-column-gap--m {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_m);\n}\n\n.-column-gap--l {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_l);\n}\n\n.-column-gap--xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xl);\n}\n\n.-column-gap--2xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xl);\n}\n\n.-column-gap--3xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_3xl);\n}\n\n.-column-gap--4xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_4xl);\n}\n",".defaultColor {\n  color-scheme: var(--vkui--colors_scheme);\n  color: var(--vkui--color_text_primary);\n}\n",".host[hidden='hidden'],\n.hidden {\n  /* stylelint-disable-next-line declaration-no-important */\n  display: none !important;\n}\n\n.host[hidden='until-found'] {\n  /* stylelint-disable-next-line declaration-no-important */\n  content-visibility: hidden !important;\n}\n",".transformForPositionFixedElements {\n  transform: translate3d(0, 0, 0);\n}\n",".host {\n  /* чтобы можно было ограничить размеры приложения\n   * извне с помощью max-height, max-width */\n  max-inline-size: inherit;\n  max-block-size: inherit;\n  inline-size: 100%;\n  block-size: 100%;\n  -webkit-tap-highlight-color: transparent;\n  text-size-adjust: 100%;\n  font-family: var(--vkui--font_family_base);\n  color: var(--vkui--color_text_primary);\n  color-scheme: var(--vkui--colors_scheme);\n}\n\n.sizeXRegular {\n  background: var(--vkui--color_background);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone {\n    background: var(--vkui--color_background);\n  }\n}\n\n.layoutCard {\n  background: var(--vkui--color_background);\n}\n\n.layoutPlain {\n  background: var(--vkui--color_background_content);\n}\n\n.sizeYCompact {\n  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);\n  }\n}\n\n.userSelectNone {\n  user-select: none;\n}\n\n/**\n * Хак для webkit-based браузеров, потому что на версиях iOS <= 14.* исчезает возможность\n * редактировать contenteditable элементы, если выше по дереву задан user-select: none;\n */\n.userSelectNone [contenteditable] {\n  user-select: text;\n}\n\n@media (--pointer-has-not) {\n  .pointerNone {\n    user-select: none;\n  }\n\n  .pointerNone [contenteditable] {\n    user-select: text;\n  }\n}\n\n.embedded {\n  /* Раньше в этом режиме на родителе (app__root--embeded)\n   * лежал стиль overflow-x: hidden\n   * см: https://github.com/VKCOM/VKUI/commit/67366838397305b79d4c1de6e0b5ca03e7fd7450\n   * см: https://github.com/VKCOM/VKUI/pull/1248/files\n   * Но сейчас, так как главные стили, в том числе и\n   * transform: translate3d(0, 0, 0) лежат на AppRoot,\n   * то в этом смысла не видно.\n   * По крайней мере примеров,\n   * где бы overflow ломался в embedded режиме,\n   * пока не было найдено */\n  overflow: auto;\n}\n",".normalize {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.inline {\n  display: inline-block;\n}\n\n/* Мы утяжеляем селектор, чтобы перебить другие селекторы */\n.weight1.weight1.weight1.weight1 {\n  font-weight: var(--vkui--font_weight_base1);\n}\n\n.accent.weight1.weight1.weight1 {\n  font-weight: var(--vkui--font_weight_accent1);\n}\n\n.weight2.weight2.weight2.weight2 {\n  font-weight: var(--vkui--font_weight_base2);\n}\n\n.accent.weight2.weight2.weight2 {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.weight3.weight3.weight3.weight3 {\n  font-weight: var(--vkui--font_weight_base3);\n}\n\n.accent.weight3.weight3.weight3 {\n  font-weight: var(--vkui--font_weight_accent3);\n}\n\n/* stylelint-disable-next-line selector-max-type */\n.host b {\n  font-weight: var(--vkui--font_weight_base1);\n}\n\n/* stylelint-disable-next-line selector-max-type */\n.accent.host b {\n  font-weight: var(--vkui--font_weight_accent1);\n}\n",".level1 {\n  font-size: var(--vkui--font_display_title1--font_size--regular);\n  line-height: var(--vkui--font_display_title1--line_height--regular);\n  font-weight: var(--vkui--font_display_title1--font_weight--regular);\n  font-family: var(--vkui--font_display_title1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_display_title1--font_size--compact,\n    var(--vkui--font_display_title1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title1--line_height--compact,\n    var(--vkui--font_display_title1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title1--font_weight--compact,\n    var(--vkui--font_display_title1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title1--font_family--compact,\n    var(--vkui--font_display_title1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_display_title1--font_size--compact,\n      var(--vkui--font_display_title1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title1--line_height--compact,\n      var(--vkui--font_display_title1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title1--font_weight--compact,\n      var(--vkui--font_display_title1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title1--font_family--compact,\n      var(--vkui--font_display_title1--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_display_title2--font_size--regular);\n  line-height: var(--vkui--font_display_title2--line_height--regular);\n  font-weight: var(--vkui--font_display_title2--font_weight--regular);\n  font-family: var(--vkui--font_display_title2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_display_title2--font_size--compact,\n    var(--vkui--font_display_title2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title2--line_height--compact,\n    var(--vkui--font_display_title2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title2--font_weight--compact,\n    var(--vkui--font_display_title2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title2--font_family--compact,\n    var(--vkui--font_display_title2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_display_title2--font_size--compact,\n      var(--vkui--font_display_title2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title2--line_height--compact,\n      var(--vkui--font_display_title2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title2--font_weight--compact,\n      var(--vkui--font_display_title2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title2--font_family--compact,\n      var(--vkui--font_display_title2--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_display_title3--font_size--regular);\n  line-height: var(--vkui--font_display_title3--line_height--regular);\n  font-weight: var(--vkui--font_display_title3--font_weight--regular);\n  font-family: var(--vkui--font_display_title3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_display_title3--font_size--compact,\n    var(--vkui--font_display_title3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title3--line_height--compact,\n    var(--vkui--font_display_title3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title3--font_weight--compact,\n    var(--vkui--font_display_title3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title3--font_family--compact,\n    var(--vkui--font_display_title3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_display_title3--font_size--compact,\n      var(--vkui--font_display_title3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title3--line_height--compact,\n      var(--vkui--font_display_title3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title3--font_weight--compact,\n      var(--vkui--font_display_title3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title3--font_family--compact,\n      var(--vkui--font_display_title3--font_family--regular)\n    );\n  }\n}\n\n.level4 {\n  font-size: var(--vkui--font_display_title4--font_size--regular);\n  line-height: var(--vkui--font_display_title4--line_height--regular);\n  font-weight: var(--vkui--font_display_title4--font_weight--regular);\n  font-family: var(--vkui--font_display_title4--font_family--regular);\n}\n\n.sizeYCompact.level4 {\n  font-size: var(\n    --vkui--font_display_title4--font_size--compact,\n    var(--vkui--font_display_title4--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_display_title4--line_height--compact,\n    var(--vkui--font_display_title4--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_display_title4--font_weight--compact,\n    var(--vkui--font_display_title4--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_display_title4--font_family--compact,\n    var(--vkui--font_display_title4--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level4 {\n    font-size: var(\n      --vkui--font_display_title4--font_size--compact,\n      var(--vkui--font_display_title4--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_display_title4--line_height--compact,\n      var(--vkui--font_display_title4--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_display_title4--font_weight--compact,\n      var(--vkui--font_display_title4--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_display_title4--font_family--compact,\n      var(--vkui--font_display_title4--font_family--regular)\n    );\n  }\n}\n",".level1 {\n  font-size: var(--vkui--font_title1--font_size--regular);\n  line-height: var(--vkui--font_title1--line_height--regular);\n  font-weight: var(--vkui--font_title1--font_weight--regular);\n  font-family: var(--vkui--font_title1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_title1--font_size--compact,\n    var(--vkui--font_title1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title1--line_height--compact,\n    var(--vkui--font_title1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title1--font_weight--compact,\n    var(--vkui--font_title1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title1--font_family--compact,\n    var(--vkui--font_title1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_title1--font_size--compact,\n      var(--vkui--font_title1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title1--line_height--compact,\n      var(--vkui--font_title1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title1--font_weight--compact,\n      var(--vkui--font_title1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title1--font_family--compact,\n      var(--vkui--font_title1--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_title2--font_size--regular);\n  line-height: var(--vkui--font_title2--line_height--regular);\n  font-weight: var(--vkui--font_title2--font_weight--regular);\n  font-family: var(--vkui--font_title2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_title2--font_size--compact,\n    var(--vkui--font_title2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title2--line_height--compact,\n    var(--vkui--font_title2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title2--font_weight--compact,\n    var(--vkui--font_title2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title2--font_family--compact,\n    var(--vkui--font_title2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_title2--font_size--compact,\n      var(--vkui--font_title2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title2--line_height--compact,\n      var(--vkui--font_title2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title2--font_weight--compact,\n      var(--vkui--font_title2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title2--font_family--compact,\n      var(--vkui--font_title2--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_title3--font_size--regular);\n  line-height: var(--vkui--font_title3--line_height--regular);\n  font-weight: var(--vkui--font_title3--font_weight--regular);\n  font-family: var(--vkui--font_title3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_title3--font_size--compact,\n    var(--vkui--font_title3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_title3--line_height--compact,\n    var(--vkui--font_title3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_title3--font_weight--compact,\n    var(--vkui--font_title3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_title3--font_family--compact,\n    var(--vkui--font_title3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_title3--font_size--compact,\n      var(--vkui--font_title3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_title3--line_height--compact,\n      var(--vkui--font_title3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_title3--font_weight--compact,\n      var(--vkui--font_title3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_title3--font_family--compact,\n      var(--vkui--font_title3--font_family--regular)\n    );\n  }\n}\n",".level1 {\n  font-size: var(--vkui--font_headline1--font_size--regular);\n  line-height: var(--vkui--font_headline1--line_height--regular);\n  font-weight: var(--vkui--font_headline1--font_weight--regular);\n  font-family: var(--vkui--font_headline1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_headline1--font_size--compact,\n    var(--vkui--font_headline1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_headline1--line_height--compact,\n    var(--vkui--font_headline1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline1--font_weight--compact,\n    var(--vkui--font_headline1--font_weight--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_headline1--font_size--compact,\n      var(--vkui--font_headline1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_headline1--line_height--compact,\n      var(--vkui--font_headline1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline1--font_weight--compact,\n      var(--vkui--font_headline1--font_weight--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_headline2--font_size--regular);\n  line-height: var(--vkui--font_headline2--line_height--regular);\n  font-weight: var(--vkui--font_headline2--font_weight--regular);\n  font-family: var(--vkui--font_headline2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_headline2--font_size--compact,\n    var(--vkui--font_headline2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_headline2--line_height--compact,\n    var(--vkui--font_headline2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline2--font_weight--compact,\n    var(--vkui--font_headline2--font_weight--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_headline2--font_size--compact,\n      var(--vkui--font_headline2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_headline2--line_height--compact,\n      var(--vkui--font_headline2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline2--font_weight--compact,\n      var(--vkui--font_headline2--font_weight--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_text--font_size--regular);\n  line-height: var(--vkui--font_text--line_height--regular);\n  font-weight: var(--vkui--font_text--font_weight--regular);\n  font-family: var(--vkui--font_text--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--regular));\n  line-height: var(\n    --vkui--font_text--line_height--compact,\n    var(--vkui--font_text--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_text--font_weight--compact,\n    var(--vkui--font_text--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_text--font_family--compact,\n    var(--vkui--font_text--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_text--font_size--compact,\n      var(--vkui--font_text--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_text--line_height--compact,\n      var(--vkui--font_text--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_text--font_weight--compact,\n      var(--vkui--font_text--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_text--font_family--compact,\n      var(--vkui--font_text--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_paragraph--font_size--compact,\n    var(--vkui--font_paragraph--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_paragraph--line_height--compact,\n    var(--vkui--font_paragraph--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_paragraph--font_weight--compact,\n    var(--vkui--font_paragraph--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_paragraph--font_family--compact,\n    var(--vkui--font_paragraph--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_paragraph--font_size--compact,\n      var(--vkui--font_paragraph--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_paragraph--line_height--compact,\n      var(--vkui--font_paragraph--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_paragraph--font_weight--compact,\n      var(--vkui--font_paragraph--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_paragraph--font_family--compact,\n      var(--vkui--font_paragraph--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n  font-weight: var(--vkui--font_subhead--font_weight--regular);\n  font-family: var(--vkui--font_subhead--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_subhead--font_size--compact,\n    var(--vkui--font_subhead--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_subhead--line_height--compact,\n    var(--vkui--font_subhead--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_subhead--font_weight--compact,\n    var(--vkui--font_subhead--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_subhead--font_family--compact,\n    var(--vkui--font_subhead--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_subhead--font_size--compact,\n      var(--vkui--font_subhead--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_subhead--line_height--compact,\n      var(--vkui--font_subhead--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_subhead--font_weight--compact,\n      var(--vkui--font_subhead--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_subhead--font_family--compact,\n      var(--vkui--font_subhead--font_family--regular)\n    );\n  }\n}\n",".host {\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  font-family: var(--vkui--font_footnote--font_family--regular);\n}\n\n.sizeYCompact {\n  font-size: var(\n    --vkui--font_footnote--font_size--compact,\n    var(--vkui--font_footnote--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_footnote--line_height--compact,\n    var(--vkui--font_footnote--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_footnote--font_weight--compact,\n    var(--vkui--font_footnote--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_footnote--font_family--compact,\n    var(--vkui--font_footnote--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    font-size: var(\n      --vkui--font_footnote--font_size--compact,\n      var(--vkui--font_footnote--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_footnote--line_height--compact,\n      var(--vkui--font_footnote--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_footnote--font_weight--compact,\n      var(--vkui--font_footnote--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_footnote--font_family--compact,\n      var(--vkui--font_footnote--font_family--regular)\n    );\n  }\n}\n\n.caps {\n  font-size: var(--vkui--font_footnote_caps--font_size--regular);\n  line-height: var(--vkui--font_footnote_caps--line_height--regular);\n  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);\n  font-family: var(--vkui--font_footnote_caps--font_family--regular);\n  text-transform: uppercase;\n}\n\n.sizeYCompact.caps {\n  font-size: var(\n    --vkui--font_footnote_caps--font_size--compact,\n    var(--vkui--font_footnote_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_footnote_caps--line_height--compact,\n    var(--vkui--font_footnote_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_footnote_caps--font_weight--compact,\n    var(--vkui--font_footnote_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_footnote_caps--font_family--compact,\n    var(--vkui--font_footnote_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.caps {\n    font-size: var(\n      --vkui--font_footnote_caps--font_size--compact,\n      var(--vkui--font_footnote_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_footnote_caps--line_height--compact,\n      var(--vkui--font_footnote_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_footnote_caps--font_weight--compact,\n      var(--vkui--font_footnote_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_footnote_caps--font_family--compact,\n      var(--vkui--font_footnote_caps--font_family--regular)\n    );\n  }\n}\n",".caps {\n  text-transform: uppercase;\n}\n\n.level1 {\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n  font-weight: var(--vkui--font_caption1--font_weight--regular);\n  font-family: var(--vkui--font_caption1--font_family--regular);\n}\n\n.sizeYCompact.level1 {\n  font-size: var(\n    --vkui--font_caption1--font_size--compact,\n    var(--vkui--font_caption1--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption1--line_height--compact,\n    var(--vkui--font_caption1--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption1--font_weight--compact,\n    var(--vkui--font_caption1--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption1--font_family--compact,\n    var(--vkui--font_caption1--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1 {\n    font-size: var(\n      --vkui--font_caption1--font_size--compact,\n      var(--vkui--font_caption1--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption1--line_height--compact,\n      var(--vkui--font_caption1--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption1--font_weight--compact,\n      var(--vkui--font_caption1--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption1--font_family--compact,\n      var(--vkui--font_caption1--font_family--regular)\n    );\n  }\n}\n\n.level1.caps {\n  font-size: var(--vkui--font_caption1_caps--font_size--regular);\n  line-height: var(--vkui--font_caption1_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption1_caps--font_family--regular);\n}\n\n.sizeYCompact.level1.caps {\n  font-size: var(\n    --vkui--font_caption1_caps--font_size--compact,\n    var(--vkui--font_caption1_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption1_caps--line_height--compact,\n    var(--vkui--font_caption1_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption1_caps--font_weight--compact,\n    var(--vkui--font_caption1_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption1_caps--font_family--compact,\n    var(--vkui--font_caption1_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level1.caps {\n    font-size: var(\n      --vkui--font_caption1_caps--font_size--compact,\n      var(--vkui--font_caption1_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption1_caps--line_height--compact,\n      var(--vkui--font_caption1_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption1_caps--font_weight--compact,\n      var(--vkui--font_caption1_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption1_caps--font_family--compact,\n      var(--vkui--font_caption1_caps--font_family--regular)\n    );\n  }\n}\n\n.level2 {\n  font-size: var(--vkui--font_caption2--font_size--regular);\n  line-height: var(--vkui--font_caption2--line_height--regular);\n  font-weight: var(--vkui--font_caption2--font_weight--regular);\n  font-family: var(--vkui--font_caption2--font_family--regular);\n}\n\n.sizeYCompact.level2 {\n  font-size: var(\n    --vkui--font_caption2--font_size--compact,\n    var(--vkui--font_caption2--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption2--line_height--compact,\n    var(--vkui--font_caption2--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption2--font_weight--compact,\n    var(--vkui--font_caption2--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption2--font_family--compact,\n    var(--vkui--font_caption2--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2 {\n    font-size: var(\n      --vkui--font_caption2--font_size--compact,\n      var(--vkui--font_caption2--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption2--line_height--compact,\n      var(--vkui--font_caption2--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption2--font_weight--compact,\n      var(--vkui--font_caption2--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption2--font_family--compact,\n      var(--vkui--font_caption2--font_family--regular)\n    );\n  }\n}\n\n.level2.caps {\n  font-size: var(--vkui--font_caption2_caps--font_size--regular);\n  line-height: var(--vkui--font_caption2_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption2_caps--font_family--regular);\n}\n\n.sizeYCompact.level2.caps {\n  font-size: var(\n    --vkui--font_caption2_caps--font_size--compact,\n    var(--vkui--font_caption2_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption2_caps--line_height--compact,\n    var(--vkui--font_caption2_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption2_caps--font_weight--compact,\n    var(--vkui--font_caption2_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption2_caps--font_family--compact,\n    var(--vkui--font_caption2_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level2.caps {\n    font-size: var(\n      --vkui--font_caption2_caps--font_size--compact,\n      var(--vkui--font_caption2_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption2_caps--line_height--compact,\n      var(--vkui--font_caption2_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption2_caps--font_weight--compact,\n      var(--vkui--font_caption2_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption2_caps--font_family--compact,\n      var(--vkui--font_caption2_caps--font_family--regular)\n    );\n  }\n}\n\n.level3 {\n  font-size: var(--vkui--font_caption3--font_size--regular);\n  line-height: var(--vkui--font_caption3--line_height--regular);\n  font-weight: var(--vkui--font_caption3--font_weight--regular);\n  font-family: var(--vkui--font_caption3--font_family--regular);\n}\n\n.sizeYCompact.level3 {\n  font-size: var(\n    --vkui--font_caption3--font_size--compact,\n    var(--vkui--font_caption3--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption3--line_height--compact,\n    var(--vkui--font_caption3--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption3--font_weight--compact,\n    var(--vkui--font_caption3--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption3--font_family--compact,\n    var(--vkui--font_caption3--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3 {\n    font-size: var(\n      --vkui--font_caption3--font_size--compact,\n      var(--vkui--font_caption3--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption3--line_height--compact,\n      var(--vkui--font_caption3--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption3--font_weight--compact,\n      var(--vkui--font_caption3--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption3--font_family--compact,\n      var(--vkui--font_caption3--font_family--regular)\n    );\n  }\n}\n\n.level3.caps {\n  font-size: var(--vkui--font_caption3_caps--font_size--regular);\n  line-height: var(--vkui--font_caption3_caps--line_height--regular);\n  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);\n  font-family: var(--vkui--font_caption3_caps--font_family--regular);\n}\n\n.sizeYCompact.level3.caps {\n  font-size: var(\n    --vkui--font_caption3_caps--font_size--compact,\n    var(--vkui--font_caption3_caps--font_size--regular)\n  );\n  line-height: var(\n    --vkui--font_caption3_caps--line_height--compact,\n    var(--vkui--font_caption3_caps--line_height--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption3_caps--font_weight--compact,\n    var(--vkui--font_caption3_caps--font_weight--regular)\n  );\n  font-family: var(\n    --vkui--font_caption3_caps--font_family--compact,\n    var(--vkui--font_caption3_caps--font_family--regular)\n  );\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.level3.caps {\n    font-size: var(\n      --vkui--font_caption3_caps--font_size--compact,\n      var(--vkui--font_caption3_caps--font_size--regular)\n    );\n    line-height: var(\n      --vkui--font_caption3_caps--line_height--compact,\n      var(--vkui--font_caption3_caps--line_height--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption3_caps--font_weight--compact,\n      var(--vkui--font_caption3_caps--font_weight--regular)\n    );\n    font-family: var(\n      --vkui--font_caption3_caps--font_family--compact,\n      var(--vkui--font_caption3_caps--font_family--regular)\n    );\n  }\n}\n",".host {\n  display: inline-flex;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n/* Хак для того, чтобы убрать системный тултип в Safari */\n.host.disableNativeTitle::after,\n.host.disableNativeTitle .content::after {\n  content: '';\n  display: block;\n}\n\n.content {\n  min-inline-size: 1em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 0 auto;\n  max-inline-size: inherit;\n}\n\n.contentMultiline {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -ms-box-orient: vertical;\n  -moz-box-orient: vertical;\n  white-space: normal;\n}\n",".host {\n  margin: 0;\n  border: 0;\n  box-shadow: none;\n  background: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  resize: none;\n}\n\n.noPadding {\n  padding: 0;\n}\n\n.host:focus {\n  outline: none;\n}\n\n/*\n * Отключаем нативные элементы для <input type=\"number\" />\n *\n * см. https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp\n */\n.host::-webkit-outer-spin-button,\n.host::-webkit-inner-spin-button {\n  appearance: none;\n}\n\n.host[type='number'] {\n  appearance: textfield;\n}\n",".realClickable {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n\n/* stylelint-disable selector-max-type */\nbutton.realClickable {\n  appearance: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-drag: none;\n}\n\na.realClickable {\n  appearance: none;\n  text-decoration: none;\n}\n/* stylelint-enable selector-max-type */\n\n.host:focus,\n.host:focus-visible {\n  outline: none;\n}\n\n.host[disabled],\n.host[aria-disabled='true'] {\n  cursor: not-allowed;\n}\n",".host {\n  isolation: isolate;\n  position: relative;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/*\nПросто поменять местами элементы внутри Tappable нельзя:\n\n- некоторые элементы завязаны на :last-child и :first-child\n- необходимо чтобы все элементы были позиционированные\n\nhttps://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index\nhttps://github.com/VKCOM/VKUI/pull/3641\n*/\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_tappable_element);\n}\n\n/**\n * overrides\n */\n.sizeXCompact {\n  border-radius: 0;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    border-radius: 0;\n  }\n}\n\n.host.borderRadiusInherit {\n  border-radius: inherit;\n}\n\n/**\n * hover & active state\n */\n.stateLayer {\n  z-index: var(--vkui_internal--z_index_tappable_state);\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: background-color 0.15s ease-out;\n}\n\n/**\n * Задерживаем отрисовку background-color\n */\n.hasPointerFalse .ripple {\n  transition: background-color 0.15s 0.15s ease-out;\n}\n\n@media (--pointer-has-not) {\n  .hasPointerNone .ripple {\n    transition: background-color 0.15s 0.15s ease-out;\n  }\n}\n\n.hoveredBackground > .stateLayer {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.activatedBackground > .stateLayer {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n.hoveredOpacity,\n.activatedOpacity {\n  transition: opacity 0.15s ease-out;\n}\n\n.hoveredOpacity {\n  opacity: 0.8;\n}\n\n.activatedOpacity {\n  opacity: 0.7;\n}\n\n.wave {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 24px;\n  block-size: 24px;\n  margin-block: -12px 0;\n  margin-inline: 0 -12px;\n  opacity: 0;\n  content: '';\n  border-radius: 50%;\n  background: var(--vkui--color_transparent--active);\n  animation: animation-wave 0.3s var(--vkui--animation_easing_platform);\n}\n\n/**\n * Animations\n */\n@keyframes animation-wave {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  30% {\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(8);\n    opacity: 0;\n  }\n}\n",".host {\n  position: fixed;\n  box-sizing: border-box;\n  /**\n   * ⚠️ WARNING ⚠️\n   * `left: auto` решает следующие задачи:\n   * 1. При фиксированной ширине компонента позиционирует компонент по центру.\n   * 2. При использовании `SplitLayout` позиционирует компонент с права от `<SplitCol fixed />`.\n   *\n   * Подробности можно почитать здесь https://github.com/VKCOM/VKUI/pull/2472\n   *\n   * Единственное, есть проблема при срабатывании insets в landscape ориентации экрана (https://github.com/VKCOM/VKUI/issues/2422).\n   */\n  inset-inline-start: auto;\n  z-index: var(--vkui_internal--z_index_fixed_layout);\n  padding-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n}\n\n.filled {\n  background: var(--vkui--color_background_content);\n}\n\n.verticalTop {\n  inline-size: 100%;\n  inset-block-start: 0;\n}\n\n.verticalBottom {\n  inline-size: 100%;\n  inset-block-end: 0;\n  padding-block-end: var(--vkui_internal--safe_area_inset_bottom);\n}\n\n/**\n * CMP:\n * Epic\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar) .verticalBottom {\n  padding-block-end: calc(\n    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable selector-max-universal, selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) ~ .verticalTop,\n:global(.vkuiInternalPanelHeader) ~ * .verticalTop:not(:global(.vkuiInternalPanelHeader__fixed)) {\n  inset-block-start: calc(\n    var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top)\n  );\n}\n/* stylelint-enable selector-max-universal, selector-pseudo-class-disallowed-list */\n",".host {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_image_base_badge);\n  inset-inline-end: 0;\n  inset-block-end: 0;\n  border-radius: 50%;\n\n  /* Смещаем на `padding-top` и `padding-left`, чтобы не учитывать `padding` при позиционировании. */\n  transform: translate(2px, 2px);\n  padding: 2px;\n}\n\n.backgroundStroke {\n  /* цвет фона для скрывания элементов */\n  background-color: var(--vkui_internal--background, var(--vkui--color_background_content));\n}\n\n.backgroundShadow::before {\n  content: '';\n  position: absolute;\n  inset: 2px;\n  margin: auto;\n  border-radius: inherit;\n  box-shadow: var(--vkui--elevation1);\n  pointer-events: none;\n}\n",".host {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_image_base_overlay);\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  box-shadow: inherit;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n}\n\n.visible {\n  opacity: 1;\n}\n\n@media (--hover-has) {\n  .host:hover {\n    opacity: 1;\n  }\n}\n\n.clickable {\n  cursor: pointer;\n}\n\n.themeLight {\n  color: var(--vkui--color_icon_accent);\n  background-color: var(--vkui--color_avatar_overlay_inverse_alpha);\n}\n\n.themeDark {\n  color: var(--vkui--color_icon_contrast);\n  background-color: var(--vkui--color_avatar_overlay);\n}\n",".host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_secondary));\n  background-color: var(--vkui--color_background_secondary);\n  background-size: cover;\n  isolation: isolate;\n}\n\n.loaded,\n.transparentBackground {\n  background-color: transparent;\n}\n\n.children,\n.border {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.children {\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  border-radius: inherit;\n}\n\n.border {\n  pointer-events: none;\n  z-index: var(--vkui_internal--z_index_image_base_border);\n  box-sizing: border-box;\n  transform-origin: left top;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n}\n\n.img {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  visibility: hidden;\n}\n\n.imgKeepRatio {\n  inline-size: auto;\n  block-size: auto;\n}\n\n.imgObjectFitContain {\n  object-fit: contain;\n}\n\n.imgObjectFitCover {\n  object-fit: cover;\n}\n\n.imgObjectFitNone {\n  object-fit: none;\n}\n\n.imgObjectFitScaleDown {\n  object-fit: scale-down;\n}\n\n.loaded .img {\n  visibility: visible;\n}\n\n.fallback {\n  position: absolute;\n\n  /* Расcчитываем на центрирование через родительский `display: flex` */\n  inset-block-start: auto;\n  inset-inline-start: auto;\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader__before) .host {\n  margin-inline-start: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader__after) .host {\n  margin-inline-end: 8px;\n}\n","/* stylelint-disable declaration-no-important */\n.host {\n  position: absolute !important;\n  block-size: 1px !important;\n  inline-size: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important; /* Fix for https://github.com/twbs/bootstrap/issues/25686 */\n  white-space: nowrap !important;\n  clip: rect(0, 0, 0, 0) !important;\n  clip-path: inset(50%);\n  overflow: hidden !important;\n  border: 0 !important;\n  opacity: 0;\n  user-select: none;\n}\n\n/* Чтобы фокус скринридера, попавший на скрытый инпут был виден.\n * Особенно актуально для Android TalkBack */\n.focusableInput {\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  block-size: 100% !important;\n  inline-size: 100% !important;\n  clip: auto !important;\n  clip-path: none !important;\n  pointer-events: none;\n}\n/* stylelint-enable declaration-no-important */\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_medium);\n}\n\n.noColor {\n  color: currentColor;\n}\n",".host {\n  position: relative;\n  display: inline-block;\n  box-sizing: border-box;\n  border: 0;\n  min-block-size: var(--vkui--size_button_small_height--compact);\n  margin: 0;\n  padding: 0;\n  border-radius: var(--vkui--size_border_radius--regular);\n  max-inline-size: 100%;\n  min-inline-size: var(--vkui--size_button_minimum_width--regular);\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out;\n}\n\n.rounded {\n  border-radius: var(--vkui--size_border_radius_rounded--regular);\n}\n\n.loading:not(.disabled) {\n  /* stylelint-disable-next-line declaration-no-important -- перебиваем disabled из Clickable */\n  cursor: progress !important;\n}\n\n.singleIcon {\n  inline-size: var(--vkui--size_button_small_height--compact);\n  min-inline-size: initial;\n}\n\n.sizeYRegular.singleIcon {\n  inline-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.singleIcon {\n    inline-size: var(--vkui--size_button_small_height--regular);\n  }\n}\n\n.stretched {\n  display: block;\n  inline-size: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  min-block-size: inherit;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.alignLeft .in {\n  justify-content: flex-start;\n  text-align: start;\n}\n\n.alignRight .in {\n  justify-content: flex-end;\n  text-align: end;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable);\n}\n\n.modePrimary.disabled:not(.appearanceOverlay):not(.appearanceNegative):not(.appearancePositive),\n.modeSecondary.disabled:not(.appearanceOverlay),\n.modeTertiary.disabled:not(.appearanceOverlay),\n.modeOutline.disabled:not(.appearanceOverlay) {\n  opacity: 0.64;\n}\n\n.content {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.sizeS .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal--regular);\n}\n\n.sizeS .content:last-child,\n.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal--regular);\n}\n\n.sizeM .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal--regular);\n}\n\n.sizeM .content:last-child,\n.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal--regular);\n}\n\n.sizeL .content:first-child {\n  padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal--regular);\n}\n\n.sizeL .content:last-child,\n.sizeL .after {\n  padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal--regular);\n}\n\n.sizeS .before {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n.sizeM .before {\n  padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);\n}\n\n.sizeL .before {\n  padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeS .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeS .content:last-child,\n.modeTertiary.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeM .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeM .content:last-child,\n.modeTertiary.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeL .content:first-child {\n  padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeL .content:last-child,\n.modeTertiary.sizeL .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);\n}\n\n.modeTertiary.sizeS .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeM .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeL .before {\n  padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);\n}\n\n.singleIcon .after,\n.singleIcon .before,\n.modeTertiary.singleIcon .after,\n.modeTertiary.singleIcon .before {\n  margin-inline: auto;\n  padding-inline: 0;\n}\n\n.modeLink {\n  background: none;\n  min-inline-size: initial;\n}\n\n.modeLink .after,\n.modeLink .before,\n.modeLink .content:first-child,\n.modeLink .content:last-child,\n.stretched .after:only-child,\n.stretched .before:only-child {\n  padding-inline: 0;\n}\n\n.spinner {\n  position: absolute;\n  inset: 0;\n}\n\n.spinner + .in {\n  visibility: hidden;\n}\n\n/* Button's backgrounds */\n/* Mode  = Primary */\n.modePrimary.appearanceAccent {\n  background-color: var(--vkui--color_background_accent_themed);\n}\n\n.modePrimary.appearanceAccent.hover {\n  background-color: var(--vkui--color_background_accent_themed--hover);\n}\n\n.modePrimary.appearanceAccent.active {\n  background-color: var(--vkui--color_background_accent_themed--active);\n}\n\n.modePrimary.appearancePositive {\n  background-color: var(--vkui--color_background_positive);\n}\n\n.modePrimary.appearancePositive.hover {\n  background-color: var(--vkui--color_background_positive--hover);\n}\n\n.modePrimary.appearancePositive.active {\n  background-color: var(--vkui--color_background_positive--active);\n}\n\n.modePrimary.appearanceNegative {\n  background-color: var(--vkui--color_background_negative);\n}\n\n.modePrimary.appearanceNegative.hover {\n  background-color: var(--vkui--color_background_negative--hover);\n}\n\n.modePrimary.appearanceNegative.active {\n  background-color: var(--vkui--color_background_negative--active);\n}\n\n.modePrimary.appearanceNeutral {\n  background-color: var(--vkui--color_background_content_inverse);\n}\n\n.modePrimary.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_content_inverse--hover);\n}\n\n.modePrimary.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_content_inverse--active);\n}\n\n.modePrimary.appearanceAccentInvariable {\n  background-color: var(--vkui--color_background_accent);\n}\n\n.modePrimary.appearanceAccentInvariable.hover {\n  background-color: var(--vkui--color_background_accent--hover);\n}\n\n.modePrimary.appearanceAccentInvariable.active {\n  background-color: var(--vkui--color_background_accent--active);\n}\n\n/* Mode = Secondary */\n.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.modeSecondary.hover {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.modeSecondary.active {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n/* Mode = Tertiary */\n.modeTertiary,\n.modeOutline {\n  background-color: var(--vkui--color_transparent);\n}\n\n.modeTertiary.hover,\n.modeOutline.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.modeTertiary.active,\n.modeOutline.active {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n/*\n  Buttons text colors\n*/\n.host.appearanceAccent {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.host.appearancePositive {\n  color: var(--vkui--color_text_positive);\n}\n\n.host.appearanceNegative {\n  color: var(--vkui--color_text_negative);\n}\n\n.host.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n}\n\n.host.modePrimary.appearanceNeutral {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.host.appearanceAccentInvariable {\n  color: var(--vkui--color_text_accent);\n}\n\n.modePrimary.appearanceAccent {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearanceNegative,\n.modePrimary.appearancePositive,\n.modePrimary.appearanceAccentInvariable {\n  color: var(--vkui--color_text_contrast);\n}\n\n.modeLink.hover {\n  opacity: 0.8;\n}\n\n.modeLink.active {\n  opacity: 0.7;\n}\n\n/*\n  Outline buttons borders\n*/\n.modeOutline.appearanceAccent,\n.modeOutline.appearanceAccent.hover,\n.modeOutline.appearanceAccent.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);\n}\n\n.modeOutline.appearancePositive {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive);\n}\n\n.modeOutline.appearancePositive.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover);\n}\n\n.modeOutline.appearancePositive.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active);\n}\n\n.modeOutline.appearanceNegative {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative);\n}\n\n.modeOutline.appearanceNegative.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover);\n}\n\n.modeOutline.appearanceNegative.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active);\n}\n\n.modeOutline.appearanceNeutral {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);\n}\n\n.modeOutline.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_secondary--hover);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_secondary--active);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceAccentInvariable {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent);\n}\n\n/*\n  Overlay colors section, separately\n  Background colors\n*/\n.modePrimary.appearanceOverlay {\n  background-color: var(--vkui--color_background_contrast);\n}\n\n.modePrimary.appearanceOverlay.hover {\n  background-color: var(--vkui--color_background_contrast--hover);\n}\n\n.modePrimary.appearanceOverlay.active {\n  background-color: var(--vkui--color_background_contrast--active);\n}\n\n.modeSecondary.appearanceOverlay {\n  background-color: var(--vkui--color_overlay_primary);\n}\n\n.modeSecondary.appearanceOverlay.hover {\n  background-color: var(--vkui--color_overlay_primary--hover);\n}\n\n.modeSecondary.appearanceOverlay.active {\n  background-color: var(--vkui--color_overlay_primary--active);\n}\n\n.modeTertiary.appearanceOverlay.hover,\n.modeOutline.appearanceOverlay.hover {\n  background-color: var(--vkui--color_background_contrast_secondary_alpha--hover);\n}\n\n.modeTertiary.appearanceOverlay.active,\n.modeOutline.appearanceOverlay.active {\n  background-color: var(--vkui--color_background_contrast_secondary_alpha--active);\n}\n\n/* Text colors */\n.modePrimary.appearanceOverlay {\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.modePrimary.appearanceOverlay.hover {\n  color: var(--vkui--color_text_primary_invariably--hover);\n}\n\n.modePrimary.appearanceOverlay.active {\n  color: var(--vkui--color_text_primary_invariably--active);\n}\n\n.modeSecondary.appearanceOverlay,\n.modeTertiary.appearanceOverlay,\n.modeOutline.appearanceOverlay,\n.modeLink.appearanceOverlay {\n  color: var(--vkui--color_text_contrast);\n}\n\n/* Borders */\n.modeOutline.appearanceOverlay {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast);\n}\n\n.modeOutline.appearanceOverlay.hover {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover);\n}\n\n.modeOutline.appearanceOverlay.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active);\n}\n\n.before:not(:last-child) + .content {\n  margin-inline-start: 6px;\n}\n\n.after:not(:first-child) {\n  margin-inline-start: 6px;\n}\n\n.sizeL .before:not(:last-child) + .content {\n  margin-inline-start: 8px;\n}\n\n.sizeL .after:not(:first-child) {\n  margin-inline-start: 8px;\n}\n\n/* Fonts sizes  */\n.sizeS .content {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--compact);\n  line-height: var(--vkui--font_subhead--line_height--compact);\n}\n\n.sizeYRegular.sizeS .content {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeS .content {\n    font-family: var(--vkui--font_subhead--font_family--regular);\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n.sizeM .content {\n  font-family: var(--vkui--font_headline2--font_family--regular);\n  font-size: var(--vkui--font_headline2--font_size--compact);\n  line-height: var(--vkui--font_headline2--line_height--compact);\n}\n\n.sizeYRegular.sizeM .content {\n  font-family: var(--vkui--font_headline2--font_family--regular);\n  font-size: var(--vkui--font_headline2--font_size--regular);\n  line-height: var(--vkui--font_headline2--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM .content {\n    font-family: var(--vkui--font_headline2--font_family--regular);\n    font-size: var(--vkui--font_headline2--font_size--regular);\n    line-height: var(--vkui--font_headline2--line_height--regular);\n  }\n}\n\n.sizeL .content {\n  font-family: var(--vkui--font_headline1--font_family--regular);\n  font-size: var(--vkui--font_headline1--font_size--compact);\n  line-height: var(--vkui--font_headline1--line_height--compact);\n}\n\n.sizeYRegular.sizeL .content {\n  font-family: var(--vkui--font_headline1--font_family--regular);\n  font-size: var(--vkui--font_headline1--font_size--regular);\n  line-height: var(--vkui--font_headline1--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL .content {\n    font-family: var(--vkui--font_headline1--font_family--regular);\n    font-size: var(--vkui--font_headline1--font_size--regular);\n    line-height: var(--vkui--font_headline1--line_height--regular);\n  }\n}\n\n.sizeYRegular.sizeL.ios .content {\n  font-family: var(--vkui--font_title3--font_family--regular);\n  font-size: var(--vkui--font_title3--font_size--regular);\n  line-height: var(--vkui--font_title3--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL.ios .content {\n    font-family: var(--vkui--font_title3--font_family--regular);\n    font-size: var(--vkui--font_title3--font_size--regular);\n    line-height: var(--vkui--font_title3--line_height--regular);\n  }\n}\n\n/* Sizes */\n.sizeM {\n  min-block-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYRegular.sizeM {\n  min-block-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM {\n    min-block-size: var(--vkui--size_button_medium_height--regular);\n  }\n}\n\n.sizeM.singleIcon {\n  inline-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYRegular.sizeM.singleIcon {\n  inline-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeM.singleIcon {\n    inline-size: var(--vkui--size_button_medium_height--regular);\n  }\n}\n\n.sizeL {\n  min-block-size: var(--vkui--size_button_large_height--compact);\n}\n\n.sizeYRegular.sizeL {\n  min-block-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL {\n    min-block-size: var(--vkui--size_button_large_height--regular);\n  }\n}\n\n.sizeL.singleIcon {\n  inline-size: var(--vkui--size_button_large_height--compact);\n}\n\n.sizeYRegular.sizeL.singleIcon {\n  inline-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone.sizeL.singleIcon {\n    inline-size: var(--vkui--size_button_large_height--regular);\n  }\n}\n\n.sizeYRegular {\n  min-block-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_button_small_height--regular);\n  }\n}\n\n/**\n * Impact:\n * Counter\n */\n.modePrimary.appearanceAccent {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed);\n}\n\n.modeSecondary.appearanceAccent,\n.modeTertiary.appearanceAccent,\n.modeOutline.appearanceAccent {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearancePositive {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_positive);\n}\n\n.modeSecondary.appearancePositive,\n.modeTertiary.appearancePositive,\n.modeOutline.appearancePositive {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceNegative {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_negative);\n}\n\n.modeSecondary.appearanceNegative,\n.modeTertiary.appearanceNegative,\n.modeOutline.appearanceNegative {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_negative);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_text_contrast_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_background_content_inverse);\n}\n\n.modeSecondary.appearanceNeutral,\n.modeTertiary.appearanceNeutral,\n.modeOutline.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceOverlay {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_icon_primary_invariably);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);\n}\n\n.modeSecondary.appearanceOverlay,\n.modeTertiary.appearanceOverlay,\n.modeOutline.appearanceOverlay {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary_invariably);\n}\n",".host {\n  appearance: none;\n  background: none;\n  border: 0;\n  box-shadow: none;\n  display: block;\n  color: currentColor;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  block-size: 48px;\n  inline-size: fit-content;\n\n  /**\n   * Чтобы закргуление было равно половине высоты.\n   * см. https://stackoverflow.com/questions/27233295/possible-to-make-border-radius-equal-to-half-the-total-height-without-javascript\n   */\n  border-radius: 9999px;\n}\n\n.sizeYCompact {\n  block-size: 44px;\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.ios {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--16) {\n  padding: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--16.vkuiIcon--w-8) {\n  padding-block: 16px;\n  padding-inline: 14px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--16),\n.sizeYCompact :global(.vkuiIcon--16.vkuiIcon--w-8) {\n  padding: 14px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) {\n  padding: 12px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--24) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--28) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact :global(.vkuiIcon--28) {\n  padding: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    block-size: 44px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--16),\n  .sizeYNone :global(.vkuiIcon--16.vkuiIcon--w-8) {\n    padding: 14px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--24) {\n    padding: 10px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone :global(.vkuiIcon--28) {\n    padding: 8px;\n  }\n}\n\n/**\n * CMP:\n * - FormItem\n * - FormLayoutGroup\n * - FormField\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .host,\n:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content) > .host,\n:global(.vkuiInternalFormField__after) .host {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  inline-size: var(--vkui--size_field_height--regular);\n  block-size: var(--vkui--size_field_height--regular);\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after)\n  .host\n  :global(.vkuiIcon):global(.vkuiIcon):global(.vkuiIcon) {\n  padding: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after) .sizeYCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .sizeYCompact,\n:global(.vkuiInternalFormLayoutGroup--removable)\n  :global(.vkuiInternalRemovable__content)\n  > .sizeYCompact {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormField__after) .sizeYNone {\n    inline-size: var(--vkui--size_field_height--compact);\n    block-size: var(--vkui--size_field_height--compact);\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .sizeYNone,\n  :global(.vkuiInternalFormLayoutGroup--removable)\n    :global(.vkuiInternalRemovable__content)\n    > .sizeYNone {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n/**\n * CMP:\n * SimpleCell\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) .host:last-child {\n  margin-inline-end: -12px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) .ios:last-child {\n  margin-inline-end: -9px;\n}\n\n/**\n * CMP:\n * Alert\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalAlert__dismiss).host {\n  block-size: 36px;\n  padding: 8px;\n}\n",".host {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n  text-decoration: none;\n  border: 0;\n  margin: 0;\n  padding: var(--vkui--spacing_size_m);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n  inline-size: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  align-items: center;\n  font-family: var(--vkui--font_caption1--font_family--regular);\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n}\n\n.withFakeEndIcon {\n  padding-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.rounded {\n  border-radius: var(--vkui--size_border_radius_rounded--regular);\n}\n\n.sizeYRegular {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    font-family: var(--vkui--font_subhead--font_family--regular);\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable);\n}\n\n/* ToolButton's directions */\n.directionRow {\n  flex-direction: row;\n  justify-content: flex-start;\n}\n\n.directionColumn {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.directionRow .text {\n  margin-inline-start: 4px;\n}\n\n.directionColumn .text {\n  margin-block-start: 4px;\n}\n\n/* ToolButton's backgrounds */\n/* Mode  = Primary */\n.modePrimary.appearanceAccent {\n  background-color: var(--vkui--color_background_accent_themed);\n}\n\n.modePrimary.appearanceAccent.hover {\n  background-color: var(--vkui--color_background_accent_themed--hover);\n}\n\n.modePrimary.appearanceAccent.active {\n  background-color: var(--vkui--color_background_accent_themed--active);\n}\n\n.modePrimary.appearanceNeutral {\n  background-color: var(--vkui--color_background_modal_inverse);\n}\n\n.modePrimary.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_modal_inverse--hover);\n}\n\n.modePrimary.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_modal_inverse--active);\n}\n\n/* Mode = Secondary */\n.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.modeSecondary.hover {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.modeSecondary.active {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n/* Mode = Tertiary */\n.modeTertiary,\n.modeOutline {\n  background-color: var(--vkui--color_transparent);\n}\n\n.modeTertiary.hover,\n.modeOutline.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.modeTertiary.active,\n.modeOutline.active {\n  background-color: var(--vkui--color_transparent--active);\n}\n\n/*\n  ToolButtons text colors\n*/\n.host.appearanceAccent {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.host.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n}\n\n.modePrimary.appearanceAccent,\n.modePrimary.appearanceNeutral {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n/*\n  Outline buttons borders\n*/\n.modeOutline.appearanceAccent,\n.modeOutline.appearanceAccent.hover,\n.modeOutline.appearanceAccent.active {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);\n}\n\n.modeOutline.appearanceNeutral {\n  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);\n}\n\n.modeOutline.appearanceNeutral.hover {\n  background-color: var(--vkui--color_background_secondary--hover);\n  box-shadow: unset;\n}\n\n.modeOutline.appearanceNeutral.active {\n  background-color: var(--vkui--color_background_secondary--active);\n  box-shadow: unset;\n}\n",".host {\n  --vkui_internal--root_animation_opacity_initial: 0;\n  --vkui_internal--root_animation_transform_initial: scale(1.05);\n  --vkui_internal--root_animation_duration: 0.3s;\n\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.ios {\n  --vkui_internal--root_animation_opacity_initial: 1;\n  --vkui_internal--root_animation_transform_initial: translate3d(0, 100%, 0);\n  --vkui_internal--root_animation_duration: 0.6s;\n}\n\n.transition {\n  pointer-events: none;\n}\n\n.view {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.viewShowForward {\n  /* prettier-ignore */\n  animation: root-animation-show-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);\n}\n\n.viewHideBack {\n  /* prettier-ignore */\n  animation: root-animation-hide-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;\n}\n\n.transition .view {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  overflow: hidden;\n}\n\n.scrollCompensation {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/**\n * iOS\n */\n\n.ios .viewShowBack::after,\n.ios .viewHideForward::after {\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  display: block;\n  content: '';\n  background-color: #000;\n}\n\n.ios .viewShowBack::after {\n  /* prettier-ignore */\n  animation: root-ios-overlay-animation-show-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;\n}\n\n.ios .viewHideForward::after {\n  /* prettier-ignore */\n  animation: root-ios-overlay-animation-hide-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--root_animation_transform_initial: 1;\n  }\n\n  .ios {\n    --vkui_internal--root_animation_opacity_initial: 0;\n    --vkui_internal--root_animation_transform_initial: 1;\n  }\n}\n\n@keyframes root-animation-hide-back {\n  from {\n    transform: none;\n    opacity: 1;\n  }\n\n  to {\n    transform: var(--vkui_internal--root_animation_transform_initial);\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n  }\n}\n@keyframes root-animation-show-forward {\n  from {\n    transform: var(--vkui_internal--root_animation_transform_initial);\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n  }\n\n  to {\n    transform: none;\n    opacity: 1;\n  }\n}\n@keyframes root-ios-overlay-animation-show-back {\n  from {\n    opacity: 0.3;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n@keyframes root-ios-overlay-animation-hide-forward {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.3;\n  }\n}\n",".host {\n  --vkui_internal--view_animation_translateY_initial: 80px;\n\n  position: relative;\n  block-size: 100%;\n  inline-size: 100%;\n  word-wrap: break-word;\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--view_animation_translateY_initial: 0;\n  }\n}\n\n.animated,\n.swipingBack {\n  overflow: hidden;\n}\n\n.panelOverlay {\n  display: none;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  background-color: #000;\n  pointer-events: none;\n  z-index: var(--vkui_internal--z_index_panel_header_fade);\n}\n\n.panelPrev .panelOverlay {\n  display: block;\n  animation: animation-ios-overlay-fade-in 0.6s var(--vkui--animation_easing_platform);\n}\n\n.panelNext .panelOverlay {\n  display: block;\n  animation: animation-ios-overlay-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;\n}\n\n.panelActive .panelOverlay,\n.panelPrev ~ .panelNext .panelOverlay,\n.panelNext ~ .panelPrev .panelOverlay {\n  display: none;\n}\n\n.panelSwipeBackNext .panelOverlay {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.panelSwipeBackNext.panelSwipeBackSuccess .panelOverlay,\n.panelSwipeBackNext.panelSwipeBackFailed .panelOverlay {\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n}\n\n@media (--reduce-motion) {\n  .panelPrev .panelOverlay,\n  .panelNext .panelOverlay {\n    display: none;\n    animation: none;\n  }\n}\n\n.panels {\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.panelIn {\n  block-size: 100%;\n}\n\n.panel {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  isolation: isolate;\n}\n\n.animated .panel,\n.animated .header,\n.swipingBack .panel,\n.swipingBack .header {\n  pointer-events: none;\n}\n\n.animated .panel,\n.swipingBack .panel {\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  overflow: hidden;\n}\n\n/**\n * Panel swipe back\n */\n\n.ios .panelSwipeBackPrev.panelSwipeBackSuccess,\n.ios .panelSwipeBackPrev.panelSwipeBackFailed,\n.ios .panelSwipeBackNext.panelSwipeBackSuccess,\n.ios .panelSwipeBackNext.panelSwipeBackFailed {\n  transition: transform 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelSwipeBackPrev.panelSwipeBackFailed,\n.ios .panelSwipeBackNext.panelSwipeBackSuccess {\n  transform: translate3d(0, 0, 0);\n}\n\n.ios .panelSwipeBackPrev.panelSwipeBackSuccess {\n  transform: translate3d(100%, 0, 0);\n}\n\n.ios .panelSwipeBackNext.panelSwipeBackFailed {\n  transform: translate3d(-50%, 0, 0);\n}\n\n/**\n * Panel transition\n */\n\n.panelNext ~ .panelPrev {\n  animation: animation-view-prev-back 0.3s var(--vkui--animation_easing_platform) forwards;\n}\n\n.panelPrev ~ .panelNext {\n  animation: animation-view-next-forward 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev {\n  animation: animation-ios-prev-forward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext {\n  animation: animation-ios-next-back 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev ~ .panelNext {\n  animation: animation-ios-next-forward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext ~ .panelPrev {\n  animation: animation-ios-prev-back 0.6s var(--vkui--animation_easing_platform) forwards;\n}\n\n@media (--reduce-motion) {\n  .ios .panelPrev,\n  .ios .panelNext {\n    animation: none;\n  }\n\n  .ios .panelNext ~ .panelPrev {\n    animation-name: animation-view-prev-back;\n    animation-duration: 0.3s;\n    animation-fill-mode: forwards;\n  }\n\n  .ios .panelPrev ~ .panelNext {\n    animation-name: animation-view-next-forward;\n    animation-duration: 0.3s;\n    animation-fill-mode: none;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.noMotion .panel,\n.ios.noMotion .panel,\n.ios.noMotion .panel :global(.vkuiInternalPanel__in) {\n  animation: none;\n}\n\n@keyframes animation-view-prev-back {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));\n  }\n}\n@keyframes animation-view-next-forward {\n  from {\n    opacity: 0;\n    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes animation-ios-next-forward {\n  from {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-ios-next-back {\n  from {\n    transform: translate3d(-50%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-ios-prev-forward {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n@keyframes animation-ios-prev-back {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(100%, 0, 0);\n  }\n}\n@keyframes animation-ios-overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.3;\n  }\n}\n@keyframes animation-ios-overlay-fade-out {\n  from {\n    opacity: 0.3;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.in {\n  position: relative;\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-block-size: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.centered {\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n/* stylelint-disable selector-max-universal */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.centered :global(.vkuiInternalPanelHeader--static) + * {\n  margin-block-start: var(--vkui_internal--panel_header_height);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXCompact .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 5px);\n}\n\n@media (--sizeX-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeXNone .centered :global(.vkuiInternalPanelHeader--sep) + * {\n    margin-block-start: calc(var(--vkui_internal--panel_header_height) + 5px);\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXRegular .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 16px);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeXNone .centered :global(.vkuiInternalPanelHeader--sep) + * {\n    margin-block-start: calc(var(--vkui_internal--panel_header_height) + 16px);\n  }\n}\n\n/* stylelint-enable selector-max-universal */\n\n/**\n * CMP:\n * View\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalView--ios) .in {\n  padding-block: 0 var(--vkui_internal--safe_area_inset_bottom);\n  padding-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n}\n\n/**\n * CMP:\n * Epic\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar) .in {\n  padding-block-end: var(--vkui_internal--tabbar_height);\n  padding-block-end: calc(\n    var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height)\n  );\n}\n\n.inBefore {\n  block-size: 1px;\n  margin-block-end: -1px;\n}\n\n.inAfter {\n  block-size: 1px;\n  margin-block-start: -1px;\n}\n\n.modeNone .in,\n.modePlain .in {\n  background: var(--vkui--color_background_content);\n}\n\n.modeCard .in {\n  background: var(--vkui--color_background);\n}\n\n@media (--sizeX-regular) {\n  .modeNone .in {\n    background: var(--vkui--color_background);\n  }\n}\n\n.disableBackground .in {\n  background: transparent;\n}\n",".host {\n  appearance: none;\n  background: none;\n  border: 0;\n  box-shadow: none;\n  display: block;\n  color: currentColor;\n  padding: 0;\n  margin: 0;\n  position: relative;\n}\n\n.host[disabled] {\n  opacity: 0.6;\n}\n\n.primitive {\n  block-size: 48px;\n  line-height: 48px;\n  padding-block: 0;\n  padding-inline: 10px;\n}\n\n/*\n * iOS\n */\n\n.ios {\n  position: relative;\n  display: flex;\n  align-items: center;\n  font-size: 17px;\n}\n\n.ios.primitive {\n  block-size: 44px;\n  line-height: 44px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios :global(.vkuiIcon--24) {\n  padding: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios :global(.vkuiIcon--28) {\n  padding: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.backIos :global(.vkuiIcon--w-20) {\n  padding-inline-start: 4px;\n}\n\n/*\n * Android\n */\n\n.android.notPrimitive {\n  border-radius: 50%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.android :global(.vkuiIcon--24),\n.android :global(.vkuiIcon--28) {\n  padding: 10px;\n}\n\n/**\n* VKCOM\n*/\n.vkcom {\n  color: var(--vkui--color_text_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.backVkcom :global(.vkuiIcon) {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom > :not(:global(.vkuiInternalBadge)):not(:global(.vkuiInternalCounter)) {\n  transition: opacity 0.3s;\n  opacity: 0.7;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.hover > :not(:global(.vkuiInternalCounter)):not(:global(.vkuiInternalBadge)),\n.vkcom.active > :not(:global(.vkuiInternalCounter)):not(:global(.vkuiInternalBadge)) {\n  opacity: 1;\n}\n\n.vkcom {\n  display: flex;\n  align-items: center;\n  padding: 10px;\n}\n\n.vkcom.notPrimitive {\n  border-radius: 50%;\n}\n\n.backVkcom.backHasLabel {\n  padding-inline-end: 11px;\n}\n\n@media (--sizeX-regular) {\n  .backIos.backHasLabel:not(.backSizeXCompact) {\n    padding-inline-end: 8px;\n  }\n}\n\n.backSizeXCompact.backIos .label {\n  display: none;\n}\n\n@media (--sizeX-compact) {\n  .backSizeXNone.backIos .label {\n    display: none;\n  }\n}\n\n/*\n * CMP:\n * Counter\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiInternalCounter) {\n  position: absolute;\n  padding: 0;\n  inset-block-start: 4px;\n  inset-inline-end: 4px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) ~ :global(.vkuiInternalCounter),\n.ios :global(.vkuiInternalCounter) {\n  inset-block-start: 2px;\n  inset-inline-end: 2px;\n}\n\n/*\n * CMP:\n * Badge\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiInternalBadge) {\n  position: absolute;\n  inset-block-start: 8px;\n  inset-inline-end: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) ~ :global(.vkuiInternalBadge),\n.ios :global(.vkuiInternalBadge) {\n  inset-block-start: 6px;\n  inset-inline-end: 6px;\n}\n",".-spacing--2xs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xs);\n}\n\n.-spacing--xs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xs);\n}\n\n.-spacing--s {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_s);\n}\n\n.-spacing--m {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_m);\n}\n\n.-spacing--l {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_l);\n}\n\n.-spacing--xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xl);\n}\n\n.-spacing--2xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xl);\n}\n\n.-spacing--3xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_3xl);\n}\n\n.-spacing--4xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_4xl);\n}\n",".appearancePrimary {\n  color: var(--vkui--color_separator_primary);\n}\n\n.appearanceSecondary {\n  color: var(--vkui--color_separator_secondary);\n}\n\n.appearancePrimaryAlpha {\n  color: var(--vkui--color_separator_primary_alpha);\n}\n\n.alignStart {\n  --vkui_internal--separator_align: start;\n}\n\n.alignEnd {\n  --vkui_internal--separator_align: end;\n}\n\n.directionVertical {\n  display: inline-flex;\n  align-self: stretch;\n}\n\n.sized.directionHorizontal {\n  display: flex;\n  block-size: var(--vkui_internal--spacing_size);\n  align-items: var(--vkui_internal--separator_align, center);\n}\n\n.sized.directionVertical {\n  inline-size: var(--vkui_internal--spacing_size);\n  justify-content: var(--vkui_internal--separator_align, center);\n}\n\n.in {\n  margin: 0;\n  background: currentColor;\n  color: inherit;\n  border: 0;\n}\n\n.directionHorizontal .in {\n  block-size: var(--vkui--size_border--regular);\n}\n\n.directionVertical .in {\n  inline-size: var(--vkui--size_border--regular);\n}\n\n.sized.directionHorizontal .in {\n  flex: 1 0 auto;\n}\n\n.directionHorizontal.padded .in {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.directionVertical.padded .in {\n  margin-block: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/*\n * CMP:\n * ModalPage\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalModalPage--sizeX-regular) .padded {\n  padding-inline: 8px;\n}\n\n/* FIXME: Мертвый код */\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalModalPage--sizeX-none) .padded {\n    padding-inline: 8px;\n  }\n}\n",".host {\n  position: relative;\n  padding-block: calc(var(--vkui_internal--spacing_size) / 2);\n  box-sizing: border-box;\n}\n",".host {\n  position: relative;\n}\n\n.static.hasFixed::before {\n  display: block;\n  content: '';\n}\n\n.host:not(.static):not(.hasFixed) {\n  block-size: 0;\n  /* см. https://github.com/VKCOM/VKUI/issues/5571 */\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n.fixed {\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n.in {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n  position: relative;\n  background: var(--vkui--color_background_content);\n}\n\n.trnsp .in {\n  background: transparent;\n}\n\n.sizeXRegular.shadow .in {\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.shadow .in {\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);\n  }\n}\n\n.before {\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n  display: flex;\n  flex-shrink: 0;\n}\n\n.content {\n  overflow: hidden;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.content > * {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.contentIn {\n  color: var(--vkui--color_text_primary);\n  font-weight: 500;\n  font-family: var(--vkui--font_family_accent);\n}\n\n.host::before,\n.in {\n  block-size: var(--vkui_internal--panel_header_height);\n  padding-block-start: var(--vkui_internal--safe_area_inset_top);\n}\n\n.after {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.after > *:not(:last-child) {\n  margin-inline-end: 4px;\n}\n\n/**\n * iOS\n */\n.ios .before {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n  padding-block: 4px;\n  padding-inline: 4px 0;\n}\n\n.ios .before .host + .primitive {\n  margin-inline-start: -6px;\n  padding-inline-start: 0;\n}\n\n.ios .content {\n  text-align: center;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .contentIn {\n  font-size: 21px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.ios .content > * {\n  padding-block: 0;\n  padding-inline: 4px;\n}\n\n.ios.noBefore .content {\n  padding-inline-start: 8px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.ios.noAfter .content > * {\n  padding-inline-end: 0;\n}\n\n.ios.noAfter .content {\n  padding-inline-end: 8px;\n}\n\n.ios .after {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\n  padding-block: 4px;\n  padding-inline: 0 4px;\n}\n\n/**\n * Android\n */\n.android .before:not(:empty) {\n  padding-block: 4px;\n  padding-inline: 4px 0;\n  margin-inline-end: -8px;\n}\n\n.android .content {\n  align-items: center;\n  flex-grow: 1;\n  max-inline-size: 100%;\n}\n\n.android .contentIn {\n  font-size: 23px;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.android .content > * {\n  padding-block: 0;\n  padding-inline: 12px;\n}\n\n/**\n * Common\n */\n.sizeYCompact:not(.vkcom) .contentIn {\n  font-size: 20px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone:not(.vkcom) .contentIn {\n    font-size: 20px;\n  }\n}\n\n/**\n * CMP:\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .android.noBefore:not(:global(.vkuiInternalModalPageHeader__in))\n  .content {\n  padding-inline-start: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .android.noBefore:not(:global(.vkuiInternalModalPageHeader__in))\n    .content {\n    padding-inline-start: 0;\n  }\n}\n\n/* stylelint-disable selector-max-universal */\n.android.noAfter .content > *,\n.vkcom.noAfter .content > * {\n  padding-inline-end: 0;\n}\n/* stylelint-enable selector-max-universal */\n\n.android.noAfter .content {\n  padding-inline-end: 16px;\n}\n\n.android.noBefore .content {\n  padding-inline-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .android.noAfter:not(:global(.vkuiInternalModalPageHeader__in))\n  .content {\n  padding-inline-end: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .android.noAfter:not(:global(.vkuiInternalModalPageHeader__in))\n    .content {\n    padding-inline-end: 0;\n  }\n}\n\n.android .after:not(:empty),\n.vkcom .after:not(:empty) {\n  padding-block: 4px;\n  padding-inline: 0 4px;\n}\n\n/**\n * VKCOM\n */\n.vkcom {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {\n  position: absolute;\n  inset-inline: var(--vkui--size_border--regular);\n  inset-block-end: 0;\n  block-size: var(--vkui--size_border--regular);\n  background-color: var(--vkui--color_background_content);\n  content: '';\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {\n    position: absolute;\n    inset-inline: var(--vkui--size_border--regular);\n    inset-block-end: 0;\n    block-size: var(--vkui--size_border--regular);\n    background-color: var(--vkui--color_background_content);\n    content: '';\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)) .in {\n  border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n  border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n  box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;\n  border-block-end: 0;\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)) .in {\n    border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n    border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n    box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;\n    border-block-end: 0;\n  }\n}\n\n.vkcom .content {\n  text-align: center;\n}\n\n.vkcom .before:not(:empty) {\n  padding-block: 0;\n  padding-inline: 4px 0;\n}\n\n.vkcom .before,\n.vkcom .after {\n  flex-basis: 0;\n  flex-shrink: 0;\n  flex-grow: 1;\n}\n\n.separator {\n  margin-block-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.noBefore .content > * {\n  padding-inline-start: 0;\n}\n\n/**\n * CMP:\n * Panel\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanel--centered) .host {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n}\n",".host {\n  line-height: initial;\n  block-size: 100%;\n  max-inline-size: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-family: var(--vkui--font_family_base);\n}\n\n.before {\n  flex-shrink: 0;\n  margin-inline-end: 12px;\n}\n\n.in {\n  flex-grow: 1;\n  min-inline-size: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  block-size: 100%;\n}\n\n.subtitle,\n.childrenIn,\n.childrenText {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  order: 1;\n  margin-block-start: 1px;\n  max-inline-size: 100%;\n  color: var(--vkui--color_text_secondary);\n}\n\n.children {\n  max-inline-size: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.childrenIn {\n  flex-grow: 0;\n  min-inline-size: 0;\n}\n\n.aside {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-inline-start: 2px;\n  color: var(--vkui--color_icon_accent);\n}\n\n.width {\n  inline-size: 1000px;\n}\n\n.inCentered {\n  align-items: center;\n}\n\n/**\n * iOS\n */\n\n.ios .childrenIn {\n  font-size: 21px;\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 500;\n  line-height: var(--vkui_internal--panel_header_height);\n}\n\n/**\n * Android\n */\n\n.android .childrenIn {\n  font-size: 23px;\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 500;\n  line-height: var(--vkui_internal--panel_header_height);\n}\n\n/**\n * VKCOM\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader--no-before) .vkcom {\n  padding-inline-start: 16px;\n}\n\n/**\n * Common\n */\n.sizeYCompact:not(.vkcom) .childrenIn {\n  font-size: 20px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone:not(.vkcom) .childrenIn {\n    font-size: 20px;\n  }\n}\n",".host {\n  --vkui_internal--PanelHeaderContext__fade_display: none;\n\n  z-index: var(--vkui_internal--z_index_panel_header_context);\n  inline-size: 100%;\n  block-size: auto;\n}\n\n.sizeXCompact {\n  --vkui_internal--PanelHeaderContext__fade_display: block;\n\n  block-size: 100%;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    --vkui_internal--PanelHeaderContext__fade_display: block;\n\n    block-size: 100%;\n  }\n}\n\n.in {\n  position: absolute;\n  z-index: 1;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  padding: 8px;\n  box-sizing: border-box;\n}\n\n.fade {\n  display: var(--vkui_internal--PanelHeaderContext__fade_display);\n  position: absolute;\n  z-index: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  background: rgba(0, 0, 0, 0.4);\n}\n\n.opened .fade {\n  animation: animation-panelheadercontext-fade-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .fade {\n  animation: animation-panelheadercontext-fade-out var(--vkui--animation_duration_m) ease both;\n}\n\n.opened .in {\n  animation: animation-panelheadercontext-translate-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .in {\n  animation: animation-panelheadercontext-translate-out var(--vkui--animation_duration_m) ease both;\n}\n\n@media (--reduce-motion) {\n  .opened .in {\n    animation-name: animation-panelheadercontext-fade-in;\n  }\n\n  .closing .in {\n    animation-name: animation-panelheadercontext-fade-out;\n  }\n}\n\n.content {\n  overflow: hidden;\n  background: var(--vkui--color_background_content);\n}\n\n.ios .in {\n  padding: 0;\n}\n\n/**\n * Имеется ввиду\n * platform !== 'ios' ||\n * (platform === 'ios' && isDesktop)\n */\n.host:not(.ios) .content,\n.sizeXRegular.ios .content {\n  border-radius: 12px;\n  padding-block: 8px;\n  padding-inline: 0;\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.ios .content {\n    border-radius: 12px;\n    padding-block: 8px;\n    padding-inline: 0;\n  }\n}\n\n/*\n Desktop\n */\n\n.sizeXRegular .in {\n  padding-block: 12px;\n  padding-inline: 8px;\n}\n\n.sizeXRegular .content {\n  border-radius: 12px;\n}\n\n.sizeXRegular .content {\n  box-shadow:\n    0 0 4px rgba(0, 0, 0, 0.08),\n    0 8px 8px rgba(0, 0, 0, 0.16);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone .in {\n    padding-block: 12px;\n    padding-inline: 8px;\n  }\n\n  .sizeXNone .content {\n    border-radius: 12px;\n  }\n\n  .sizeXNone .content {\n    box-shadow:\n      0 0 4px rgba(0, 0, 0, 0.08),\n      0 8px 8px rgba(0, 0, 0, 0.16);\n  }\n}\n\n/*\n  Animations\n */\n\n@keyframes animation-panelheadercontext-translate-in {\n  from {\n    transform: translateY(-100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes animation-panelheadercontext-translate-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes animation-panelheadercontext-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-panelheadercontext-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n}\n\n.inner {\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n}\n\n/* Hack with using PanelHeaderSimple */\n/* Better to implement simple header-like here */\n.innerHeader {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_split_layout_panel_header);\n  margin-block-start: calc(\n    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))\n  );\n}\n\n.ios .innerHeader {\n  margin-block-start: calc(\n    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))\n  );\n}\n\n.innerCenter {\n  justify-content: center;\n}\n",".host {\n  block-size: 100%;\n  inline-size: 1px;\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n}\n\n.viewWidthSmallTabletPlus.spacedAuto {\n  margin-block: 0;\n  margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.spacedAuto {\n    margin-block: 0;\n    margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);\n  }\n}\n\n.viewWidthTabletMinus.stretchedOnMobile {\n  /* stylelint-disable-next-line declaration-no-important */\n  inline-size: 100% !important;\n  /* stylelint-disable-next-line declaration-no-important */\n  max-inline-size: 100% !important;\n}\n\n@media (--viewWidth-tabletMinus) {\n  .viewWidthNone.stretchedOnMobile {\n    /* stylelint-disable-next-line declaration-no-important */\n    inline-size: 100% !important;\n    /* stylelint-disable-next-line declaration-no-important */\n    max-inline-size: 100% !important;\n  }\n}\n\n.fixed {\n  block-size: 100%;\n  inline-size: 1px;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.fixedInner {\n  block-size: inherit;\n  inline-size: inherit;\n  min-inline-size: inherit;\n  max-inline-size: inherit;\n  position: fixed;\n  transform: translateZ(0);\n  overflow: hidden;\n  inset-block-start: 0;\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar).host {\n  --vkui_internal--snackbar_safe_area_inset_bottom: calc(\n    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n",".host {\n  position: fixed;\n  z-index: var(--vkui_internal--z_index_tabs);\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: var(--vkui_internal--tabbar_height);\n  padding-block-end: var(--vkui_internal--safe_area_inset_bottom);\n  box-sizing: content-box;\n  background: var(--vkui--color_background_tertiary);\n  display: flex;\n  overflow: hidden;\n}\n\n.shadow {\n  box-shadow: var(--vkui--elevation3);\n}\n\n/**\n * iOS\n */\n\n.ios.shadow {\n  box-shadow: none;\n}\n\n.ios.shadow::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: var(--vkui--size_border--regular);\n  background: var(--vkui--color_separator_primary_alpha);\n  content: '';\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_tabbar_text_inactive);\n  text-decoration: none;\n  border: 0;\n  outline: var(--vkui_internal--outline-reset);\n  padding: 0;\n  background: transparent;\n  block-size: var(--vkui_internal--tabbar_height);\n  position: relative;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar) .host {\n  flex-shrink: 0;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n  flex-grow: 1;\n  flex-basis: 0;\n}\n\n.selected {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.tappable {\n  position: absolute;\n}\n\n.in {\n  display: flex;\n  padding-block: 4px 2px;\n  padding-inline: 2px;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-vertical) .in {\n  flex-direction: column;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-horizontal) .in {\n  flex-direction: row;\n}\n\n.icon {\n  color: var(--vkui--color_icon_secondary);\n  position: relative;\n}\n\n.selected .icon {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.label {\n  white-space: nowrap;\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-vertical) .label {\n  --vkui--font_footnote--font_size--regular: 10px;\n  --vkui--font_footnote--line_height--regular: 12px;\n\n  margin-block-start: 2px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar--layout-horizontal) .label {\n  margin-inline-start: 8px;\n}\n\n/**\n * Android\n */\n\n.android .tappable {\n  inline-size: calc(100% + 16px);\n  padding-block-end: calc(100% + 16px);\n  border-radius: 50%;\n}\n\n.android:first-child {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.android:last-child {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n/**\n * iOS\n */\n\n.ios .tappable {\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n\n.ios .in {\n  transition: transform 0.07s var(--vkui--animation_easing_platform);\n}\n\n.ios .tappableActive + .in {\n  transform: scale(0.96);\n}\n",".host {\n  cursor: pointer;\n  user-select: auto;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  transition: opacity 0.15s;\n  transition-timing-function: var(--vkui--animation_easing_platform);\n  display: flex;\n  justify-content: center;\n}\n\n.directionLeft,\n.directionRight {\n  block-size: 100%;\n  flex-direction: column;\n}\n\n.directionUp,\n.directionDown {\n  inline-size: 100%;\n  flex-direction: row;\n}\n\n.icon {\n  position: relative;\n  background-color: var(--vkui--color_background_contrast_themed);\n  color: var(--vkui--color_icon_secondary);\n  box-shadow: var(--vkui--elevation3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeS .icon {\n  inline-size: 28px;\n  block-size: 28px;\n  border-radius: 14px;\n}\n\n.sizeM .icon {\n  inline-size: 40px;\n  block-size: 40px;\n  border-radius: 24px;\n}\n\n.directionLeft {\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-inline-start: 0;\n}\n\n.directionRight {\n  padding-inline-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-inline-end: 0;\n}\n\n.directionUp {\n  padding-block-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-block-start: 0;\n}\n\n.directionDown {\n  padding-block-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n  inset-block-end: 0;\n}\n\n.directionLeft .defaultIcon {\n  transform: rotate(180deg);\n}\n\n.directionUp .defaultIcon {\n  transform: rotate(-90deg);\n}\n\n.directionDown .defaultIcon {\n  transform: rotate(90deg);\n}\n",".host {\n  position: relative;\n\n  /**\n   * ⚠️ WARNING ⚠️\n   * `overflow-y` мы не трогаем, т.к. из-за `hidden` могут обрезаться тени у потомков.\n   */\n  overflow-x: hidden;\n  isolation: isolate;\n}\n\n.in {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n\n  /**\n   * Для удаление скролла в Firefox.\n   * В версии ниже 64 будет виден скролл, но это не ломает функциональность.\n   */\n  scrollbar-width: none;\n}\n\n.in::-webkit-scrollbar {\n  display: none;\n}\n\n.inWrapper {\n  display: flex;\n  align-items: stretch;\n  transition: transform 0.2s;\n}\n\n.arrow {\n  z-index: var(--vkui_internal--z_index_horizontal_scroll_arrow);\n  position: absolute;\n  inset-block-start: 0;\n  opacity: 0;\n}\n\n.host:hover .arrow {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.withConstArrows .arrow,\n.withConstArrows:hover .arrow,\n.host .arrow:hover {\n  opacity: 1;\n}\n\n.arrowLeft:hover ~ .in .inWrapper {\n  transform: translateX(8px);\n}\n\n.arrowRight:hover ~ .in .inWrapper {\n  transform: translateX(-8px);\n}\n\n/**\n * CMP:\n * Tabs\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs) .host {\n  min-inline-size: 100%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--withGaps) .inWrapper::after,\n:global(.vkuiInternalTabs--withGaps) .inWrapper::before {\n  display: block;\n  inline-size: var(--vkui--size_base_padding_horizontal--regular);\n  flex-shrink: 0;\n  block-size: 1px;\n  content: '';\n}\n",".host {\n  --vkui_internal--aspect_ratio: 1;\n\n  position: relative;\n  max-inline-size: 100%;\n}\n\n.host::before {\n  content: '';\n  block-size: 0;\n  display: block;\n  padding-block-end: calc((1 / var(--vkui_internal--aspect_ratio, 1)) * 100%);\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.modeStretch > * {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* stylelint-disable selector-max-type */\n.modeStretch > img,\n.modeStretch > video {\n  object-fit: cover;\n}\n/* stylelint-enable selector-max-type */\n","/* flex */\n\n.flexGrow {\n  flex: 1 0 auto;\n}\n\n.flexShrink {\n  flex: 0 1 auto;\n}\n\n.flexContent {\n  flex: 1 1 auto;\n}\n\n.flexFixed {\n  flex: 0 0 auto;\n}\n\n/* align-self */\n\n.alignSelfStart {\n  align-self: start;\n}\n\n.alignSelfEnd {\n  align-self: end;\n}\n\n.alignSelfCenter {\n  align-self: center;\n}\n\n.alignSelfBaseline {\n  align-self: baseline;\n}\n\n.alignSelfStretch {\n  align-self: stretch;\n}\n",".host {\n  --vkui_internal--flex_original_margin_inline: 0px;\n  --vkui_internal--flex_original_margin_block: 0px;\n\n  display: flex;\n}\n\n.marginAuto {\n  --vkui_internal--flex_original_margin_inline: var(--vkui--size_base_padding_horizontal--regular);\n  --vkui_internal--flex_original_margin_block: var(--vkui--size_base_padding_vertical--regular);\n\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.withGaps {\n  margin-block-start: calc(\n    -1 * var(--vkui_internal--row_gap) + var(--vkui_internal--flex_original_margin_block)\n  );\n  margin-inline-start: calc(\n    -1 * var(--vkui_internal--column_gap) + var(--vkui_internal--flex_original_margin_inline)\n  );\n}\n\n.host > .marginAuto {\n  margin-block: 0;\n  margin-inline: 0;\n}\n\n.directionColumn {\n  flex-direction: column;\n}\n\n.reverse {\n  flex-direction: row-reverse;\n}\n\n.directionColumn.reverse {\n  flex-direction: column-reverse;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n/* justify-content */\n\n.justifyStart {\n  justify-content: flex-start;\n}\n\n.justifyEnd {\n  justify-content: flex-end;\n}\n\n.justifyCenter {\n  justify-content: center;\n}\n\n.justifySpaceAround {\n  justify-content: space-around;\n}\n\n.justifySpaceBetween {\n  justify-content: space-between;\n}\n\n.justifySpaceEvenly {\n  justify-content: space-evenly;\n}\n\n/* align-items */\n\n.alignStart {\n  align-items: flex-start;\n}\n\n.alignEnd {\n  align-items: flex-end;\n}\n\n.alignCenter {\n  align-items: center;\n}\n\n.alignStretch {\n  align-items: stretch;\n}\n\n.alignBaseline {\n  align-items: baseline;\n}\n\n/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */\n.withGaps.withGaps > * {\n  margin-block-start: var(--vkui_internal--row_gap);\n  margin-inline-start: var(--vkui_internal--column_gap);\n}\n",".host {\n  --vkui_internal--grid_columns: 1;\n  --vkui_internal--min_col_width: 0;\n\n  display: grid;\n  gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);\n  grid-template-columns: repeat(var(--vkui_internal--grid_columns), minmax(0, 1fr));\n}\n\n.marginAuto {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.marginAutoInline {\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.marginAutoBlock {\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.withMinWidth {\n  grid-template-columns: repeat(auto-fit, minmax(var(--vkui_internal--min_col_width), 1fr));\n}\n\n.alignStart {\n  align-items: flex-start;\n}\n\n.alignEnd {\n  align-items: flex-end;\n}\n\n.alignCenter {\n  align-items: center;\n}\n\n.alignStretch {\n  align-items: stretch;\n}\n\n.alignBaseline {\n  align-items: baseline;\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  pointer-events: none;\n}\n\n.opened {\n  pointer-events: initial;\n}\n\n.closing {\n  pointer-events: none;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.overlay {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  opacity: 1;\n}\n\n.opened .overlay {\n  animation: animation-full-fade-in var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .overlay {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-full-fade-out var(--vkui--animation_duration_m) var(--vkui--animation_easing_default) both;\n}\n\n.masked .overlay {\n  background: var(--vkui--color_overlay_primary);\n}\n\n.fixed .overlay {\n  position: absolute;\n}\n\n.container {\n  inline-size: 100%;\n  block-size: 100%;\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n}\n\n.content {\n  display: flex;\n  justify-content: center;\n  inline-size: 100%;\n  pointer-events: none;\n  position: relative;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.content > * {\n  pointer-events: auto;\n}\n\n.alignYCenter .container {\n  align-items: center;\n}\n\n.alignYBottom .container {\n  align-items: flex-end;\n}\n\n.alignYTop .container {\n  align-items: flex-start;\n}\n\n.alignXCenter .container {\n  justify-content: center;\n}\n\n.alignXLeft .container {\n  justify-content: flex-start;\n}\n\n.alignXRight .container {\n  justify-content: flex-end;\n}\n\n@keyframes animation-full-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-full-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: -56px;\n  inline-size: 56px;\n  block-size: 56px;\n  padding: 18px;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_contrast);\n}\n\n.host::before {\n  display: block;\n  content: '';\n  inset: 14px;\n  background: var(--vkui--color_overlay_secondary);\n  border-radius: 50%;\n  position: absolute;\n  transition: background-color 0.15s ease-out;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- fixes icon misplacement on Safari in some cases */\n.host :global(.vkuiIcon) {\n  transform: translateX(0);\n}\n\n.hover::before {\n  background: var(--vkui--color_overlay_secondary--hover);\n}\n\n.active::before {\n  background: var(--vkui--color_overlay_secondary--active);\n}\n",".host {\n  --vkui_internal--alert_animation_scale_initial: 0.95;\n\n  user-select: none;\n  color: var(--vkui--color_text_primary);\n  position: relative;\n  min-inline-size: 280px;\n  max-inline-size: 416px;\n  margin-block: auto;\n  margin-inline: 24px;\n  box-shadow: var(--vkui--elevation4);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.desktop {\n  inline-size: 100%;\n}\n\n.opening {\n  /* prettier-ignore */\n  animation: animation-alert-scale-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-alert-scale-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.host::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n  border-radius: inherit;\n}\n\n.content {\n  position: relative;\n  padding-block: 24px 16px;\n  padding-inline: 24px;\n}\n\n.contentWithButton {\n  padding-inline-end: 52px;\n}\n\n.action {\n  white-space: nowrap;\n  background: transparent;\n}\n\n.actions {\n  display: flex;\n  max-inline-size: 100%;\n  position: relative;\n  padding-block: 0 12px;\n  padding-inline: 12px;\n}\n\n.title {\n  margin-block-end: 8px;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.title,\n.description {\n  word-break: break-word;\n}\n\n.actionsDirectionHorizontal {\n  justify-content: flex-end;\n}\n\n.actionsDirectionVertical {\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.actions > * {\n  margin: 4px;\n}\n\n.actionsAlignLeft {\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.actionsAlignCenter {\n  justify-content: center;\n  align-items: center;\n}\n\n.actionsAlignRight {\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n/**\n * iOS version\n */\n.ios {\n  --vkui_internal--alert_animation_scale_initial: 1.05;\n\n  inline-size: 270px;\n  min-inline-size: 270px;\n  overflow: hidden;\n  box-shadow: none;\n}\n\n.ios.closing {\n  --vkui_internal--alert_animation_scale_initial: 1;\n}\n\n.ios .content {\n  padding-block: 20px;\n  padding-inline: 16px;\n  text-align: center;\n}\n\n.ios .title:not(:last-child) {\n  margin-block-end: 7px;\n}\n\n.ios .description {\n  color: inherit;\n}\n\n.ios .content::after {\n  content: '';\n  position: absolute;\n  inset-block-end: 0;\n  block-size: 1px;\n  inset-inline: 0;\n  background: var(--vkui--color_separator_primary_alpha);\n  transform-origin: center bottom;\n}\n\n.ios .actions {\n  padding: initial;\n}\n\n.ios .actionsDirectionVertical {\n  flex-direction: column;\n  align-items: initial;\n}\n\n.ios .action {\n  font-family: var(--vkui--font_family_base);\n  position: relative;\n  font-size: 17px;\n  line-height: 44px;\n  color: var(--vkui--color_text_accent);\n  border: 0;\n  padding-block: 0;\n  padding-inline: 6px;\n  margin: 0;\n  block-size: 44px;\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border-radius: 0;\n}\n\n.ios .action::after {\n  content: '';\n  position: absolute;\n  background: var(--vkui--color_separator_primary_alpha);\n}\n\n.ios .actionsDirectionHorizontal .action::after {\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  inline-size: 1px;\n  block-size: 100%;\n  transform-origin: right center;\n}\n\n.ios .actionsDirectionHorizontal .action:last-child::after {\n  content: none;\n}\n\n.ios .actionsDirectionHorizontal .action {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n}\n\n.ios .actionsDirectionHorizontal .action:first-child {\n  border-end-start-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.ios .actionsDirectionHorizontal .action:last-child {\n  border-end-end-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n.ios .actionsDirectionVertical .action::after {\n  inset-inline-start: 0;\n  inset-block-end: 0;\n  inline-size: 100%;\n  block-size: 1px;\n  transform-origin: center bottom;\n}\n\n.ios .actionsDirectionVertical .action:last-child::after {\n  content: none;\n}\n\n.ios .actionsDirectionVertical .action:last-child {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 12px;\n  border-end-start-radius: 12px;\n}\n\n@media (min-resolution: 2dppx) {\n  .ios .content::after,\n  .ios .actionsDirectionVertical .action::after {\n    transform: scaleY(0.5);\n  }\n\n  .ios .actionsDirectionHorizontal .action::after {\n    transform: scaleX(0.5);\n  }\n}\n@media (min-resolution: 3dppx) {\n  .ios .content::after,\n  .ios .actionsDirectionVertical .action::after {\n    transform: scaleY(0.33);\n  }\n\n  .ios .actionsDirectionHorizontal .action::after {\n    transform: scaleX(0.33);\n  }\n}\n\n.ios .actionModeCancel {\n  font-weight: 600;\n}\n\n.ios .actionModeDestructive {\n  color: var(--vkui--color_text_negative);\n}\n\n/**\n * VKCOM\n */\n\n.vkcom {\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.12),\n    0 0 96px rgba(0, 0, 0, 0.16);\n  inline-size: 400px;\n}\n\n.vkcom .content {\n  padding-block-end: 20px;\n}\n\n.vkcom .actions {\n  padding-block: 0 12px;\n  padding-inline: 20px;\n}\n\n.vkcom .button {\n  order: 2;\n}\n\n.vkcom .buttonModeCancel {\n  order: 1;\n}\n\n.dismiss {\n  position: absolute;\n  color: var(--vkui--color_icon_secondary);\n  inset-block-start: 8px;\n  inset-inline-end: 8px;\n}\n\n@media (--reduce-motion) {\n  .host,\n  .ios {\n    --vkui_internal--alert_animation_scale_initial: 1;\n  }\n}\n\n@keyframes animation-alert-scale-up {\n  from {\n    opacity: 0;\n    transform: scale(var(--vkui_internal--alert_animation_scale_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes animation-alert-scale-down {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(var(--vkui_internal--alert_animation_scale_initial));\n  }\n}\n","/* stylelint-disable-next-line selector-max-universal -- отключаем иконку */\n.input ~ * {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- включаем иконку если checked */\n.input:checked ~ * {\n  display: block;\n}\n",".host {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  padding-block: 0;\n  padding-inline: 16px;\n  min-block-size: 48px;\n  box-sizing: border-box;\n}\n\n.container,\n.before,\n.after {\n  position: relative;\n}\n\n.before,\n.after {\n  flex-shrink: 0;\n}\n\n.container {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  padding-block: 10px;\n  padding-inline: 0;\n}\n\n.ellipsis {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.content {\n  display: flex;\n  align-items: baseline;\n  overflow: hidden;\n  justify-content: space-between;\n}\n\n.ellipsis .content {\n  justify-content: flex-start;\n}\n\n.children {\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  color: var(--vkui--color_text_secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-block-start: 2px;\n}\n\n.meta {\n  color: var(--vkui--color_text_secondary);\n  margin-inline-start: 6px;\n  flex-shrink: 0;\n}\n\n.before {\n  color: var(--vkui--color_icon_accent);\n  margin-inline-end: 16px;\n}\n\n.menu .before {\n  margin-inline-end: 12px;\n}\n\n.ios .before {\n  color: var(--vkui--color_icon_accent_themed);\n  margin-inline-end: 18px;\n}\n\n.modeDestructive .container:first-child {\n  color: var(--vkui--color_text_negative);\n}\n\n.modeDestructive .before {\n  color: var(--vkui--color_icon_negative);\n}\n\n.after {\n  display: flex;\n  flex-direction: row;\n  margin-inline-start: 16px;\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap 12px */\n.after > *:not(:last-child) {\n  margin-inline-end: 12px;\n}\n\n/**\n * iOS\n */\n\n.ios {\n  padding-block: 14px;\n  padding-inline: 18px;\n  min-block-size: 56px;\n  color: var(--vkui--color_text_accent_themed);\n  background: var(--vkui--color_background_modal);\n}\n\n.rich {\n  color: var(--vkui--color_text_primary);\n}\n\n.ios.modeDestructive {\n  color: var(--vkui--color_text_negative);\n}\n\n.ios::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n  transition:\n    opacity 0.15s ease-out,\n    background-color 0.15s ease-out;\n}\n\n.ios::after {\n  position: absolute;\n  inset-inline: 0;\n  block-size: 1px;\n  content: '';\n  inset-block-start: 0;\n  background: var(--vkui--color_separator_primary_alpha);\n  transform-origin: center bottom;\n}\n\n@media (min-resolution: 2dppx) {\n  .ios::after {\n    transform: scaleY(0.5);\n  }\n}\n@media (min-resolution: 3dppx) {\n  .ios::after {\n    transform: scaleY(0.33);\n  }\n}\n\n.ios:first-child::after,\n.modeCancel::after {\n  content: none;\n}\n\n.ios.active::before {\n  background-color: var(--vkui--color_transparent--active);\n  opacity: 1;\n  transition: none;\n}\n\n.ios .container {\n  padding: 0;\n}\n\n.ios .centered {\n  justify-content: center;\n}\n\n.modeCancel {\n  min-block-size: 52px;\n}\n\n/**\n * Desktop\n */\n\n.menu {\n  inline-size: auto;\n  cursor: pointer;\n  border-radius: 0;\n}\n\n/**\n * Disabled\n */\n\n.host[disabled] .children,\n.host[disabled] .meta,\n.host[disabled] .subtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.host[disabled] .marker,\n.host[disabled] .before {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/**\n * SizeY = compact\n */\n\n.sizeYCompact {\n  min-block-size: 32px;\n}\n\n.sizeYCompact.ios {\n  min-block-size: 36px;\n  padding-block: 4px;\n  padding-inline: 18px 20px;\n}\n\n.sizeYCompact:not(.ios) + .sizeYCompact:not(.ios) {\n  margin-block-start: 2px;\n}\n\n.sizeYCompact .container {\n  padding-block: 5px;\n  padding-inline: 0;\n}\n",".host {\n  position: absolute;\n}\n\n.in {\n  content: '';\n  display: block;\n\n  /* см. \"Примечание\" в DefaultIcon.tsx. */\n  transform: translateY(1px);\n}\n\n.placementRight {\n  transform: rotate(90deg) translate(50%, -50%);\n  transform-origin: right;\n}\n\n.placementBottom {\n  transform: rotate(180deg);\n}\n\n.placementLeft {\n  transform: rotate(-90deg) translate(-50%, -50%);\n  transform-origin: left;\n}\n","/**\n * ⚠ WARNING️ ⚠\n *\n * Если указать `position: relaitve` контейнеру, где позиционируется `Popper`, то при кейсе когда:\n * 1. Мы передали `sameWidth`.\n * 2. Мы позциционируем `Popper` через `position: absolute`.\n * 3. Мы используем `height: 100%` или `height: 100vh`, чтобы растянуть страницу на всю высоту.\n * 4. НЕТ скроллбара.\n * будет неправильно высчитан `offsetWidth` у `targetRef` при первом вызове `effect()` модификатора `sameWdith`,\n *  а именно из `offsetWidth` будет вычтен размер скроллабара, которого на самом деле на странице нет (см. п. 4)\n *\n * Второй и последующие вызовы исправляют ситуацию.\n */\n.host {\n  z-index: var(--vkui--z_index_popout);\n}\n",".host {\n  --vkui_internal--actionsheet_animation_opacity_initial: 1;\n  --vkui_internal--actionsheet_animation_translateY_initial: 100%;\n\n  inline-size: 100%;\n  max-inline-size: var(--vkui--size_popup_small--regular);\n  padding: 10px;\n  box-sizing: border-box;\n}\n\n@media (--reduce-motion) {\n  .host {\n    --vkui_internal--actionsheet_animation_opacity_initial: 0;\n    --vkui_internal--actionsheet_animation_translateY_initial: 0%;\n  }\n}\n\n.contentWrapper {\n  padding-block: 8px;\n  padding-inline: 0;\n  overflow: hidden;\n  border-radius: 12px;\n  box-shadow: var(--vkui--elevation3);\n  background: var(--vkui--color_background_modal);\n}\n\n.header {\n  color: var(--vkui--color_text_subhead);\n  padding-block: 16px;\n  padding-inline: 16px;\n}\n\n.opening {\n  /* prettier-ignore */\n  animation: animation-actionsheet-slide-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  /* prettier-ignore */\n  animation: animation-actionsheet-slide-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);\n}\n\n.title + .description {\n  margin-block-start: 8px;\n}\n\n/**\n * iOS\n */\n.ios {\n  padding: 8px;\n  background: transparent;\n}\n\n.ios .contentWrapper {\n  border-radius: 14px;\n  padding: 0;\n}\n\n.closeItemWrapperIos {\n  margin-block: 8px var(--vkui_internal--safe_area_inset_bottom);\n  overflow: hidden;\n  border-radius: 14px;\n  box-shadow: var(--vkui--elevation3);\n  background: var(--vkui--color_background_modal);\n}\n\n.ios.closing {\n  transform: translateY(100%);\n}\n\n.ios .header {\n  position: relative;\n  text-align: center;\n}\n\n.ios .title {\n  position: relative;\n}\n\n.ios .description {\n  position: relative;\n}\n\n.ios .header::before {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  content: '';\n}\n\n/**\n * Compact\n */\n\n.sizeYCompact .header {\n  padding-block: 12px;\n}\n\n/**\n * Desktop version\n */\n\n.menu {\n  --vkui_internal--actionsheet_animation_opacity_initial: 0;\n  --vkui_internal--actionsheet_animation_translateY_initial: 5%;\n\n  inline-size: auto;\n  block-size: auto;\n  padding: 0;\n  max-inline-size: 100%;\n}\n\n.menu.ios .contentWrapper {\n  border-radius: 14px;\n  padding: 0;\n}\n\n@media (--reduce-motion) {\n  .menu {\n    --vkui_internal--actionsheet_animation_translateY_initial: 0%;\n  }\n}\n\n@keyframes animation-actionsheet-slide-up {\n  from {\n    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);\n    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes animation-actionsheet-slide-down {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: var(--vkui_internal--actionsheet_animation_opacity_initial);\n    transform: translateY(var(--vkui_internal--actionsheet_animation_translateY_initial));\n  }\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  inline-size: 88px;\n  block-size: 88px;\n  padding-block: var(--vkui--spacing_size_2xl);\n  padding-inline: var(--vkui--spacing_size_2xl);\n  border-radius: var(--vkui--size_border_radius--regular);\n  animation: screen-spinner-intro 0.3s ease;\n}\n\n.hasLabel {\n  inline-size: fit-content;\n  block-size: fit-content;\n  max-inline-size: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.modeShadow {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n  color: var(--vkui--color_icon_medium);\n}\n\n.modeOverlay {\n  background-color: var(--vkui--color_avatar_overlay);\n  color: var(--vkui--color_icon_contrast);\n}\n\n.label {\n  color: var(--vkui--color_text_secondary);\n  margin-block-start: var(--vkui--spacing_size_xs);\n  text-align: center;\n}\n\n.modeOverlay .label {\n  color: var(--vkui--color_text_contrast);\n}\n\n.spinner {\n  opacity: 1;\n}\n\n.spinnerTransition {\n  transition: opacity 0.1s ease;\n}\n\n.stateDone .spinner,\n.stateError .spinner,\n.stateCustom .spinner {\n  opacity: 0;\n}\n\n.iconSlot {\n  inline-size: 56px;\n  block-size: 56px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon {\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.stateCancelable .icon {\n  cursor: pointer;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.icon :global(.vkuiIcon) {\n  animation: screen-spinner-intro 0.2s ease;\n}\n\n/* stylelint-disable-next-line selector-max-type, selector-pseudo-class-disallowed-list */\n.stateDone :global(.vkuiIcon) path {\n  stroke-dasharray: 50;\n  stroke-dashoffset: 50;\n  animation: screen-spinner-icon-done 0.6s 0.3s var(--vkui--animation_easing_platform) forwards;\n}\n\n@keyframes screen-spinner-icon-done {\n  from {\n    stroke-dashoffset: 50;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes screen-spinner-intro {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n",".body {\n  --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n    -1 * (\n        var(--vkui--size_button_small_height--compact) -\n          var(--vkui--font_subhead--line_height--compact)\n      ) / 2\n  );\n\n  box-sizing: border-box;\n  padding: 12px;\n  min-block-size: 56px;\n  display: flex;\n  align-items: center;\n  background: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation4);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n}\n\n.sizeYRegular {\n  --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n    -1 * (\n        var(--vkui--size_button_small_height--regular) -\n          var(--vkui--font_subhead--line_height--regular)\n      ) / 2\n  );\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n      -1 * (\n          var(--vkui--size_button_small_height--regular) -\n            var(--vkui--font_subhead--line_height--regular)\n        ) / 2\n    );\n  }\n}\n\n.modeDark {\n  background: var(--vkui--color_background_contrast_inverse);\n}\n\n.before {\n  margin-inline-end: 12px;\n}\n\n.after {\n  margin-inline-start: 12px;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n.contentText {\n  flex: 1;\n  color: var(--vkui--color_text_primary);\n  inline-size: 100%;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.contentSubtitle {\n  color: var(--vkui--color_text_subhead);\n  margin-block-start: 2px;\n}\n\n.modeDark .contentText {\n  color: var(--vkui--color_text_contrast);\n}\n\n/* layout */\n.layoutHorizontal .action {\n  position: relative;\n  margin-inline-start: 12px;\n}\n\n.layoutVertical .content {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.layoutVertical .action {\n  min-block-size: initial;\n  margin-block-start: 2px;\n  margin-block-end: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .layoutNone .action {\n    position: relative;\n    margin-inline-start: 12px;\n  }\n}\n@media (--viewWidth-smallTabletPlus) {\n  .layoutNone .content,\n  .layoutVerticalMq .content {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .layoutNone .action,\n  .layoutVerticalMq .action {\n    min-block-size: initial;\n    margin-block-start: 2px;\n    margin-block-end: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);\n  }\n}\n",".host {\n  --vkui_internal--snackbar_safe_area_inset_bottom: var(--vkui_internal--safe_area_inset_bottom);\n  --vkui_internal--snackbar_in_padding: 8px;\n  --vkui_internal--snackbar_shift_x: 0;\n  --vkui_internal--snackbar_shift_y: 0;\n  --vkui_internal--snackbar_direction: 0;\n  --vkui_internal--snackbar_animation_from: translate3d(0, 0, 0);\n  --vkui_internal--snackbar_animation_to: translate3d(0, 0, 0);\n  --vkui_internal--snackbar_animation_duration: 340ms;\n\n  position: fixed;\n  inset-inline: var(--vkui_internal--safe_area_inset_left)\n    var(--vkui_internal--safe_area_inset_right);\n  z-index: var(--vkui--z_index_popout);\n  user-select: none;\n}\n\n.ios {\n  --vkui_internal--snackbar_animation_duration: 400ms;\n}\n\n.placementTopStart,\n.placementTop,\n.placementTopEnd {\n  --vkui_internal--snackbar_animation_from: translate3d(0, -100%, 0);\n  --vkui_internal--snackbar_animation_to: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n\n  inset-block-start: var(--vkui_internal--safe_area_inset_top);\n}\n\n.placementBottomStart {\n  --vkui_internal--snackbar_direction: -1;\n}\n\n.placementBottomEnd {\n  --vkui_internal--snackbar_direction: 1;\n}\n\n.placementBottomStart,\n.placementBottom,\n.placementBottomEnd {\n  --vkui_internal--snackbar_animation_from: translate3d(\n    calc(var(--vkui_internal--snackbar_direction) * 100%),\n    0,\n    0\n  );\n  --vkui_internal--snackbar_animation_to: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n\n  inset-block-end: var(--vkui_internal--snackbar_safe_area_inset_bottom);\n}\n\n@media (--desktop) {\n  .host {\n    inline-size: 100%;\n    max-inline-size: 351px;\n  }\n\n  .placementTop,\n  .placementBottom {\n    margin-inline: auto;\n  }\n\n  .placementBottom {\n    --vkui_internal--snackbar_animation_from: translate3d(0, 100%, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      0,\n      var(--vkui_internal--snackbar_shift_y),\n      0\n    );\n  }\n\n  .placementTopStart,\n  .placementBottomStart {\n    --vkui_internal--snackbar_animation_from: translate3d(-100%, 0, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      var(--vkui_internal--snackbar_shift_x),\n      0,\n      0\n    );\n\n    inset-inline-start: var(--vkui_internal--safe_area_inset_left);\n    inset-inline-end: auto;\n  }\n\n  .placementTopEnd,\n  .placementBottomEnd {\n    --vkui_internal--snackbar_animation_from: translate3d(100%, 0, 0);\n    --vkui_internal--snackbar_animation_to: translate3d(\n      var(--vkui_internal--snackbar_shift_x),\n      0,\n      0\n    );\n\n    inset-inline-start: auto;\n    inset-inline-end: var(--vkui_internal--safe_area_inset_right);\n  }\n}\n\n.in {\n  padding: var(--vkui_internal--snackbar_in_padding);\n  animation-duration: var(--vkui_internal--snackbar_animation_duration);\n  animation-timing-function: var(--vkui--animation_easing_platform);\n  animation-fill-mode: both;\n}\n\n.placementTopStart .in,\n.placementTop .in,\n.placementTopEnd .in {\n  transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n}\n\n.placementBottomStart .in,\n.placementBottom .in,\n.placementBottomEnd .in {\n  transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n}\n\n@media (--desktop) {\n  .in {\n    --vkui_internal--snackbar_in_padding: 12px;\n  }\n\n  .placementTopStart .in,\n  .placementBottomStart .in,\n  .placementTopEnd .in,\n  .placementBottomEnd .in {\n    transform: translate3d(var(--vkui_internal--snackbar_shift_x), 0, 0);\n  }\n\n  .placementBottom .in {\n    transform: translate3d(0, var(--vkui_internal--snackbar_shift_y), 0);\n  }\n}\n\n.stateEnter .in,\n.stateEntering .in {\n  animation-name: animation-snackbar-slide-in;\n}\n\n@media (--reduce-motion) {\n  .stateEnter .in,\n  .stateEntering .in {\n    animation-name: animation-snackbar-fade-in;\n  }\n}\n\n.stateEntered .in {\n  transition-property: transform;\n  transition-duration: var(--vkui_internal--snackbar_animation_duration);\n  transition-timing-function: var(--vkui--animation_easing_platform);\n}\n\n.touched .in {\n  transition-property: none;\n}\n\n.stateExit .in,\n.stateExiting .in {\n  animation-name: animation-snackbar-slide-out;\n}\n\n@media (--reduce-motion) {\n  .stateExit .in,\n  .stateExiting .in {\n    animation-name: animation-snackbar-fade-out;\n  }\n} /* stylelint-disable-next-line at-rule-empty-line-before */\n\n@keyframes animation-snackbar-slide-in {\n  from {\n    opacity: 0;\n    transform: var(--vkui_internal--snackbar_animation_from);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animation-snackbar-slide-out {\n  from {\n    opacity: 1;\n    transform: var(--vkui_internal--snackbar_animation_to);\n  }\n\n  to {\n    opacity: 0;\n    transform: var(--vkui_internal--snackbar_animation_from);\n  }\n}\n\n/* Анимации при (prefers-reduced-motion: reduce) */\n@keyframes animation-snackbar-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animation-snackbar-fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  white-space: normal;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n  padding-block: 9px 10px;\n  padding-inline: 12px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  color: var(--vkui--color_text_primary);\n}\n\n.closeButton {\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-self: flex-start;\n  margin-inline-start: 10px;\n  color: inherit;\n  padding: 0;\n  border: 0;\n  background: none;\n}\n\n.arrow {\n  color: var(--vkui--color_background_contrast_themed);\n}\n\n.appearanceAccent .content {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.appearanceAccent .arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.appearanceWhite .content {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.appearanceWhite .arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.appearanceBlack .content {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.appearanceBlack .arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.appearanceInversion .content {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.appearanceInversion .arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n",".host {\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n}\n\n.nonInteractive {\n  pointer-events: none;\n  touch-action: none;\n}\n\n.hostPositionAbsolute {\n  position: absolute;\n}\n\n.hostPositionFixed {\n  position: fixed;\n  z-index: var(--vkui--z_index_modal);\n}\n\n.hostStateEnter {\n  opacity: 0;\n  transition-property: none;\n}\n\n.hostStateEntering {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n}\n\n.hostStateEntered {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n}\n\n.hostStateExit {\n  opacity: var(--vkui_internal--modal-overlay--opacity);\n  transition-property: none;\n}\n\n.hostStateExiting {\n  opacity: 0;\n}\n\n.hostStateExited {\n  opacity: 0;\n  transition-property: none;\n}\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .hostStateEntering,\n  .hostStateExiting {\n    transition-duration: var(--vkui--animation_duration_l);\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .hostStateEntering {\n    transition-duration: 0.2s;\n  }\n\n  .hostStateExiting {\n    transition-duration: 0.1s;\n  }\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@supports (scrollbar-color: auto) {\n  .host {\n    scrollbar-color: var(--vkui--color_icon_tertiary_alpha) transparent;\n    scrollbar-width: thin;\n  }\n\n  .scrollbarHidden {\n    /**\n     * Для удаление скролла в Firefox.\n     * В версии ниже 64 будет виден скролл, но это не ломает функциональность.\n     */\n    scrollbar-width: none;\n  }\n}\n@supports not (scrollbar-color: auto) {\n  .scrollbarHidden::-webkit-scrollbar {\n    display: none;\n  }\n\n  .host::-webkit-scrollbar {\n    inline-size: 12px;\n    block-size: 12px;\n    background: 0 0;\n  }\n\n  .host::-webkit-scrollbar-track,\n  .host::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n\n  .host::-webkit-scrollbar-thumb,\n  .host::-webkit-scrollbar-thumb {\n    background-color: var(--vkui--color_icon_tertiary_alpha);\n    border: 3px solid transparent;\n    border-radius: 6px;\n    background-clip: padding-box, content-box;\n  }\n\n  .host::-webkit-scrollbar-thumb:hover,\n  .host::-webkit-scrollbar-thumb:active {\n    background-color: var(--vkui--color_icon_tertiary_alpha--hover);\n    border: 2px solid transparent;\n  }\n}\n\n.boxOverscrollBehaviorContain {\n  overscroll-behavior: contain;\n}\n\n.boxOverscrollBehaviorNone {\n  overscroll-behavior: none;\n}\n\n.horizontalScrollEnabled {\n  overflow-x: auto;\n}\n",".host {\n  /* см. `.children {}` в `ModalPage` */\n  flex: 1 1 100%;\n}\n",".host {\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n",".host:not([hidden]) {\n  isolation: isolate;\n  position: fixed;\n  inset: 0;\n  z-index: var(--vkui--z_index_modal);\n  overflow: hidden;\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host:not([hidden]) {\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n}\n",".host {\n  --vkui_internal_ModalPage--userHeight: 100%;\n  --vkui_internal_ModalPage--desktopMaxWidth: 100%;\n\n  display: flex;\n  inline-size: 100%;\n  block-size: var(--vkui_internal_ModalPage--userHeight);\n  margin-inline: auto;\n  outline: none;\n  box-sizing: border-box;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .host {\n    position: absolute;\n    inset-inline: 0;\n    inset-block-end: 0;\n    max-inline-size: var(--vkui--size_popup_small--regular);\n    pointer-events: none;\n  }\n\n  .hostSafeAreaInsetTop {\n    max-block-size: calc(100% - var(--vkui_internal--safe_area_inset_top));\n  }\n\n  .hostSafeAreaInsetTopWithCustomOffset {\n    max-block-size: calc(\n      100% - (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height))\n    );\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host {\n    position: relative;\n    margin-block: auto;\n    max-inline-size: var(--vkui_internal_ModalPage--desktopMaxWidth);\n    max-block-size: calc(100% - 64px); /* FIXME 64px??? */\n    block-size: auto;\n  }\n\n  .hostMaxWidthS {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_small--regular);\n  }\n\n  .hostMaxWidthM {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_medium--regular);\n  }\n\n  .hostMaxWidthL {\n    --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_large--regular);\n  }\n}\n\n.document {\n  inline-size: 100%;\n  box-sizing: border-box;\n\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .document {\n    --vkui_internal_ModalPageDocument--snapPoint: auto;\n    --vkui_internal_ModalPageDocument--safeAreaInsetBottom: var(\n      --vkui_internal--safe_area_inset_bottom\n    );\n\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-end: 0;\n    block-size: var(--vkui_internal_ModalPageDocument--snapPoint);\n    max-block-size: 100%;\n    padding-block-end: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transform: translate3d(0, 0, 0);\n    transition: block-size 0.4s var(--vkui_internal--spring-easing);\n  }\n\n  .documentStateEnter {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .documentStateEntering {\n    transform: translate3d(0, 0, 0);\n    transition: transform 0.5s var(--vkui_internal--slide-easing) 0.1s;\n  }\n\n  .documentStateExiting {\n    transform: translate3d(0, 100%, 0);\n    transition: transform 0.2s ease;\n  }\n\n  .documentStateExited {\n    transform: translate3d(0, 100%, 0);\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .document {\n    position: relative;\n    block-size: auto;\n  }\n\n  .documentStateEnter {\n    opacity: 0;\n  }\n\n  .documentStateEntering {\n    opacity: 1;\n    transition: opacity 0.2s ease-in 0.1s;\n  }\n\n  .documentStateExiting {\n    opacity: 0;\n    transition: opacity 0.1s ease-out;\n  }\n\n  .documentStateExited {\n    opacity: 0;\n  }\n}\n\n.children {\n  inline-size: 100%;\n  block-size: 100%;\n  border-start-start-radius: var(--vkui--size_border_radius_paper--regular);\n  border-start-end-radius: var(--vkui--size_border_radius_paper--regular);\n  background-color: var(--vkui--color_background_modal);\n  overflow: hidden;\n\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   *\n   * - см. `ModalPageHeader`\n   * - см. `ModalPageContent`\n   * - см. `ModalPageFooter`\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .children {\n    border-end-end-radius: var(--vkui--size_border_radius_paper--regular);\n    border-end-start-radius: var(--vkui--size_border_radius_paper--regular);\n    box-shadow: var(--vkui--elevation3);\n  }\n}\n",".host {\n  --vkui_internal--safe_area_inset_top: 0;\n\n  border-start-start-radius: inherit;\n  border-start-end-radius: inherit;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n}\n\n.hostWithGaps {\n  padding-inline: 4px;\n}\n\n.hostDesktop.hostWithGaps {\n  padding-inline: 8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--dismiss_24), /* Note: <Icon24Dismiss /> по документации используется только для iOS  */\n.host :global(.vkuiIcon--cancel_24) {\n  color: var(--vkui--color_icon_secondary);\n}\n",".container {\n  box-sizing: border-box;\n  position: relative;\n  background: var(--vkui--color_background_modal);\n  border-radius: 12px;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  pointer-events: initial;\n  box-shadow: var(--vkui--elevation3);\n\n  --vkui_internal--background: var(--vkui--color_background_modal);\n  --vkui_internal--dismiss_icon_height: 20px;\n  --vkui_internal--dismiss_icon_padding: 12px;\n  --vkui_internal--dismiss_icon_safe_offset: 4px;\n  --vkui_internal--dismiss_icon_desktop_offset: 4px;\n}\n\n.withSafeZone .container {\n  padding-block-start: calc(\n    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +\n      var(--vkui_internal--dismiss_icon_safe_offset)\n  );\n}\n\n.containerSoftwareKeyboardOpened {\n  margin-block-end: 0;\n}\n\n.title,\n.description {\n  text-align: center;\n  margin: 0;\n  padding-block: 0;\n  padding-inline: 8px;\n  word-break: break-word;\n}\n\n.title {\n  color: var(--vkui--color_text_primary);\n}\n\n.description {\n  color: var(--vkui--color_text_subhead);\n}\n\n.icon {\n  margin-block: 8px 16px;\n  margin-inline: auto;\n  color: var(--vkui--color_icon_accent);\n}\n\n.actions {\n  margin-block-start: 16px;\n}\n\n.dismiss {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  color: var(--vkui--color_icon_secondary);\n  padding: var(--vkui_internal--dismiss_icon_padding);\n}\n\n/**\n * iOS\n */\n.ios .container {\n  border-radius: 14px;\n\n  --vkui_internal--dismiss_icon_height: 24px;\n  --vkui_internal--dismiss_icon_padding: 12px;\n  --vkui_internal--dismiss_icon_safe_offset: 0px;\n}\n\n/**\n * Desktop\n */\n.desktop .dismiss {\n  inset-block-start: var(--vkui_internal--dismiss_icon_desktop_offset);\n  inset-inline-end: var(--vkui_internal--dismiss_icon_desktop_offset);\n}\n\n.desktop .container {\n  padding: 24px;\n\n  --vkui_internal--dismiss_icon_safe_offset: 0px;\n}\n\n.desktop.ios .container {\n  --vkui_internal--dismiss_icon_padding: 10px;\n  --vkui_internal--dismiss_icon_safe_offset: 6px;\n}\n\n.withSafeZone.desktop .container {\n  padding-block-start: calc(\n    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +\n      var(--vkui_internal--dismiss_icon_safe_offset) +\n      var(--vkui_internal--dismiss_icon_desktop_offset)\n  );\n}\n",".host {\n  padding: var(--vkui--spacing_size_m);\n  margin-inline: auto;\n  inline-size: 100%;\n  box-sizing: border-box;\n}\n\n.host:focus {\n  outline: none;\n}\n\n.hostMaxWidthS {\n  max-inline-size: calc(400px + var(--vkui--spacing_size_2xl));\n}\n\n.hostMaxWidthM {\n  max-inline-size: calc(414px + var(--vkui--spacing_size_2xl));\n}\n\n.hostMaxWidthL {\n  max-inline-size: calc(440px + var(--vkui--spacing_size_2xl));\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .host {\n    --vkui_internal_ModalCard--translateY: 100%;\n    --vkui_internal_ModalCard--safeAreaInsetBottom: var(--vkui_internal--safe_area_inset_bottom);\n\n    position: absolute;\n    inset-inline: 0;\n    inset-block-end: 0;\n    margin-block-end: var(--vkui_internal_ModalCard--safeAreaInsetBottom);\n    transform: translate3d(0, calc(100% - var(--vkui_internal_ModalCard--translateY)), 0);\n    transition: transform 0.4s var(--vkui_internal--spring-easing);\n  }\n\n  .hostStateEnter {\n    transform: translate3d(0, 100%, 0);\n    transition: none;\n  }\n\n  .hostStateEntering {\n    transition: transform 0.5s var(--vkui_internal--slide-easing) 0.2s;\n  }\n\n  .hostStateExiting {\n    transform: translate3d(0, 100%, 0);\n    transition: transform 0.2s ease;\n  }\n\n  .hostStateExited {\n    transform: translate3d(0, 100%, 0);\n    transition: none;\n  }\n}\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .host {\n    margin-block: auto;\n    opacity: 1;\n    transition: opacity 340ms var(--vkui--animation_easing_platform);\n  }\n\n  .hostStateEnter {\n    opacity: 0;\n    transition-property: none;\n  }\n\n  .hostStateEntering {\n    opacity: 1;\n  }\n\n  .hostStateExiting {\n    opacity: 0;\n  }\n\n  .hostStateExited {\n    opacity: 0;\n  }\n}\n",".host {\n  display: block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  inline-size: 6px;\n  block-size: 6px;\n  border-radius: 50%;\n}\n\n.modeNew {\n  background-color: var(--vkui--color_icon_accent);\n}\n\n.modeProminent {\n  background-color: var(--vkui--color_accent_red);\n}\n\n/**\n * CMP:\n * TabbarItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbarItem__label) .host {\n  position: absolute;\n  inset-block-start: -2px;\n  inset-inline-end: -2px;\n}\n",".host {\n  isolation: isolate;\n  position: relative;\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  block-size: auto;\n\n  /**\n   * `min-width` в контексте Flexbox по умолчанию имеет значение `auto`,\n   * из-за чего элементы при переполнении будут выходить за границы контейнера.\n   *\n   * Подробности по ссылке https://stackoverflow.com/a/66689926/2903061\n   */\n  min-inline-size: 0;\n}\n\n.sizeS {\n  min-block-size: 16px;\n  padding-block: 1px;\n  padding-inline: 4px;\n  border-radius: 4px;\n}\n\n.sizeM {\n  column-gap: 4px;\n  min-block-size: 20px;\n  padding-block: 3px;\n  padding-inline: 6px;\n  border-radius: 6px;\n}\n\n.singleIconSlotSizeM {\n  padding-block: 1px;\n  margin-inline: -2px;\n}\n\n.sizeL {\n  column-gap: 6px;\n  min-block-size: 28px;\n  padding-block: 6px;\n  padding-inline: 8px;\n  border-radius: 8px;\n}\n\n.iconSlotSizeL {\n  margin-inline-start: -2px;\n  margin-inline-end: -2px;\n}\n\n.singleIconSlotSizeL {\n  margin-block: -2px;\n  margin-inline: -4px;\n}\n\n.capsule {\n  border-radius: 48px;\n}\n\n/* mode=\"primary\" */\n.primaryAccent {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_background_accent);\n}\n\n.primaryNeutral {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.primaryAccentGreen {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_accent_green);\n}\n\n.primaryAccentRed {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_accent_red);\n}\n\n.primaryOverlay {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_overlay_primary);\n}\n\n/* mode=\"secondary\" */\n.secondaryAccent {\n  color: var(--vkui--color_text_accent);\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.secondaryNeutral {\n  color: var(--vkui--color_text_subhead);\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.secondaryAccentGreen {\n  color: var(--vkui--color_accent_green);\n  background-color: var(--vkui--color_background_positive_tint);\n}\n\n.secondaryAccentRed {\n  color: var(--vkui--color_accent_red);\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n.secondaryOverlay {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_overlay_secondary);\n}\n\n/* mode=\"outline\" */\n.modeOutline::before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: inherit;\n}\n\n.outlineAccent {\n  color: var(--vkui--color_text_accent);\n}\n\n.outlineAccent::before {\n  border-color: var(--vkui--color_stroke_accent);\n}\n\n.outlineNeutral {\n  color: var(--vkui--color_text_secondary);\n}\n\n.outlineNeutral::before {\n  border-color: var(--vkui--color_icon_secondary);\n}\n\n.outlineAccentGreen {\n  color: var(--vkui--color_accent_green);\n}\n\n.outlineAccentGreen::before {\n  border-color: currentColor;\n}\n\n.outlineAccentRed {\n  color: var(--vkui--color_accent_red);\n}\n\n.outlineAccentRed::before {\n  border-color: currentColor;\n}\n\n.outlineOverlay {\n  color: var(--vkui--color_text_contrast);\n}\n\n.outlineOverlay::before {\n  border-width: 0;\n  background-color: var(--vkui--color_overlay_primary);\n}\n",".host {\n  display: inline-flex;\n  max-inline-size: 100%; /* [Примечание 2] Чтобы блок не выходил за границы контейнера (связано с [Примечание 4]) */\n}\n\n.stretched {\n  display: flex;\n  inline-size: 100%;\n}\n\n.modeVertical {\n  flex-direction: column;\n}\n\n.modeHorizontal {\n  flex-direction: row;\n  /* чтобы блоки не растягивались на всю высоту контейнера */\n  align-items: flex-start;\n}\n\n/* stylelint-disable selector-max-universal */\n\n/**\n * [Примечание 3] Чтобы не завязываться на класс компонента, используем каскад и универсальный селектор.\n */\n\n/* \"gap\" для mode=\"vertical\" */\n.modeVertical.gapSpace > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_space--regular);\n}\n\n.modeVertical.gapS > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_small--regular);\n}\n\n.modeVertical.gapM > *:not(:first-child) {\n  margin-block-start: var(--vkui--size_button_group_gap_medium--regular);\n}\n\n/* \"gap\" для mode=\"horizontal\" */\n.modeHorizontal > *:not(.host) {\n  /**\n   * [Примечание 4]\n   *\n   * `min-width` в контексте Flexbox по умолчанию имеет значение `auto`,\n   * из-за чего элементы при переполнении будут выходить за границы контейнера.\n   *\n   * Подробности по ссылке https://stackoverflow.com/a/66689926/2903061\n   */\n  min-inline-size: 0;\n}\n\n.modeHorizontal.gapSpace > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_space--regular);\n}\n\n.modeHorizontal.gapS > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_small--regular);\n}\n\n.modeHorizontal.gapM > *:not(:last-child) {\n  margin-inline-end: var(--vkui--size_button_group_gap_medium--regular);\n}\n\n/* stylelint-enable selector-max-universal */\n\n.modeVertical.alignLeft {\n  align-items: flex-start;\n}\n\n.modeVertical.alignCenter {\n  align-items: center;\n}\n\n.modeVertical.alignRight {\n  align-items: flex-end;\n}\n\n.modeHorizontal.alignLeft {\n  justify-content: flex-start;\n}\n\n.modeHorizontal.alignCenter {\n  justify-content: center;\n}\n\n.modeHorizontal.alignRight {\n  justify-content: flex-end;\n}\n",".host {\n  position: relative;\n  background: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n  list-style-type: none;\n  display: block;\n}\n\n.modeShadow {\n  box-shadow: var(\n    --vkui--elevation3,\n    0 2px 24px 0 rgba(0, 0, 0, 0.08),\n    0 0 2px 0 rgba(0, 0, 0, 0.08)\n  );\n}\n\n.modeShadow,\n.modeOutline,\n.modePlain {\n  background: var(--vkui--color_background_contrast_themed);\n}\n\n.withBorder::after {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  display: block;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  pointer-events: none;\n  box-sizing: border-box;\n  border-radius: inherit;\n}\n\n/**\n * CMP:\n * CardScroll\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll) .host {\n  margin-inline-end: var(--vkui--size_cardgrid_padding--regular);\n  flex-shrink: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll) .host:last-of-type {\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-s) .host {\n  inline-size: 40%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-m) .host {\n  inline-size: 62%;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardScroll--size-l) .host {\n  inline-size: calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2);\n  margin-inline-end: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/**\n * CMP:\n * Group\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .host,\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  :global(.vkuiInternalCardScroll--size-l)\n  .host {\n  inline-size: calc(100% - 32px);\n  margin-inline-end: 16px;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host {\n    inline-size: calc(100% - 32px);\n    margin-inline-end: 16px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .host:last-of-type,\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  :global(.vkuiInternalCardScroll--size-l)\n  .host:last-of-type {\n  margin-inline-end: 0;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host:last-of-type {\n    margin-inline-end: 0;\n  }\n}\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host:last-of-type {\n    margin-inline-end: 0;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) :global(.vkuiInternalCardScroll--size-l) .host {\n    inline-size: calc(100% - 32px);\n    margin-inline-end: 16px;\n  }\n}\n\n/**\n * CMP:\n * CardGrid\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid) .host {\n  margin-inline-end: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-l) .host {\n  inline-size: 100%;\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-l) .host:not(:first-child) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host {\n  inline-size: calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host:nth-child(n + 3) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-m) .host:nth-child(2n) {\n  margin-inline-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host {\n  inline-size: calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host:nth-child(n + 4) {\n  margin-block-start: var(--vkui--size_cardgrid_padding--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCardGrid--size-s) .host:nth-child(3n) {\n  margin-inline-end: 0;\n}\n",".host {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.padding {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.sizeXCompact {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone {\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  }\n}\n\n.host + .host {\n  margin-block-start: calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2);\n}\n\n/**\n * CMP:\n * Group\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .host {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .host {\n    padding-inline: 8px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup) .host:first-child {\n  margin-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup) .host:last-child {\n  margin-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n",".host {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.in {\n  display: flex;\n  align-items: stretch;\n  inline-size: 100%;\n}\n\n.gap {\n  display: block;\n  flex-shrink: 0;\n}\n\n.host + .host {\n  margin-block-start: 16px;\n}\n\n.withPaddings .gap {\n  inline-size: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/**\n * CMP:\n * SplitCol\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-auto)\n  .withPaddings\n  .gap {\n  inline-size: 16px;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-auto)\n    .withPaddings\n    .gap {\n    inline-size: 16px;\n  }\n}\n\n/**\n * CMP:\n * Group\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings {\n  margin-inline: -8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings:first-child {\n  padding-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) .withPaddings:last-child {\n  padding-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings {\n    margin-inline: -8px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings:first-child {\n    padding-block-start: var(--vkui--size_cardgrid_padding_vertical--regular);\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--mode-none) .withPaddings:last-child {\n    padding-block-end: var(--vkui--size_cardgrid_padding_vertical--regular);\n  }\n}\n",".disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.body {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.tappable {\n  border-radius: var(--vkui--size_card_border_radius--regular);\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  display: block;\n}\n\n.img {\n  object-fit: cover;\n  display: block;\n  border-start-start-radius: var(--vkui--size_card_border_radius--regular);\n  border-start-end-radius: var(--vkui--size_card_border_radius--regular);\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.text:not(:last-child) {\n  margin-block-end: 4px;\n}\n\n.caption,\n.overTitle {\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: flex;\n  align-items: flex-start;\n  padding: 0;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  font-family: var(--vkui--font_family_base);\n}\n\n.before,\n.subtitleBefore,\n.subtitleAfter,\n.contentBefore,\n.contentAfter {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.before {\n  align-self: center;\n  margin-inline-end: var(--vkui--spacing_size_m);\n  margin-block-start: var(--vkui--spacing_size_2xs);\n}\n\n.beforeWithSubtitle {\n  margin-block-start: var(--vkui--spacing_size_s);\n}\n\n.subtitleWrapper {\n  display: flex;\n  align-items: center;\n}\n\n.subtitleBefore {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.subtitleAfter {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n\n.contentBefore {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.contentAfter {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n\n.main {\n  flex: 1 0 0;\n  min-inline-size: 0;\n  color: var(--vkui--color_text_primary);\n}\n\n.content {\n  display: flex;\n  align-items: center;\n}\n\n.contentIn,\n.subtitle {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.contentMultiline {\n  white-space: initial;\n  word-break: break-word;\n  flex-grow: 1;\n}\n\n.subtitle {\n  display: block;\n  color: var(--vkui--color_text_secondary);\n}\n\n.sizeS .contentIn {\n  color: var(--vkui--color_text_secondary);\n}\n\n.indicator {\n  color: var(--vkui--color_text_secondary);\n  margin-inline-start: var(--vkui--spacing_size_xs);\n  flex-shrink: 0;\n}\n\n.host:not(.pi) .indicator {\n  align-self: center;\n}\n\n.after {\n  display: flex;\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-max-universal */\n.after.after > * {\n  margin-block: 13px 7px;\n  margin-inline-start: 12px;\n}\n\n.sizeS .after.after > * {\n  margin-block-start: 11px;\n}\n\n.sizeM .after.after > * {\n  margin-block-start: 13px;\n}\n\n.sizeL .after.after > * {\n  margin-block-start: 14px;\n}\n\n.sizeXl .after.after > * {\n  margin-block-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  position: relative;\n  color: var(--vkui--color_icon_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeS .after > :global(.vkuiIcon--24) {\n  margin-block: 9px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeM .after > :global(.vkuiIcon--24) {\n  margin-block: 10px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeL .after > :global(.vkuiIcon--24) {\n  margin-block: 11px 5px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXl .after > :global(.vkuiIcon--24) {\n  margin-block: 12px 5px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeS .after > :global(.vkuiIcon--16) {\n  margin-block: 13px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeM .after > :global(.vkuiIcon--16) {\n  margin-block: 14px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeL .after > :global(.vkuiIcon--16) {\n  margin-block: 15px 9px;\n}\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeXl .after > :global(.vkuiIcon--16) {\n  margin-block: 16px 9px;\n}\n\n.content {\n  margin-block-start: 12px;\n}\n\n.content:last-child {\n  margin-block-end: 8px;\n}\n\n.subtitleWrapper {\n  margin-block-end: 7px;\n}\n\n/**\n * CMP:\n * Group\n *\n * TODO: Переделать отрицательные отступы https://github.com/VKCOM/VKUI/issues/3508\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain):not(:first-of-type) > .host:first-child,\n:global(.vkuiInternalGroup--mode-plain):not(:first-of-type)\n  > :global(.vkuiInternalTappable):first-child\n  > .host {\n  margin-block-start: -16px;\n}\n\n@media (--sizeX-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > .host:first-child,\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > :global(.vkuiInternalTappable):first-child\n    > .host {\n    margin-block-start: -16px;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) > .host:not(.sizeM):first-child,\n:global(.vkuiInternalGroup--mode-card)\n  > :global(.vkuiInternalTappable):first-child\n  > .host:not(.sizeM) {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n}\n\n@media (--sizeX-regular) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none)\n    > .host:not(.sizeM):first-child,\n  :global(.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none)\n    > :global(.vkuiInternalTappable):first-child\n    > .host:not(.sizeM) {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n  }\n}\n\n/**\n * Impact:\n * Link\n */\n.after {\n  --vkui_internal--link-color: var(--vkui--color_text_accent);\n}\n","/* stylelint-disable selector-max-universal */\n\n/*\n * Автоопределение mode:\n *\n * - sizeX=\"compact\" (mobile)  -> mode=\"plain\"\n * - sizeX=\"regular\" (desktop) -> mode=\"card\"\n */\n.host {\n  --vkui_internal--Group_padding_inline: 0;\n  --vkui_internal--Group_padding_block: var(--vkui--spacing_size_m);\n  --vkui_internal--Group_card_mode_padding_size: 0;\n\n  color: var(--vkui--color_text_primary);\n  padding-block: var(--vkui_internal--Group_padding_block);\n  padding-inline: var(--vkui_internal--Group_padding_inline);\n}\n\n.paddingS {\n  --vkui_internal--Group_card_mode_padding_size: var(--vkui--spacing_size_xs);\n}\n\n.paddingM {\n  --vkui_internal--Group_card_mode_padding_size: var(--vkui--spacing_size_m);\n}\n\n/* разделитель при mode=\"card\" */\n.modeCard,\n.sizeXRegular.modeNone {\n  --vkui_internal--Group_padding_inline: var(--vkui_internal--Group_card_mode_padding_size);\n  --vkui_internal--Group_padding_block: var(--vkui_internal--Group_card_mode_padding_size);\n\n  position: relative;\n  background: var(--vkui--color_background_content);\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone {\n    --vkui_internal--Group_padding_inline: var(--vkui_internal--Group_card_mode_padding_size);\n    --vkui_internal--Group_padding_block: var(--vkui_internal--Group_card_mode_padding_size);\n\n    position: relative;\n    background: var(--vkui--color_background_content);\n    border-radius: var(--vkui--size_border_radius_paper--regular);\n  }\n}\n\n.sizeXCompact.modeCard {\n  --vkui_internal--Group_padding_inline: 0;\n\n  border-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard {\n    --vkui_internal--Group_padding_inline: 0;\n\n    border-radius: var(--vkui--size_border_radius_promo--regular);\n  }\n}\n\n.sizeXCompact.modeCard:first-of-type {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: var(--vkui--size_border_radius_promo--regular);\n  border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard:first-of-type {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n    border-end-end-radius: var(--vkui--size_border_radius_promo--regular);\n    border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n  }\n}\n\n/*\n * Изменено с ::after на ::before\n * потому что при ::after абсолютно позиционированный элемент накладывается\n * поверх любого другого абсолютно позиционированного элемента внутри Group,\n * например поверх Tooltip\n * См. пример: Slider c пропом withTooltip\n */\n.modeCard::before,\n.sizeXRegular.modeNone::before {\n  content: '';\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  position: absolute;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone::before {\n    content: '';\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    border-radius: inherit;\n    pointer-events: none;\n    box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);\n  }\n}\n\n.sizeXCompact.modeCard::before {\n  box-shadow: none;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard::before {\n    box-shadow: none;\n  }\n}\n\n/*\n * Header\n */\n.header:empty {\n  display: none;\n}\n\n.modePlain:not(:first-of-type) > .header,\n.sizeXCompact.modeNone:not(:first-of-type) > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone:not(:first-of-type) > .header {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n  }\n}\n\n.modeCard > .header,\n.sizeXRegular.modeNone > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone > .header {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n  }\n}\n\n/*\n * Description\n */\n.description {\n  display: block;\n  padding-block: var(--vkui--spacing_size_xs) var(--vkui--spacing_size_2xl);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  color: var(--vkui--color_text_secondary);\n}\n\n/*\n * Separator (sibling)\n *\n * ⚠️ Находится за пределами Group\n */\n.separatorSibling {\n  --vkui_internal--Group__separator_hr: none;\n\n  position: relative;\n  box-sizing: border-box;\n}\n\n.separatorSibling::before {\n  display: var(--vkui_internal--Group__separator_hr);\n  content: '';\n  block-size: var(--vkui--size_border--regular);\n  background: var(--vkui--color_separator_primary);\n  margin-block-end: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* разделитель при mode=\"plain\" */\n.modePlain + .separatorSibling,\n.sizeXCompact.modeNone + .separatorSibling {\n  --vkui_internal--Group__separator_hr: block;\n\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  padding-block: var(--vkui--spacing_size_m);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone + .separatorSibling {\n    --vkui_internal--Group__separator_hr: block;\n\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n    padding-block: var(--vkui--spacing_size_m);\n  }\n}\n\n.modePlain:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n  display: none;\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeNone:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n    display: none;\n  }\n}\n\n/* разделитель при mode=\"card\" */\n.modeCard + .separatorSibling,\n.sizeXRegular.modeNone + .separatorSibling {\n  block-size: var(--vkui--spacing_size_2xl);\n  padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n}\n\n@media (--sizeX-regular) {\n  .sizeXNone.modeNone + .separatorSibling {\n    block-size: var(--vkui--spacing_size_2xl);\n    padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n  }\n}\n\n.sizeXCompact.modeCard + .separatorSibling {\n  block-size: var(--vkui--spacing_size_m);\n  padding-block: calc(var(--vkui--spacing_size_m) / 2);\n}\n\n@media (--sizeX-compact) {\n  .sizeXNone.modeCard + .separatorSibling {\n    block-size: var(--vkui--spacing_size_m);\n    padding-block: calc(var(--vkui--spacing_size_m) / 2);\n  }\n}\n\n/*\n * Group вложенный в ModalPage\n *\n * note: ModalPage форсирует mode=\"plain\" для Group\n */\n@media (--sizeX-regular) {\n  .modePlainInsideModal {\n    --vkui_internal--Group_padding_inline: var(--vkui--spacing_size_m);\n    --vkui_internal--Group_padding_block: var(--vkui--spacing_size_m);\n  }\n\n  .modePlainInsideModal + .separatorSibling {\n    padding-inline: calc(\n      var(--vkui--size_base_padding_horizontal--regular) + var(--vkui--spacing_size_m)\n    );\n  }\n}\n\n/*\n * Group вложенный в Group\n */\n.host .host {\n  --vkui_internal--Group_padding_inline: 0;\n}\n\n.host .host + .separatorSibling {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.host .host:first-of-type {\n  padding-block-start: 0;\n}\n\n.host .host:last-of-type {\n  padding-block-end: 0;\n}\n\n/*\n * Group.host\n * компенсирующий отступы Group в зависимости\n * от режима: inline / block\n */\n\n.expandedContentInline {\n  margin-inline: calc(-1 * var(--vkui_internal--Group_padding_inline));\n}\n\n.expandedContentBlock {\n  margin-block: calc(-1 * var(--vkui_internal--Group_padding_block));\n}\n\n.host .host:first-of-type .expandedContentBlock {\n  margin-inline-start: 0;\n}\n\n.host .host:last-of-type .expandedContentBlock {\n  margin-inline-start: 0;\n}\n\n/*\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader--vkcom) ~ .host:first-of-type,\n:global(.vkuiInternalPanelHeader--vkcom) + * .host:first-of-type {\n  position: relative;\n  inset-block-start: -1px;\n  border-start-end-radius: 0;\n  border-start-start-radius: 0;\n}\n",".host {\n  background: linear-gradient(to bottom, var(--vkui_internal--Gradient_gradient));\n\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient);\n}\n\n.toBottom {\n  background: linear-gradient(to top, var(--vkui_internal--Gradient_gradient));\n}\n\n.modeTint {\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient_tint);\n}\n\n.modeOverlay {\n  --vkui_internal--Gradient_gradient: var(--vkui--gradient_black);\n}\n",".host {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.placeholder {\n  display: none;\n}\n",".content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.action {\n  position: relative;\n  flex-grow: 0;\n  flex-shrink: 0;\n  border: 0;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.alignStart .action {\n  align-self: flex-start;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/**\n * iOS\n */\n.ios {\n  overflow: hidden;\n}\n\n.remove {\n  position: absolute;\n  inset-inline-start: 100%;\n  inset-block-start: 0;\n  block-size: 100%;\n  padding-block: 0;\n  padding-inline: 10px;\n  font-size: 15px;\n  line-height: 45px;\n  color: var(--vkui_internal--white);\n  background-color: var(--vkui--color_background_negative);\n  border: 0;\n  border-radius: 0;\n}\n\n.removeIn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.toggle {\n  display: block;\n  inline-size: 44px;\n  block-size: 44px;\n  margin-block: 0;\n  margin-inline: 2px;\n  background: none;\n}\n\n.toggleIn {\n  position: relative;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n}\n\n.toggleIn::after {\n  content: '';\n  inline-size: 22px;\n  block-size: 22px;\n  background-color: var(--vkui--color_background_negative);\n  border-radius: 50%;\n}\n\n.toggleIn::before {\n  content: '';\n  position: absolute;\n  display: block;\n  inline-size: 12px;\n  block-size: 2px;\n  background-color: var(--vkui_internal--white);\n}\n\n.ios .content {\n  padding-inline: 0 var(--vkui--size_base_padding_horizontal--regular);\n  transition: transform 0.6s var(--vkui--animation_easing_platform);\n}\n\n.indent .action {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable) .content,\n:global(.vkuiInternalFormLayoutGroup--removable) .content {\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.offset {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable) ~ .offset,\n:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  order: -1;\n  display: block;\n  inline-size: 100%;\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--sizeY-compact):global(.vkuiInternalFormItem--withTop)\n  :global(.vkuiInternalFormItem__removable)\n  ~ .offset,\n:global(.vkuiInternalFormLayoutGroup--sizeY-compact):global(.vkuiInternalFormLayoutGroup--removable)\n  :global(.vkuiInternalFormItem--withTop)\n  ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--sizeY-none):global(.vkuiInternalFormItem--withTop)\n    :global(.vkuiInternalFormItem__removable)\n    ~ .offset,\n  :global(.vkuiInternalFormLayoutGroup--sizeY-none):global(.vkuiInternalFormLayoutGroup--removable)\n    :global(.vkuiInternalFormItem--withTop)\n    ~ .offset {\n    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n  }\n}\n",".host {\n  --vkui_internal--SimpleCell-before-inline-padding-end: var(--vkui--spacing_size_xl);\n\n  display: flex;\n  align-items: center;\n  min-block-size: 48px;\n  white-space: nowrap;\n  text-decoration: none;\n  color: var(--vkui--color_text_primary);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.mult {\n  white-space: normal;\n}\n\n.mult .children {\n  text-overflow: initial;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.before {\n  display: flex;\n  align-items: center;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline-end: var(--vkui_internal--SimpleCell-before-inline-padding-end);\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.before > :global(.vkuiIcon) {\n  padding-inline-end: var(--vkui--spacing_size_xs);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.beforeIos > :global(.vkuiIcon) {\n  padding-inline-end: 0;\n}\n\n.before:empty {\n  display: none;\n}\n\n.middle {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-block: var(--vkui--spacing_size_l);\n  max-inline-size: 100%;\n  flex-grow: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap: 2px */\n.middle > *:not(:first-child) {\n  margin-block-start: var(--vkui--spacing_size_2xs);\n}\n\n.overTitle {\n  color: var(--vkui--color_text_subhead);\n}\n\n.text {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.subtitle,\n.extraSubtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.host .content {\n  display: flex;\n  align-content: flex-start;\n  align-items: center;\n  justify-content: space-between;\n  max-inline-size: 100%;\n}\n\n.host:not(.mult) .content {\n  justify-content: flex-start;\n}\n\n.children {\n  color: inherit;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: block;\n}\n\n.mult .children,\n.mult .subtitle {\n  flex: 1 1 auto;\n}\n\n.badge {\n  display: inline-block;\n  flex-grow: 0;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-max-universal -- gap: 4px */\n.content > *:not(:last-child) {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.indicator {\n  flex-shrink: 0;\n  color: var(--vkui--color_text_secondary);\n  min-inline-size: 0;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n.after {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  padding-inline-start: var(--vkui--spacing_size_m);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon):last-child {\n  padding-inline-end: var(--vkui--spacing_size_2xs);\n}\n\n.chevronIcon {\n  color: var(--vkui--color_icon_tertiary);\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n/**\n * sizeY === 'compact'\n */\n\n.sizeYCompact {\n  min-block-size: 44px;\n}\n\n.sizeYCompact .before {\n  padding-block: var(--vkui--spacing_size_xs);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 44px;\n  }\n\n  .sizeYNone .before {\n    padding-block: var(--vkui--spacing_size_xs);\n  }\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) > .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  inline-size: 24px;\n}\n\n.icon {\n  display: none;\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.iconOn {\n  color: var(--vkui--color_icon_accent);\n}\n\n.input:not(:checked) ~ .iconOff,\n.input:checked ~ .iconOn {\n  display: block;\n}\n","/* stylelint-disable selector-max-universal */\n.host {\n  cursor: ns-resize;\n  color: var(--vkui--color_icon_secondary);\n  user-select: none;\n  touch-action: manipulation;\n}\n\n.icon {\n  pointer-events: none;\n}\n",".host {\n  position: relative;\n}\n\n.dragging {\n  background-color: var(--vkui--color_background_secondary);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.checkbox,\n.dragger {\n  position: relative;\n  flex-shrink: 0;\n  margin-inline-end: var(--vkui--spacing_size_2xl);\n}\n\n.controlNoBefore {\n  /* Когда в before нет ничего, кроме dragger или checkbox, нужно добавлять компенсированный отступ */\n  margin-inline-end: calc(var(--vkui--spacing_size_2xl) - var(--vkui--spacing_size_xl));\n}\n\n.content {\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.removable .content {\n  flex-grow: 1;\n  /* размер removable icon */\n  padding-inline-end: 44px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.removable :global(.vkuiInternalRemovable__content) {\n  padding-inline-start: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- для того чтобы активная область Cell распространялась и на область removable */\n.removable :global(.vkuiInternalRemovable__action) {\n  position: absolute;\n  inset-inline-end: 0;\n  padding-inline-start: 0;\n}\n\n/**\n * iOS\n */\n.ios .dragger {\n  margin-inline: var(--vkui--spacing_size_xl) 0;\n}\n\n.ios .checkbox {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.ios .controlNoBefore {\n  /* Когда в before нет ничего, кроме dragger или checkbox, оставляем только отступ у before в SimpleCell */\n  margin-inline-end: 0;\n}\n\n.ios.removable .content {\n  /* размер removable icon + icon margins*/\n  padding-inline: 48px var(--vkui--size_base_padding_horizontal--regular);\n  /* правый паддинг от removable который мы обнулили ниже */\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios.removable :global(.vkuiInternalRemovable__action) {\n  inset-inline: 0 auto;\n  z-index: 1;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios.removable :global(.vkuiInternalRemovable__content) {\n  padding-inline-end: 0;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) > .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n",".host {\n  inline-size: 48px;\n  block-size: 40px;\n  box-sizing: border-box;\n  color: var(--vkui--color_icon_accent_themed);\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n}\n",".host {\n  display: flex;\n  padding-block: var(--vkui--spacing_size_m);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  min-block-size: 64px;\n  box-sizing: border-box;\n  color: var(--vkui--color_text_primary);\n  text-decoration: none; /* в случае если Component=\"a\" */\n  font-family: var(--vkui--font_family_base);\n}\n\n.sizeYCompact {\n  min-block-size: 60px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 60px;\n  }\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.inWrapper {\n  display: flex;\n  justify-content: space-between;\n  flex-grow: 1;\n  min-inline-size: 0;\n}\n\n.in {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content {\n  display: flex;\n  word-break: break-word;\n  justify-content: space-between;\n}\n\n.contentBefore {\n  min-inline-size: 0;\n}\n\n.contentAfter {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  min-inline-size: 0;\n  flex-grow: 1;\n  flex-basis: 100px;\n}\n\n.contentAfterAlignStart {\n  align-self: flex-start;\n}\n\n.contentAfterAlignCenter {\n  align-self: center;\n}\n\n.contentAfterAlignEnd {\n  align-self: flex-end;\n}\n\n.afterChildren {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.afterCaption {\n  margin-block-start: var(--vkui--spacing_size_2xs);\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  color: var(--vkui--color_text_secondary);\n}\n\n.sizeYCompact .afterCaption {\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .afterCaption {\n    font-size: var(--vkui--font_caption1--font_size--regular);\n    line-height: var(--vkui--font_caption1--line_height--regular);\n  }\n}\n\n.overTitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.extraSubtitle {\n  margin-block-start: 1px;\n  color: var(--vkui--color_text_secondary);\n}\n\n.children {\n  font-weight: var(--vkui--font_weight_accent2);\n}\n\n.textEllipsis .overTitle,\n.textEllipsis .children,\n.textEllipsis .subtitle,\n.textEllipsis .extraSubtitle {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-inline-size: 100%;\n  overflow: hidden;\n}\n\n.bottom {\n  margin-block-start: var(--vkui--spacing_size_s);\n}\n\n.actions {\n  margin-block-start: var(--vkui--spacing_size_m);\n}\n\n.children,\n.subtitle,\n.afterChildren {\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n}\n\n.sizeYCompact .children,\n.sizeYCompact .subtitle,\n.sizeYCompact .afterChildren {\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .children,\n  .sizeYNone .subtitle,\n  .sizeYNone .afterChildren {\n    font-size: var(--vkui--font_subhead--font_size--regular);\n    line-height: var(--vkui--font_subhead--line_height--regular);\n  }\n}\n\n/**\n * CMP:\n * FormItem\n **/\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: 60px;\n  }\n}\n",".host {\n  box-sizing: border-box;\n  text-decoration: none;\n  margin: 0;\n  border: 0;\n  inline-size: 100%;\n  background: transparent;\n  text-align: start;\n  padding-block: 0;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  inline-size: 100%;\n  box-sizing: content-box;\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.host[disabled] {\n  opacity: 0.4;\n}\n\n.centered {\n  justify-content: center;\n  text-align: center;\n}\n\n/* stylelint-disable-next-line selector-max-universal -- отключаем растягивание элементов внутри */\n.centered > * {\n  flex-grow: initial;\n  max-inline-size: initial;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.centered :global(.vkuiIcon) {\n  /* компенсируем отступ заданные в SimpleCell__before */\n  margin-inline-end: calc(\n    -1 * var(--vkui_internal--SimpleCell-before-inline-padding-end, var(--vkui--spacing_size_xl))\n  );\n  padding-inline-end: var(--vkui--spacing_size_m);\n}\n\n.appearanceAccent {\n  --vkui_internal--icon_color: var(--vkui--color_icon_accent);\n\n  color: var(--vkui--color_text_accent);\n}\n\n/* Переопределяем токен для `appearance=\"accent\"` */\n.centered {\n  --vkui_internal--icon_color: var(--vkui--color_icon_accent_themed);\n\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.appearanceNeutral {\n  --vkui_internal--icon_color: var(--vkui--color_icon_primary);\n\n  color: var(--vkui--color_text_primary);\n}\n\n.appearanceNegative {\n  --vkui_internal--icon_color: var(--vkui--color_text_negative);\n\n  color: var(--vkui--color_text_negative);\n}\n",".host {\n  inset-inline-end: 0;\n  inset-block-end: 0;\n}\n\n.shifted {\n  inset-inline-end: -2px;\n  inset-block-end: -2px;\n}\n\n.presetOnline,\n.presetOnlineMobile {\n  inset-inline-end: 14%;\n  inset-block-end: 14%;\n  color: var(--vkui--color_accent_green);\n  transform: translate(50%, 50%);\n}\n\n/**\n * Перебиваем свойства `ImageBaseBadge` для этих кейсов\n */\n.presetOnline {\n  padding: 0;\n}\n\n.presetOnlineMobile {\n  border-radius: 3px;\n}\n",".host {\n  border-radius: 50%;\n}\n\n.hasGradient {\n  color: var(--vkui--color_text_contrast);\n}\n\n.gradientRed {\n  background-color: #e52e40;\n  background-image: linear-gradient(135deg, #ff7583, #e52e40);\n}\n\n.gradientPink {\n  background-color: #e62e6b;\n  background-image: linear-gradient(135deg, #ff8880, #e62e6b);\n}\n\n.gradientOrange {\n  background-color: #e66b2e;\n  background-image: linear-gradient(135deg, #ffbf80, #e66b2e);\n}\n\n.gradientYellow {\n  background-color: #e7a902;\n  background-image: linear-gradient(135deg, #ffd54f, #e7a902);\n}\n\n.gradientGreen {\n  background-color: #6cd97e;\n  background-image: linear-gradient(135deg, #6cd97e, #12b212);\n}\n\n.gradientLBlue {\n  background-color: #2bb4d6;\n  background-image: linear-gradient(135deg, #7df1fa, #2bb4d6);\n}\n\n.gradientBlue {\n  background-color: #3f8ae0;\n  background-image: linear-gradient(135deg, #6cf, #3f8ae0);\n}\n\n.gradientViolet {\n  background-color: #8f3fe0;\n  background-image: linear-gradient(135deg, #d3a6ff, #8f3fe0);\n}\n\n.initials {\n  font-family: var(--vkui--font_family_accent);\n  font-weight: 600;\n  line-height: 1;\n  text-transform: uppercase;\n  text-align: center;\n}\n",".host {\n  display: flex;\n}\n\n.image {\n  display: flex;\n  justify-content: center;\n}\n\n.body {\n  max-inline-size: inherit;\n  text-decoration: none;\n  font-family: inherit;\n}\n\n/* Перебиваем селектор в Tappable--sizeX-(compact|none) */\n.host .body {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.content {\n  max-inline-size: inherit;\n  color: var(--vkui--color_text_primary);\n  word-break: break-word;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.content .subtitle {\n  margin-block-start: 2px;\n}\n\n.sized {\n  max-inline-size: var(--vkui_internal--cell_width);\n}\n\n.customSize .body {\n  inline-size: var(--vkui_internal--cell_width);\n}\n\n.sizeS {\n  --vkui_internal--side_cell_gap: calc(\n    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_m)\n  );\n  --vkui_internal--cell_width: 72px;\n}\n\n.noPadding {\n  --vkui_internal--side_cell_gap: 0px;\n}\n\n.image {\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_s);\n}\n\n.content {\n  padding-block: 2px 8px;\n  padding-inline: 6px;\n  text-align: start;\n}\n\n.textAlignCenter {\n  text-align: center;\n}\n\n.textAlignEnd {\n  text-align: end;\n}\n\n.sizeS .image {\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_m);\n}\n\n.sizeS .content {\n  padding-block: 2px 8px;\n  padding-inline: 4px;\n}\n\n.sizeM {\n  --vkui_internal--cell_width: 100px;\n}\n\n.sizeL {\n  --vkui_internal--cell_width: 140px;\n}\n\n.sizeXL {\n  --vkui_internal--cell_width: 232px;\n}\n\n.sizeAuto {\n  inline-size: auto;\n}\n\n.host:first-child::before,\n.host:last-child::after {\n  content: '';\n  min-inline-size: var(--vkui_internal--side_cell_gap);\n}\n\n.sized:first-child,\n.sized:last-child {\n  max-inline-size: calc(var(--vkui_internal--cell_width) + var(--vkui_internal--side_cell_gap));\n}\n\n.sized:first-child:last-child {\n  max-inline-size: calc(\n    var(--vkui_internal--cell_width) + (2 * (var(--vkui_internal--side_cell_gap)))\n  );\n}\n\n.sized:first-child .body,\n.sized:last-child .body {\n  max-inline-size: var(--vkui_internal--cell_width);\n}\n",".host {\n  display: flex;\n}\n\n.centered {\n  margin-block: auto;\n}\n\n.host:last-child::after {\n  content: '';\n  min-inline-size: var(--vkui_internal--side_cell_gap);\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-block: 4px;\n  padding-inline: var(--vkui--spacing_size_s);\n}\n\n.sizeS .body {\n  min-inline-size: 64px;\n  padding: var(--vkui--spacing_size_xs);\n}\n\n.sizeM .body {\n  inline-size: 128px;\n  margin-block-end: auto;\n}\n\n/* Перебиваем селектор в Tappable--sizeX-(compact|none) */\n.host .body {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.icon {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.text {\n  padding-block-start: 8px;\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: block;\n  padding-block: 24px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  user-select: text;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.header {\n  display: block;\n  margin-block-end: 2px;\n  color: var(--vkui--color_text_subhead);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".host {\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n}\n\n.viewport {\n  margin: 0;\n  block-size: 100%;\n  position: relative;\n}\n\n.alignCenter .viewport {\n  margin-block: 0;\n  margin-inline: auto;\n}\n\n.layer {\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  min-block-size: 100px;\n  align-items: stretch;\n  backface-visibility: hidden;\n}\n\n.draggable .layer {\n  cursor: grab;\n}\n\n.layer:empty {\n  min-block-size: 0;\n}\n\n.slide {\n  inline-size: 100%;\n  flex: 0 0 auto;\n  max-inline-size: 100%;\n  overflow: hidden;\n}\n\n.customWidth .slide {\n  inline-size: auto;\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.slide > * {\n  inline-size: 100%;\n  min-block-size: 100%;\n}\n\n.bullets {\n  position: absolute;\n  inset-block-end: 10px;\n  block-size: 6px;\n  inline-size: 100%;\n  inset-inline-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.bulletsDark .bullet {\n  background-color: var(--vkui--color_icon_primary_invariably);\n}\n\n.bulletsLight .bullet {\n  background-color: var(--vkui--color_icon_contrast);\n}\n\n.bullet {\n  block-size: 6px;\n  inline-size: 6px;\n  border-radius: 50%;\n  margin-block: 0;\n  margin-inline: 3px;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.bulletActive {\n  opacity: 1;\n}\n\n.arrow {\n  position: absolute;\n  inset-block-start: 0;\n  opacity: 0;\n}\n\n.host:hover .arrow {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.host .arrow:hover {\n  opacity: 1;\n}\n",".host {\n  inset-inline-end: 0;\n  inset-block-end: 0;\n}\n\n.shifted {\n  inset-inline-end: -2px;\n  inset-block-end: -2px;\n}\n",".host {\n  border-radius: 50%;\n}\n\n.in {\n  display: flex;\n  flex-flow: column wrap;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n}\n\n.item {\n  inline-size: calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2);\n  block-size: calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2);\n  margin-inline-end: var(--vkui_internal--grid_avatar_image_offset);\n  background-size: cover;\n  background-position: center;\n}\n\n.item:only-child {\n  inline-size: 100%;\n}\n\n.item:first-child:not(:nth-last-child(4)),\n.item:nth-child(2):last-child {\n  block-size: 100%;\n}\n\n/* если есть минимум три элемента — выбираем второй с конца */\n.item:nth-last-child(n + 3) ~ .item:nth-last-child(2),\n/* четвертый с конца */\n.item:nth-last-child(4) {\n  margin-block-end: var(--vkui_internal--grid_avatar_image_offset);\n}\n",".host {\n  position: absolute;\n  inset-block-end: -4px;\n  inset-inline-end: -4px;\n}\n\n.shifted {\n  inset-block-end: -3px;\n  inset-inline-end: -3px;\n}\n",".host {\n  border-radius: var(--vkui_internal--Image_border_radius, initial);\n}\n\n.borderStartStartRadius {\n  border-start-start-radius: var(--vkui_internal--Image_border_start_start_radius, initial);\n}\n\n.borderStartEndRadius {\n  border-start-end-radius: var(--vkui_internal--Image_border_start_end_radius, initial);\n}\n\n.borderEndStartRadius {\n  border-end-start-radius: var(--vkui_internal--Image_border_end_start_radius, initial);\n}\n\n.borderEndEndRadius {\n  border-end-end-radius: var(--vkui_internal--Image_border_end_end_radius, initial);\n}\n",".host {\n  border-radius: 1px;\n  background: var(--vkui--color_track_background);\n  block-size: 2px;\n}\n\n.in {\n  block-size: 100%;\n  border-radius: inherit;\n  transition: width 0.2s ease;\n}\n\n.appearanceAccent .in {\n  background: var(--vkui--color_stroke_accent);\n}\n\n.appearancePositive .in {\n  background: var(--vkui--color_stroke_positive);\n}\n\n.appearanceNegative .in {\n  background: var(--vkui--color_stroke_negative);\n}\n",".host {\n  display: flex;\n  overflow: hidden;\n  -webkit-tap-highlight-color: transparent;\n\n  --vkui_internal--search_height: var(--vkui--size_search_height--regular);\n}\n\n.withPadding {\n  padding-block: 8px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/*\n  sizeY-compact\n */\n\n.sizeYCompact {\n  --vkui_internal--search_height: var(--vkui--size_search_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--search_height: var(--vkui--size_search_height--compact);\n  }\n}\n\n.field {\n  position: relative;\n  display: flex;\n  flex-grow: 2;\n  flex-basis: 0%;\n  block-size: var(--vkui_internal--search_height);\n  background-color: var(--vkui--color_search_field_background);\n  border-radius: var(--vkui--size_border_radius--regular);\n  /**\n   * Костыль для PanelHeader. Необходимо для растягивания на всю ширину.\n  */\n  inline-size: 10000px;\n  overflow: hidden;\n}\n\n.field:hover {\n  background-color: var(--vkui--color_search_field_background--hover);\n}\n\n.field:active {\n  background-color: var(--vkui--color_search_field_background--active);\n}\n\n.label {\n  position: absolute;\n  cursor: text;\n  inset: 0;\n  opacity: 0;\n}\n\n.input {\n  padding-inline-start: 12px;\n  color: var(--vkui--color_icon_medium);\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  inline-size: calc(100% - 1px);\n  block-size: 100%;\n  border-radius: inherit;\n  position: relative;\n}\n\n.nativeInput {\n  position: absolute;\n  inset: 0;\n  block-size: 100%;\n  appearance: none; /* не используем textfield из-за бага в iOS 15.1 http://www.openradar.me/FB9744107 */\n  border: 0;\n  margin: 0;\n  padding: 0;\n  padding-inline-start: 36px;\n  box-sizing: border-box;\n  border-radius: inherit;\n  max-inline-size: 100%;\n  flex-grow: 1;\n  min-inline-size: 0;\n  inline-size: stretch; /* автопрефиксер добавит фолбеки https://caniuse.com/mdn-css_properties_width_stretch */\n  background-color: transparent;\n  color: var(--vkui--color_text_primary);\n}\n\n.nativeInput::-webkit-search-decoration,\n.nativeInput::-webkit-search-cancel-button,\n.nativeInput::-webkit-search-results-button,\n.nativeInput::-webkit-search-results-decoration {\n  display: none;\n}\n\n.nativeInput:focus {\n  outline: var(--vkui_internal--outline-reset);\n}\n\n.hasAfter .nativeInput {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n  pointer-events: none;\n  cursor: default;\n}\n\n.nativeInput:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.nativeInput::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.nativeInput:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.controls {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_secondary);\n  transition: transform 0.3s var(--vkui--animation_easing_platform);\n  /* Используем translate3d, чтобы поправить дергание при наведении в Safari */\n  transform: translate3d(100%, 0, 0);\n\n  --vkui_internal--search_icon_size: calc(var(--vkui_internal--search_height) + 4px);\n}\n\n.hasIcon .controls {\n  /* Исключаем параметр icon из расчёта, чтобы он оставался видимым */\n  transform: translate3d(calc(100% - var(--vkui_internal--search_icon_size)), 0, 0);\n}\n\n.hasValue .controls {\n  transform: translate3d(0, 0, 0);\n}\n\n.icon {\n  inline-size: var(--vkui_internal--search_icon_size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.icon :global(.vkuiIcon) {\n  padding: 0;\n}\n\n.after {\n  position: relative;\n  display: flex;\n  flex-grow: 0;\n  flex-basis: 0%;\n  min-inline-size: 0;\n  max-inline-size: min-content;\n  transition: flex-grow 0.3s var(--vkui--animation_easing_platform);\n  pointer-events: none;\n}\n\n.focused .after,\n.hasValue .after {\n  flex-grow: 1;\n  pointer-events: initial;\n}\n\n.after::before,\n.after::after {\n  content: '';\n  flex-shrink: 0;\n  display: block;\n  inline-size: 4px;\n  block-size: 100%;\n}\n\n.withPadding .after::after {\n  margin-inline-end: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.afterTextClip {\n  display: block;\n  text-overflow: clip;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.findButton {\n  min-inline-size: initial;\n  max-inline-size: initial;\n  inline-size: initial;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain) .host {\n  padding-block-start: 4px;\n}\n",".in {\n  display: flex;\n  align-items: stretch;\n}\n\n.withGaps {\n  justify-content: flex-start;\n}\n\n/**\n * CMP:\n * PanelHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) .host {\n  overflow: hidden;\n  font-family: var(--vkui--font_family_base);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalPanelHeader) .host::after {\n  display: block;\n  inline-size: 1000px;\n  content: '';\n}\n\n/**\n * CMP:\n * Group\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-plain) > .modeDefault:first-child {\n  margin-block-start: -8px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalGroup--mode-card) > .modeDefault:first-child {\n  margin-block-start: -4px;\n}\n\n/*\n * CMP:\n * FixedLayout\n */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- Нужно для закрашивания прозрачной области нижнего инсета на iphone x */\n:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom)\n  .host::after {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background: var(--vkui--color_background_content);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom) .in {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_tabs);\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-block: 4px;\n  padding-inline: 8px;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  min-block-size: 32px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  transition: background-color 150ms ease-out;\n  text-decoration: none;\n}\n\n.withGaps {\n  margin-block: 8px;\n}\n\n.withGaps:not(:first-child) {\n  margin-inline-start: 6px;\n}\n\n.sizeYCompact {\n  padding-block: 2px;\n  min-block-size: 28px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    padding-block: 2px;\n    min-block-size: 28px;\n  }\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/* mode=\"default\" */\n.modeDefault {\n  position: relative;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 0;\n  padding-block: 12px;\n  padding-inline: 16px;\n  min-block-size: 48px;\n}\n\n.sizeYCompact.modeDefault {\n  padding-block: 10px;\n  min-block-size: 44px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.modeDefault {\n    padding-block: 10px;\n    min-block-size: 44px;\n  }\n}\n\n.hover.modeDefault {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n/* mode=\"accent\" */\n.modeAccent {\n  transition:\n    background-color 150ms ease-out,\n    box-shadow 150ms ease-out;\n}\n\n.selected.modeAccent {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation2);\n}\n\n.hover.modeAccent {\n  background-color: var(--vkui--color_background_contrast_themed--hover);\n}\n\n.modeAccent::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\n  pointer-events: none;\n}\n\n.selected.modeAccent::before {\n  border-color: var(--vkui--color_separator_primary);\n}\n\n/* mode=\"secondary\" */\n.selected.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.hover.modeSecondary {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n/* Элемент */\n.before {\n  margin-inline-end: 6px;\n  color: var(--vkui--color_icon_medium);\n  transition: color 150ms ease-out;\n}\n\n.selected .before {\n  color: var(--vkui--color_icon_primary);\n}\n\n.selected.modeAccent .before {\n  color: var(--vkui--color_icon_accent_themed);\n}\n/* Элемент */\n.label {\n  max-inline-size: 100%;\n  overflow: hidden;\n  color: var(--vkui--color_text_secondary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: color 150ms ease-out;\n  min-inline-size: 0;\n}\n\n.selected .label {\n  color: var(--vkui--color_text_primary);\n}\n\n.selected.modeAccent .label {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n/* Элемент */\n.status {\n  margin-inline-start: 6px;\n}\n\n.statusCount {\n  color: var(--vkui--color_text_tertiary);\n}\n\n/* Элемент */\n.after {\n  margin-inline-start: 6px;\n  color: var(--vkui--color_icon_medium);\n}\n\n.selected .after {\n  color: var(--vkui--color_icon_primary);\n}\n\n.modeAccent.selected .after {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n/* Элемент */\n.underline {\n  position: absolute;\n  inset-inline: 16px;\n  inset-block-end: 5px;\n  block-size: 2px;\n  border-radius: 2px;\n  background-color: var(--vkui--color_background_accent);\n  opacity: 0;\n  transition: opacity 150ms ease-out;\n  pointer-events: none;\n}\n\n.sizeYCompact .underline {\n  inset-block-end: 3px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .underline {\n    inset-block-end: 3px;\n  }\n}\n\n.underline[data-selected='true'] {\n  opacity: 1;\n}\n\n/**\n * CMP:\n * Tabs\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--vkcom) .host {\n  flex-grow: 0;\n  min-inline-size: auto;\n  padding-inline: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabs--vkcom) .underline {\n  inset-inline: 2px;\n  inset-block-end: 0;\n}\n\n/**\n * CMP:\n * HorizontalScroll\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalHorizontalScroll) .host {\n  min-inline-size: 64px;\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 0;\n}\n\n.host.stretched {\n  flex-grow: 1;\n}\n\n.host.shrinked {\n  flex-grow: 0;\n  min-inline-size: auto;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.refreshing {\n  touch-action: none;\n  pointer-events: none;\n}\n\n.controls {\n  inline-size: 100%;\n  pointer-events: none;\n}\n\n.host:not(.ios) .controls {\n  z-index: var(--vkui_internal--z_index_pull_to_refresh);\n}\n\n.spinner {\n  display: flex;\n  margin: auto;\n  inline-size: 40px;\n  block-size: 40px;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  transition:\n    transform 300ms cubic-bezier(0.1, 0, 0.25, 1),\n    opacity 220ms ease-out;\n  opacity: 0;\n  background: var(--vkui--color_background_modal);\n  border-radius: 50%;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n  color: var(--vkui--color_icon_accent);\n}\n\n.ios .spinner {\n  border-radius: 0;\n  box-shadow: none;\n  background: none;\n  color: var(--vkui--color_icon_medium);\n}\n\n.watching .spinner {\n  transition: opacity 220ms ease-out;\n}\n\n.spinnerSelf {\n  stroke: currentColor;\n}\n\n.ios.refreshing .spinnerSelf {\n  animation: pull-to-refresh-to-refreshing 380ms ease-out;\n}\n\n.spinnerPath {\n  transform: rotate(-90deg);\n  transform-origin: center center;\n  transition: stroke-dashoffset 167ms ease-out;\n}\n\n.watching .spinnerPath,\n.refreshing .spinnerPath {\n  transition: none;\n}\n\n.spinnerOn .spinnerPath {\n  animation: ptr-rotator var(--vkui_internal--duration) linear infinite;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: hidden;\n  transition: transform 400ms var(--vkui--animation_easing_platform);\n}\n\n.watching .content {\n  transition: none;\n}\n\n@keyframes pull-to-refresh-to-refreshing {\n  0% {\n    transform: scale(1);\n  }\n\n  30% {\n    transform: scale(0.6);\n  }\n\n  90% {\n    transform: scale(1.1);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes ptr-rotator {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",".host {\n  color: var(--vkui_internal--link-color, var(--vkui--color_text_link));\n  border: 0;\n  background: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  font-weight: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  text-align: inherit;\n  display: inline;\n  border-radius: 0;\n}\n\n@media (--hover-has) {\n  .withUnderline:hover {\n    text-decoration: underline;\n  }\n}\n\n.hasVisited:visited {\n  color: var(--vkui--color_text_link_visited);\n}\n\n.before,\n.after {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xs);\n}\n\n.after {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n}\n",".host {\n  border-radius: 4px;\n  padding: 2px;\n  margin: -2px;\n  /* Перебиваем значения браузера */\n  background-color: var(--vkui--color_background_accent_themed_alpha);\n  color: inherit;\n}\n",".overlay {\n  position: fixed;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: 5px;\n  text-align: center;\n  box-sizing: border-box;\n  background: var(--vkui_internal--counter_background);\n  color: var(--vkui_internal--counter_foreground);\n\n  --vkui_internal--counter_background: transparent;\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n/* -------- Mode Primary --------- */\n.modePrimary {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n.modePrimary.appearanceAccent {\n  --vkui_internal--counter_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast_themed);\n}\n\n.modePrimary.appearanceNeutral {\n  --vkui_internal--counter_background: var(--vkui--color_icon_secondary);\n}\n\n.modePrimary.appearanceAccentGreen {\n  --vkui_internal--counter_background: var(--vkui--color_accent_green);\n}\n\n.modePrimary.appearanceAccentRed {\n  --vkui_internal--counter_background: var(--vkui--color_accent_red);\n}\n\n.modePrimary.appearanceCustom {\n  --vkui_internal--counter_background: transparent;\n}\n\n/* -------- Mode Contrast --------- */\n\n.modeContrast {\n  --vkui_internal--counter_background: var(--vkui--color_background_contrast);\n}\n\n.modeContrast.appearanceAccent {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_accent);\n}\n\n.modeContrast.appearanceNeutral {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_tertiary);\n}\n\n.modeContrast.appearanceAccentGreen {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_green);\n}\n\n.modeContrast.appearanceAccentRed {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_red);\n}\n\n.modeContrast.appearanceCustom {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_primary_invariably);\n}\n\n/* -------- Mode Tertiary --------- */\n\n.modeTertiary {\n  --vkui_internal--counter_background: transparent;\n}\n\n.modeTertiary.appearanceAccent {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_accent);\n}\n\n.modeTertiary.appearanceNeutral {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_subhead);\n}\n\n.modeTertiary.appearanceAccentGreen {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_green);\n}\n\n.modeTertiary.appearanceAccentRed {\n  --vkui_internal--counter_foreground: var(--vkui--color_accent_red);\n}\n\n.modeTertiary.appearanceCustom {\n  --vkui_internal--counter_foreground: var(--vkui--color_text_contrast);\n}\n\n/*----------------------------------*/\n\n.sizeM {\n  block-size: 24px;\n  min-inline-size: 24px;\n  border-radius: 12px;\n}\n\n.sizeS {\n  block-size: 18px;\n  min-inline-size: 18px;\n  border-radius: 9px;\n}\n\n.modeInherit {\n  --vkui_internal--counter_background: var(\n    --vkui_internal--counter_inherit_background,\n    var(--vkui--color_icon_secondary)\n  );\n  --vkui_internal--counter_foreground: var(\n    --vkui_internal--counter_inherit_color,\n    var(--vkui--color_text_contrast_themed)\n  );\n}\n\n/**\n * CMP:\n * TabbarItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbarItem__label) .host {\n  position: absolute;\n  inset-block-start: -2px;\n  inset-inline-end: -9px;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.avatarsPositionInlineEnd {\n  flex-direction: row-reverse;\n}\n\n.avatarsPositionBlockStart {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.photos {\n  display: flex;\n}\n\n.fill {\n  fill: var(--vkui--color_image_placeholder_alpha);\n}\n\n.photoOthers {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_text_contrast_themed);\n  background: var(--vkui--color_icon_secondary);\n  border-radius: 50%;\n}\n\n.sizeS .photo {\n  inline-size: 16px;\n  block-size: 16px;\n}\n\n.sizeM .photo {\n  inline-size: 24px;\n  block-size: 24px;\n}\n\n.sizeL .photo {\n  inline-size: 32px;\n  block-size: 32px;\n}\n\n.photoWrapper {\n  display: flex;\n}\n\n.photoWrapper:not(:first-child) {\n  margin-inline-start: -2px;\n}\n\n.text {\n  min-inline-size: 0;\n  flex: 1;\n}\n\n.avatarsPositionBlockStart .text {\n  text-align: center;\n  margin-block-start: 8px;\n}\n\n.avatarsPositionInlineStart .text {\n  margin-inline-start: 8px;\n}\n\n.avatarsPositionInlineEnd .text {\n  margin-inline-end: 8px;\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.withPadding {\n  padding-block: 48px;\n  padding-inline: 32px;\n}\n\n.stretched {\n  flex: 1 0;\n  block-size: 100%;\n}\n\n.icon {\n  margin-block-end: 12px;\n  display: inline-block;\n  vertical-align: top;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.title {\n  color: var(--vkui--color_text_primary);\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.title + .description {\n  margin-block-start: 8px;\n}\n\n.action:not(:first-child) {\n  margin-block-start: 16px;\n}\n",".host {\n  isolation: isolate;\n  color: var(--vkui--color_text_primary);\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n  padding: var(--vkui_internal--banner-padding);\n  background-color: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_border_radius--regular);\n  overflow: hidden;\n\n  --vkui_internal--banner-padding: 12px;\n}\n\n.host::before {\n  content: '';\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n  pointer-events: none;\n  box-sizing: border-box;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.before {\n  position: relative;\n  margin-inline-end: 12px;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.content {\n  position: relative;\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  min-inline-size: 0;\n  z-index: var(--vkui_internal--z_index_banner_content);\n}\n\n.subtitle,\n.extraSubtitle {\n  color: var(--vkui--color_text_subhead);\n}\n\n.bg {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  z-index: var(--vkui_internal--z_index_banner_background);\n}\n\n/* stylelint-disable selector-max-universal */\n.bg,\n.bg > * {\n  inline-size: 100%;\n  block-size: 100%;\n}\n/* stylelint-enable selector-max-universal */\n\n.after {\n  display: flex;\n  flex-flow: row nowrap;\n  align-content: center;\n  align-items: center;\n  justify-content: flex-end;\n  inline-size: 28px;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.dismiss {\n  margin-block-start: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));\n  margin-inline-end: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));\n  align-self: flex-start;\n  display: flex;\n  flex-flow: row nowrap;\n  align-content: center;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_secondary);\n  z-index: var(--vkui_internal--z_index_banner_hover);\n}\n\n.actions {\n  margin-block-start: 12px;\n}\n\n.subtitle:not(:first-child),\n.extraSubtitle:not(:first-child) {\n  margin-block-start: 2px;\n}\n\n/**\n * Mode \"image\"\n */\n.modeImage.host {\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.inverted .dismiss,\n.inverted .chevron,\n.inverted {\n  color: var(--vkui--color_text_contrast);\n}\n\n.inverted .subtitle {\n  color: var(--vkui--color_text_contrast);\n  opacity: 0.72;\n}\n\n/**\n * Size \"m\"\n */\n.sizeM {\n  --vkui_internal--banner-padding: 16px;\n}\n\n.sizeM .subtitle:not(:first-child),\n.sizeM .extraSubtitle:not(:first-child) {\n  margin-block-start: 4px;\n}\n\n.ios .dismiss,\n.ios.modeImage .dismiss {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/**\n * CMP:\n * FormStatus\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus).host::before {\n  border: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus--mode-error).host {\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormStatus--mode-error) .subtitle {\n  color: var(--vkui--color_background_negative);\n}\n",".host {\n  display: flex;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  color: var(--vkui--color_text_subhead);\n}\n\n.modeAccent {\n  color: var(--vkui--color_text_primary);\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n  color: var(--vkui--color_icon_secondary);\n}\n\n.middle {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n.content {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-break: break-word;\n}\n\n.textWrapShort .content {\n  white-space: initial;\n  display: -webkit-box;\n  max-block-size: 60px;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.textWrapFull .content {\n  overflow: inherit;\n  white-space: initial;\n}\n\n.textWrapNowrap .content {\n  flex: 0 1 auto;\n}\n\n.after {\n  margin-inline-start: var(--vkui--spacing_size_xl);\n  margin-block: calc(-1 * var(--vkui--spacing_size_2xs));\n}\n\n.modeAdd,\n.modeMore {\n  color: var(--vkui--color_text_link_themed);\n}\n\n.modeAdd .before,\n.modeMore .before {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.modeMore {\n  padding-block: 10px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.middle :global(.vkuiIcon) {\n  margin-inline-start: var(--vkui--spacing_size_xs);\n  color: var(--vkui--color_text_accent);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.modeAdd .middle :global(.vkuiIcon),\n.modeMore .middle :global(.vkuiIcon) {\n  color: var(--vkui--color_icon_accent_themed);\n}\n",".host {\n  background: var(--vkui--color_background_contrast_themed);\n}\n\n.shadow {\n  box-shadow: var(--vkui--elevation3);\n}\n\n.before,\n.form,\n.after {\n  display: flex;\n  align-items: flex-end;\n}\n\n.form {\n  min-block-size: 52px;\n}\n\n.formIn {\n  flex: 1;\n  min-inline-size: 0;\n  display: flex;\n  position: relative;\n}\n\n.textarea {\n  box-sizing: border-box;\n  inline-size: 100%;\n  flex: 1;\n  min-inline-size: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  resize: none;\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  max-block-size: 120px;\n}\n\n.textarea::placeholder {\n  color: var(--vkui--color_text_subhead);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.textarea:focus {\n  outline: var(--vkui_internal--outline-reset);\n}\n\n.inlineAfter {\n  display: flex;\n  align-items: flex-end;\n}\n\n.before {\n  padding-inline-start: 4px;\n}\n\n.after {\n  padding-inline-end: 4px;\n}\n\n.textarea {\n  block-size: 52px;\n  padding-block: 16px;\n  padding-inline: 12px;\n}\n\n/**\n * iOS\n */\n.ios {\n  background: var(--vkui--color_background_content);\n}\n\n.ios .before,\n.ios .after {\n  padding-block: 0;\n  padding-inline: 4px;\n}\n\n.ios .formIn {\n  box-sizing: border-box;\n  background-color: var(--vkui--color_write_bar_input_background);\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_write_bar_input_border);\n  border-radius: 18px;\n  margin-block: 8px;\n  margin-inline: 0;\n}\n\n.ios .formIn:first-child {\n  margin-inline-start: 12px;\n}\n\n.ios .inlineAfter {\n  /* чтобы правильно выровнять иконку, нужно учитывать border */\n  --vkui_internal--writebar-right-gap: calc(-1 * var(--vkui--size_border--regular));\n  --vkui_internal--writebar-vertical-gap: calc(var(--vkui_internal--writebar-right-gap) - 8px);\n\n  margin-inline-end: var(--vkui_internal--writebar-right-gap);\n  margin-block: var(--vkui_internal--writebar-vertical-gap);\n}\n\n.ios .textarea {\n  block-size: 36px;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n}\n",".host {\n  background: none;\n  border: 0;\n  position: relative;\n  color: var(--vkui--color_icon_secondary);\n  block-size: 52px;\n  inline-size: 44px;\n  cursor: pointer;\n  border-radius: var(--vkui--size_border_radius--regular);\n  margin: 0;\n  padding: 0;\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.host:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.active {\n  opacity: 0.6;\n}\n\n.counter {\n  position: absolute;\n  inset-block-start: 6px;\n  inset-inline-end: 2px;\n  box-shadow: 0 0 0 2px var(--vkui--color_background_modal);\n}\n\n.ios .counter {\n  box-shadow: 0 0 0 2px var(--vkui--color_background_content);\n}\n\n.host.modeSend,\n.host.modeDone {\n  color: var(--vkui--color_icon_accent);\n}\n\n/**\n * iOS\n */\n.ios {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.ios.modeSend,\n.ios.modeDone {\n  color: var(--vkui--color_icon_accent_themed);\n  inline-size: 48px;\n  padding-inline: 0;\n}\n\n.ios.modeSend,\n.ios.modeDone {\n  /* компенсируем отступ WriteBar__after справа */\n  margin-inline-end: -4px;\n}\n\n.ios.modeSend:only-child,\n.ios.modeDone:only-child {\n  /* для одной иконки нужно компенсировать отступ WriteBar__after слева */\n  margin-inline-start: -4px;\n}\n\n/**\n * Impact:\n * Counter\n */\n.host {\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive);\n}\n",".in {\n  /* Отрицательный margin нужен, чтобы компенсировать увеличенный из-за тени padding (12px -> 20px) */\n  margin-block: -8px;\n  margin-inline: 0;\n}\n\n.scrollIn {\n  margin: 0;\n  padding-block: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);\n  padding-inline: 0;\n  display: flex;\n}\n\n.scrollIn::before,\n.scrollIn::after {\n  content: '';\n  min-inline-size: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.item {\n  list-style-type: none;\n  display: flex;\n}\n\n.item + .item {\n  margin-inline-start: var(--vkui--size_subnavigation_bar_gap--regular);\n}\n\n.modeFixed .item {\n  flex: 1;\n  min-inline-size: 0;\n}\n",".host {\n  inline-size: 100%;\n  user-select: none;\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.in {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * size s\n */\n\n.sizeS .in {\n  block-size: var(--vkui--size_button_small_height--regular);\n}\n\n/**\n * size m\n */\n\n.sizeM .in {\n  block-size: var(--vkui--size_button_medium_height--regular);\n}\n\n/**\n * size l\n */\n\n.sizeL .in {\n  block-size: var(--vkui--size_button_large_height--regular);\n}\n\n/**\n * SizeY = compact\n */\n.sizeYCompact.sizeS .in {\n  block-size: var(--vkui--size_button_small_height--compact);\n}\n\n.sizeYCompact.sizeM .in {\n  block-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.sizeYCompact.sizeL .in {\n  block-size: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.sizeS .in {\n    block-size: var(--vkui--size_button_small_height--compact);\n  }\n\n  .sizeYNone.sizeM .in {\n    block-size: var(--vkui--size_button_medium_height--compact);\n  }\n\n  .sizeYNone.sizeL .in {\n    block-size: var(--vkui--size_button_large_height--compact);\n  }\n}\n\n.before {\n  margin-inline-end: 8px;\n  color: var(--vkui--color_icon_accent);\n}\n\n.label {\n  flex-grow: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.after {\n  margin-inline-start: 8px;\n}\n\n.chevronIcon {\n  margin-inline-start: 8px;\n  margin-block-start: 1px; /* Смещает иконку относительно текста */\n  color: var(--vkui--color_icon_secondary);\n}\n\n.before:first-child,\n.label:first-child {\n  padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n.after:last-child,\n.label:last-child,\n.chevronIcon {\n  padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n/**\n * mode\n */\n\n.modePrimary {\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.modeOutline {\n  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);\n}\n\n/**\n * appearance\n */\n\n.appearanceNeutral .chevronIcon,\n.appearanceNeutral .before {\n  color: var(--vkui--color_icon_primary);\n}\n\n/**\n * selected\n */\n\n.selected {\n  background-color: var(--vkui--color_background_accent_themed);\n  color: var(--vkui--color_text_contrast_themed);\n  box-shadow: none;\n  border: 0;\n}\n\n.selected.modeTertiary,\n.selected.appearanceNeutral {\n  background-color: var(--vkui--color_transparent--active);\n  color: var(--vkui--color_text_primary);\n}\n\n.selected.appearanceAccent:not(.modeTertiary) .before,\n.selected.appearanceAccent:not(.modeTertiary) .chevronIcon {\n  color: var(--vkui--color_icon_contrast_themed);\n}\n\n/**\n * Impact:\n * Counter\n */\n\n.host {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);\n}\n\n.selected.appearanceAccent:not(.modeTertiary) {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed);\n}\n\n.selected.appearanceNeutral {\n  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);\n  --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary);\n}\n","/* Page styles */\n.host {\n  box-sizing: border-box;\n  padding-inline: 8px;\n  inline-size: 100%;\n  min-inline-size: 40px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n  user-select: none;\n  block-size: var(--vkui--size_button_large_height--regular);\n  line-height: var(--vkui--size_button_large_height--regular);\n  display: block;\n  text-decoration: none;\n}\n\n.stateHover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.stateActive,\n.current {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_transparent--active);\n}\n\n.disabled {\n  opacity: var(--vkui--opacity_disable);\n}\n\n.sizeYCompact {\n  line-height: var(--vkui--size_button_large_height--compact);\n  block-size: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    line-height: var(--vkui--size_button_large_height--compact);\n    block-size: var(--vkui--size_button_large_height--compact);\n  }\n}\n\n.typeEllipsis {\n  min-inline-size: 16px;\n  padding-inline: 0;\n}\n",".list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.prevButtonContainer {\n  margin-inline-end: 8px;\n}\n\n.nextButtonContainer {\n  margin-inline-start: 8px;\n}\n",".icon {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.host {\n  overflow: hidden;\n}\n\n.in {\n  --vkui_internal--AccordionContent_height: initial;\n\n  animation-duration: 100ms;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: forwards;\n}\n\n@media (--reduce-motion) {\n  .in {\n    animation-duration: 300ms;\n    animation-timing-function: linear;\n  }\n}\n\n.inEnter {\n  animation-name: animation-accordion-expand;\n}\n\n@media (--reduce-motion) {\n  .inEnter {\n    animation-name: animation-accordion-fade-in;\n  }\n}\n\n.inEntered {\n  block-size: var(--vkui_internal--AccordionContent_height);\n}\n\n.inExit {\n  animation-name: animation-accordion-collapse;\n}\n\n@media (--reduce-motion) {\n  .inExit {\n    animation-name: animation-accordion-fade-out;\n  }\n}\n\n.inExited {\n  block-size: 0;\n}\n\n@keyframes animation-accordion-expand {\n  0% {\n    block-size: 0;\n  }\n\n  100% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n@keyframes animation-accordion-collapse {\n  0% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    block-size: 0;\n  }\n}\n@keyframes animation-accordion-fade-in {\n  0% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  50% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    opacity: 1;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n@keyframes animation-accordion-fade-out {\n  0% {\n    opacity: 1;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  50% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    opacity: 0;\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n",".host {\n  display: block;\n}\n\n.withPadding {\n  padding-block: var(--vkui--size_form_item_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.withRemovable {\n  padding-inline: 0;\n}\n\n.removable {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding: 0;\n  min-inline-size: 1px;\n  overflow: hidden;\n}\n\n.top {\n  padding-block: 2px 8px;\n  color: var(--vkui--color_text_subhead);\n  display: flex;\n  align-items: flex-end;\n}\n\n.label,\n.aside {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.label {\n  flex: 1;\n}\n\n.aside {\n  color: var(--vkui--color_text_tertiary);\n  margin-inline-start: auto;\n}\n\n.aside:not(:only-child) {\n  padding-inline-start: 12px;\n}\n\n.labelMultiline {\n  white-space: normal;\n}\n\n.labelRequired {\n  color: var(--vkui--color_text_negative);\n  margin-inline-start: 3px;\n}\n\n.bottom {\n  color: var(--vkui--color_text_secondary);\n  padding-block-start: 8px;\n}\n\n.statusError .bottom {\n  color: var(--vkui--color_text_negative);\n}\n\n.statusValid .bottom,\n.verified .bottom {\n  color: var(--vkui--color_text_positive);\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact .top {\n  padding-block-end: 6px;\n}\n\n.sizeYCompact .bottom {\n  padding-block-start: 6px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .top {\n    padding-block-end: 6px;\n  }\n\n  .sizeYNone .bottom {\n    padding-block-start: 6px;\n  }\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .host {\n  max-inline-size: 100%;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding: 0;\n  min-inline-size: 1px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented))\n  .host\n  + .host {\n  margin-inline-start: 16px;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented)\n  .host\n  + .host {\n  margin-inline-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)\n  .host\n  + .host {\n  padding-block-start: 0;\n  margin-block-start: calc(-1 * var(--vkui--size_border--regular));\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)\n  .host:not(:last-of-type) {\n  padding-block-end: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.withTop .removable,\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .withTop {\n  margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact.withTop .removable,\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYCompact.withTop {\n  margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone.withTop .removable,\n  :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYNone.withTop {\n    margin-block-start: calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px);\n  }\n}\n",".host {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n  min-block-size: var(--vkui--size_field_height--regular);\n  font-family: var(--vkui--font_family_base);\n  -webkit-tap-highlight-color: transparent;\n  isolation: isolate;\n  border-radius: var(--vkui--size_border_radius--regular);\n  inline-size: 100%;\n}\n\n.scrollContainer {\n  display: flex;\n  inline-size: 100%;\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: auto;\n  min-block-size: inherit;\n}\n\n.content {\n  min-block-size: inherit;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: 0;\n}\n\n.sizeYCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  border-radius: inherit;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n}\n\n.iconWrapper {\n  flex-shrink: 0;\n  block-size: 100%;\n  display: flex;\n  position: sticky;\n  inset-block-start: 0;\n}\n\n.before,\n.after {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  align-self: center;\n  min-inline-size: var(--vkui--size_field_height--regular);\n  color: var(--vkui--color_icon_secondary);\n}\n\n.sizeYCompact .before,\n.sizeYCompact .after {\n  min-inline-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .before,\n  .sizeYNone .after {\n    min-inline-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.iconAlignStart {\n  align-self: flex-start;\n}\n\n.iconAlignEnd {\n  align-self: flex-end;\n}\n\n.before {\n  color: var(--vkui--color_icon_accent);\n}\n\n.after {\n  color: var(--vkui--color_icon_secondary);\n}\n\n.border {\n  pointer-events: none;\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_form_field_border);\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  box-sizing: border-box;\n  transform-origin: left top;\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\n}\n\n.modeDefault .border {\n  border-color: var(--vkui--color_field_border_alpha);\n}\n\n.modeDefault {\n  background-color: var(--vkui--color_field_background);\n}\n\n.hover {\n  background-color: var(--vkui--color_field_background);\n}\n\n.modeDefault.hover .border {\n  border-color: var(--vkui--color_field_border_alpha--hover);\n  z-index: var(--vkui_internal--z_index_form_field_border_hover);\n}\n\n/**\n * useFocusVisibleClassName()\n */\n/* increase specificity for selects */\n.focusVisible.focusVisible .border {\n  border-color: var(--vkui--color_stroke_accent);\n}\n\n/**\n * CMP:\n * FormItem\n * [start]\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-error) .modeDefault .border,\n:global(.vkuiInternalFormItem--status-error) .focusVisible .border,\n.statusError.modeDefault .border,\n.statusError.focusVisible .border {\n  border-color: var(--vkui--color_stroke_negative);\n  z-index: var(--vkui_internal--z_index_form_field_status);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-error) .host,\n.statusError {\n  background-color: var(--vkui--color_background_negative_tint);\n}\n\n/* increase specificity to cover --mode-default case */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-valid) .modeDefault .border,\n:global(.vkuiInternalFormItem--status-valid) .focusVisible .border,\n.statusValid.modeDefault .border,\n.statusValid.focusVisible .border {\n  border-color: var(--vkui--color_stroke_positive);\n  z-index: var(--vkui_internal--z_index_form_field_status);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--status-valid) .host:not(.modeDefault),\n.statusValid:not(.modeDefault) {\n  background-color: var(--vkui--color_background_positive_tint);\n}\n/* [end] */\n\n.disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n  cursor: default;\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * NativeSelect\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalNativeSelect) .after {\n  pointer-events: none;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .after {\n  min-inline-size: 12px;\n  padding-inline-end: 8px;\n}\n\n/**\n * CMP:\n * FormLayoutGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--segmented) .host {\n  z-index: auto;\n  isolation: auto;\n  border-radius: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal\n      .vkuiInternalFormItem\n  ):first-of-type\n  .host {\n  border-start-start-radius: var(--vkui--size_border_radius--regular);\n  border-end-start-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal\n      .vkuiInternalFormItem\n  ):last-of-type\n  .host {\n  border-start-end-radius: var(--vkui--size_border_radius--regular);\n  border-end-end-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical\n      .vkuiInternalFormItem\n  ):first-of-type\n  .host {\n  border-start-start-radius: var(--vkui--size_border_radius--regular);\n  border-start-end-radius: var(--vkui--size_border_radius--regular);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(\n    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical\n      .vkuiInternalFormItem\n  ):last-of-type\n  .host {\n  border-end-start-radius: var(--vkui--size_border_radius--regular);\n  border-end-end-radius: var(--vkui--size_border_radius--regular);\n}\n",".host {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-inline-size: auto;\n}\n\n.modeHorizontal {\n  display: flex;\n  padding-block: var(--vkui--size_form_item_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  flex-wrap: wrap;\n  align-items: flex-start;\n}\n\n.removable {\n  flex-grow: 1;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.offset {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  order: -1;\n  display: block;\n  min-inline-size: 100%;\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.sizeYCompact.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n\n@media (--sizeY-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .sizeYNone.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n  }\n}\n\n.withRemovable {\n  padding-inline: 0;\n}\n\n.segmented {\n  position: relative;\n}\n",".modeError {\n  color: var(--vkui--color_background_negative);\n}\n",".host {\n  /* Switch__track */\n  --vkui_internal--Switch__track_shape: calc(var(--vkui_internal--Switch__track_width) / 2);\n  --vkui_internal--Switch__track_outline_width: 2px;\n  --vkui_internal--Switch__handle_shift_x: var(--vkui_internal--Switch__track_outline_width);\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shift_y: calc(var(--vkui_internal--Switch__track_height) - var(--vkui_internal--Switch__handle_height) - var(--vkui_internal--Switch__track_outline_width));\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_scale: calc(var(--vkui_internal--Switch__handle_widthNoUnit--not-checked) / var(--vkui_internal--Switch__handle_heightNoUnit));\n\n  position: relative;\n  display: block;\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  user-select: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.disabled {\n  cursor: not-allowed;\n  opacity: var(--vkui_internal--Switch_disabled);\n}\n\n.default {\n  --vkui_internal--Switch_disabled: 0.5;\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 52px;\n  --vkui_internal--Switch__track_height: 32px;\n  --vkui_internal--Switch__track_color: var(--vkui--color_background);\n  --vkui_internal--Switch__track_color_duration: 67ms;\n  --vkui_internal--Switch__track_shadow_visibility: 1;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 28px;\n  --vkui_internal--Switch__handle_widthNoUnit--checked: 24;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 16;\n  --vkui_internal--Switch__handle_height: 28px;\n  --vkui_internal--Switch__handle_heightNoUnit: 28;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_medium);\n  --vkui_internal--Switch__handle_color_duration: 67ms;\n  --vkui_internal--Switch__handle_scale_duration: 250ms;\n  --vkui_internal--Switch__handle_shift_x_duration: 300ms;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  --vkui_internal--Switch__handle_shadow: none;\n}\n\n.default.sizeYCompact {\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 32px;\n  --vkui_internal--Switch__track_height: 20px;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 16.5px;\n  --vkui_internal--Switch__handle_widthNoUnit--checked: 16;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 10;\n  --vkui_internal--Switch__handle_height: 16.5px;\n  --vkui_internal--Switch__handle_heightNoUnit: 16.5;\n}\n\n@media (--sizeY-compact) {\n  .default.sizeYNone {\n    /* Switch__track */\n    --vkui_internal--Switch__track_width: 32px;\n    --vkui_internal--Switch__track_height: 20px;\n\n    /* Switch__handle */\n    --vkui_internal--Switch__handle_width: 16.5px;\n    --vkui_internal--Switch__handle_widthNoUnit--checked: 16;\n    --vkui_internal--Switch__handle_widthNoUnit--not-checked: 10;\n    --vkui_internal--Switch__handle_height: 16.5px;\n    --vkui_internal--Switch__handle_heightNoUnit: 16.5;\n  }\n}\n\n.ios {\n  --vkui_internal--Switch_disabled: 0.7;\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 51px;\n  --vkui_internal--Switch__track_height: 31px;\n  --vkui_internal--Switch__track_color: var(--vkui--color_track_background);\n  --vkui_internal--Switch__track_color_duration: 200ms;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 27px;\n  --vkui_internal--Switch__handle_widthNoUnit--pressed: 27px;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 27px;\n  --vkui_internal--Switch__handle_height: 27px;\n  --vkui_internal--Switch__handle_heightNoUnit: 27;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_contrast);\n  --vkui_internal--Switch__handle_color_duration: 200ms;\n  --vkui_internal--Switch__handle_scale_duration: 200ms;\n  --vkui_internal--Switch__handle_shift_x_duration: 200ms;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.36, -0.24, 0.26, 1.32);\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shadow:\n    0 3px 8px rgba(0, 0, 0, 0.15),\n    0 3px 1px rgba(0, 0, 0, 0.06),\n    inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);\n}\n\n.ios.sizeYCompact {\n  /* Switch__track */\n  --vkui_internal--Switch__track_width: 47px;\n  --vkui_internal--Switch__track_height: 27px;\n\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_width: 23px;\n  --vkui_internal--Switch__handle_widthNoUnit--pressed: 23px;\n  --vkui_internal--Switch__handle_widthNoUnit--not-checked: 23px;\n  --vkui_internal--Switch__handle_height: 23px;\n  --vkui_internal--Switch__handle_heightNoUnit: 23;\n}\n\n@media (--sizeY-compact) {\n  .ios.sizeYNone {\n    /* Switch__track */\n    --vkui_internal--Switch__track_width: 47px;\n    --vkui_internal--Switch__track_height: 27px;\n\n    /* Switch__handle */\n    --vkui_internal--Switch__handle_width: 23px;\n    --vkui_internal--Switch__handle_widthNoUnit--pressed: 23px;\n    --vkui_internal--Switch__handle_widthNoUnit--not-checked: 23px;\n    --vkui_internal--Switch__handle_height: 23px;\n    --vkui_internal--Switch__handle_heightNoUnit: 23;\n  }\n}\n\n.inputFake {\n  display: block;\n}\n\n.inputNative:checked + .inputFake {\n  /* Switch__track */\n  --vkui_internal--Switch__track_color: var(--vkui--color_background_accent);\n\n  /* Switch__handle */\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_shift_x: calc(var(--vkui_internal--Switch__track_width) - var(--vkui_internal--Switch__handle_width) - var(--vkui_internal--Switch__track_outline_width));\n  /* prettier-ignore */\n  --vkui_internal--Switch__handle_scale: calc(var(--vkui_internal--Switch__handle_widthNoUnit--checked) / var(--vkui_internal--Switch__handle_heightNoUnit));\n  --vkui_internal--Switch__track_shadow_visibility: 0;\n  --vkui_internal--Switch__handle_color: var(--vkui--color_icon_contrast);\n}\n\n.default:not(.disabled) .inputFake:active {\n  /* Switch__handle */\n  --vkui_internal--Switch__handle_scale: 1;\n  --vkui_internal--Switch__handle_shift_x_easing: cubic-bezier(0.2, 0, 0, 1);\n}\n\n.track {\n  position: relative;\n  display: block;\n  inline-size: var(--vkui_internal--Switch__track_width);\n  block-size: var(--vkui_internal--Switch__track_height);\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  background-color: var(--vkui_internal--Switch__track_color);\n  transition: background-color var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.default .track::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  opacity: var(--vkui_internal--Switch__track_shadow_visibility);\n  border-radius: inherit;\n  border: var(--vkui_internal--Switch__track_outline_width) solid\n    var(--vkui--color_field_border_alpha);\n  transition: opacity var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.handle {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: var(--vkui_internal--Switch__handle_width);\n  block-size: var(--vkui_internal--Switch__handle_height);\n  border-radius: 9999px;\n  /* prettier-ignore */\n  transform: translate(var(--vkui_internal--Switch__handle_shift_x), var(--vkui_internal--Switch__handle_shift_y));\n  /* prettier-ignore */\n  transition: transform var(--vkui_internal--Switch__handle_shift_x_duration) var(--vkui_internal--Switch__handle_shift_x_easing);\n}\n\n.handle::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background-color: var(--vkui_internal--Switch__handle_color);\n  box-shadow: var(--vkui_internal--Switch__handle_shadow);\n  transform: scale(var(--vkui_internal--Switch__handle_scale));\n  transition-property: transform, background-color;\n  transition-timing-function: var(--vkui_internal--Switch__handle_shift_x_easing), linear;\n  /* prettier-ignore */\n  transition-duration: var(--vkui_internal--Switch__handle_scale_duration), var(--vkui_internal--Switch__handle_color_duration);\n}\n\n.handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_opacity: 0;\n  --vkui_internal--Switch__handleRipple_opacity_duration: 15ms;\n  --vkui_internal--Switch__handleRipple_color: var(--vkui--color_icon_medium);\n  --vkui_internal--Switch__handleRipple_color_duration: 15ms;\n\n  content: '';\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  inline-size: 40px;\n  block-size: 40px;\n  border-radius: inherit;\n  background-color: var(--vkui_internal--Switch__handleRipple_color);\n  opacity: var(--vkui_internal--Switch__handleRipple_opacity);\n  transform: translate(-50%, -50%);\n  transition-property: opacity, background-color;\n  /* prettier-ignore */\n  transition-duration:\n    var(--vkui_internal--Switch__handleRipple_opacity_duration),\n    var(--vkui_internal--Switch__handleRipple_color_duration);\n  transition-timing-function: linear;\n}\n\n@media (--sizeY-compact) {\n  .handleWithRipple::before {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n}\n\n/* устройства с мышкой */\n@media (--hover-has) {\n  .inputFake:hover .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity: 0.08;\n  }\n}\n\n.inputFake:active .handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_opacity: 0.12;\n}\n\n.inputNative:checked + .inputFake .handleWithRipple::before {\n  --vkui_internal--Switch__handleRipple_color: var(--vkui--color_background_accent);\n}\n\n/* тач-устройства */\n@media (--hover-has-not) {\n  .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity_duration: 375ms;\n  }\n\n  .inputFake:active .handleWithRipple::before {\n    --vkui_internal--Switch__handleRipple_opacity_duration: 105ms;\n  }\n}\n\n/**\n * CMP:\n * SimpleCell\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalSimpleCell__after) > .host {\n  margin-inline-start: 12px;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.column {\n  flex-direction: column;\n}\n\n.row {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n/* stylelint-disable selector-max-universal -- Управляем флексом элементов и гапом */\n.host > * {\n  flex: 1;\n}\n\n.column > * {\n  margin-block-end: var(--vkui--size_base_padding_vertical--regular);\n}\n\n.column > *:last-child {\n  margin-block-end: 0;\n}\n\n.row > * {\n  margin-inline-end: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.row > *:last-child {\n  margin-inline-end: 0;\n}\n\n/* Если элементов больше чем 2, то растягиваем первый элемент */\n.row > *:first-child:nth-last-child(n + 3) {\n  flex: auto;\n  inline-size: 100%;\n  margin-block-end: var(--vkui--size_base_padding_vertical--regular);\n  margin-inline-end: 0;\n}\n/* stylelint-enable selector-max-universal */\n",".host {\n  position: relative;\n}\n\n.host::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: var(--vkui--size_border_radius--regular);\n  border: 1px dashed var(--vkui--color_separator_primary);\n}\n\n.active::before {\n  border-color: var(--vkui--color_stroke_accent_themed);\n  border-width: 2px;\n}\n",".host {\n  position: relative;\n  line-height: 20px;\n  font-size: 16px;\n}\n\n.alignCenter .el {\n  text-align: center;\n}\n\n.alignRight .el {\n  text-align: end;\n}\n\n.el {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  padding-block: 0;\n  padding-inline: 12px;\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  box-sizing: border-box;\n  border-radius: inherit;\n  color: var(--vkui--color_text_primary);\n}\n\n.sizeYCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .el {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.hasBefore .el {\n  padding-inline-start: 0;\n}\n\n.hasAfter .el {\n  padding-inline-end: 0;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  display: inline-flex;\n  align-items: center;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  background: var(--vkui--color_background_content);\n  border-radius: 6px;\n  block-size: 32px;\n  box-sizing: border-box;\n}\n\n.in,\n.removable {\n  position: relative;\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n  border-radius: inherit;\n}\n\n.in {\n  padding-inline-start: 8px;\n  overflow: hidden;\n}\n\n.in:last-of-type {\n  padding-inline-end: 8px;\n}\n\n.content {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_primary);\n  display: inline-block;\n\n  /* Typography/Paragraph */\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n}\n\n.sizeYCompact .content {\n  /* Typography/Footnote */\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  font-family: var(--vkui--font_footnote--font_family--regular);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .content {\n    /* Typography/Footnote */\n    font-size: var(--vkui--font_footnote--font_size--regular);\n    line-height: var(--vkui--font_footnote--line_height--regular);\n    font-weight: var(--vkui--font_footnote--font_weight--regular);\n    font-family: var(--vkui--font_footnote--font_family--regular);\n  }\n}\n\n.removable {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.remove {\n  flex: 0 0 100%;\n  padding: 5px;\n  transform: translateX(-1px);\n  color: var(--vkui--color_icon_secondary);\n  border: 0;\n  border-radius: inherit;\n  background: transparent;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n\n.after {\n  margin-inline-start: 6px;\n}\n\n.sizeYCompact {\n  block-size: 28px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    block-size: 28px;\n  }\n}\n",".host {\n  --vkui_internal--chips_input_base_container_gap: 4px;\n\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  max-inline-size: 100%;\n  list-style: none;\n  margin: 0;\n  padding: var(--vkui_internal--chips_input_base_container_gap);\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  overflow: hidden;\n}\n\n.chip {\n  max-inline-size: calc(100% - var(--vkui_internal--chips_input_base_container_gap));\n  margin: 2px;\n}\n\n.el {\n  flex: 1;\n  position: relative;\n  inline-size: 100%;\n  margin-block: 2px 4px;\n  margin-inline: 10px 2px;\n  padding: 0;\n  color: var(--vkui--color_text_primary);\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  appearance: none;\n}\n\n.el:not(:read-only):focus {\n  min-inline-size: 64px;\n}\n\n.el::-ms-clear {\n  display: none;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.el[readonly] {\n  cursor: default;\n}\n\n.hasPlaceholder .el {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-inline: calc(12px - var(--vkui_internal--chips_input_base_container_gap)) 0;\n}\n\n/**\n * sizeY COMPACT\n */\n.sizeYCompact {\n  --vkui_internal--chips_input_base_container_gap: 2px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    --vkui_internal--chips_input_base_container_gap: 2px;\n  }\n}\n",".host {\n  overflow: hidden;\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-sizing: border-box;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n}\n\n.wide {\n  inline-size: 100%;\n}\n\n.bottom {\n  border-block-start: 0;\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.top {\n  inset-block-end: 100%;\n  border-block-end: 0;\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n  box-shadow: var(--vkui--elevation1_invert_y);\n}\n\n.fetching {\n  padding-block: 12px;\n  padding-inline: 0;\n}\n\n.inWithMaxHeight {\n  max-block-size: 160px;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__pickers) .inWithMaxHeight {\n  max-block-size: 184px;\n}\n",".host {\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  padding-block: 8px;\n  padding-inline: 12px;\n  user-select: none;\n  cursor: pointer;\n  color: var(--vkui--color_text_primary);\n}\n\n.hierarchy {\n  --vkui_internal--custom_select_option_hierarchy_level: 0;\n\n  padding-inline-start: calc(\n    var(--vkui_internal--custom_select_option_hierarchy_level) *\n      var(--vkui--size_option_hierarchy--regular)\n  );\n}\n\n.sizeYRegular {\n  min-block-size: 44px;\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    min-block-size: 44px;\n  }\n}\n\n.disabled {\n  cursor: default;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.hover {\n  background-color: var(--vkui--color_transparent--hover);\n}\n\n.before {\n  flex-shrink: 0;\n  margin-inline-end: 7px;\n}\n\n.main {\n  flex-grow: 1;\n  max-inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.children {\n  min-inline-size: 0;\n  word-break: break-word;\n}\n\n.after {\n  margin-inline-start: 8px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n}\n\n.selectedIcon {\n  color: var(--vkui--color_icon_accent);\n}\n\n.selectedIcon:not(:first-child) {\n  margin-inline-start: 8px;\n}\n",".host {\n  position: relative;\n}\n\n.empty {\n  padding-block: 12px;\n  padding-inline: 0;\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.popDown {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.popUp {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.dropdownIcon {\n  cursor: pointer;\n}\n\n.dropdownIconWithOffset {\n  margin-inline-end: 8px;\n}\n",".host {\n  position: absolute;\n  z-index: 1;\n  box-sizing: border-box;\n  inline-size: var(--vkui_internal--slider_thumb_size);\n  block-size: var(--vkui_internal--slider_thumb_size);\n  border-radius: 50%;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);\n  background-color: var(--vkui--color_background_contrast);\n  box-shadow: var(--vkui--elevation3);\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n}\n\n.focusVisible {\n  outline: var(--vkui_internal--outline);\n  outline-offset: calc(-1 * var(--vkui--size_border--regular));\n}\n\n.hover {\n  background-color: var(--vkui--color_background_contrast--hover);\n}\n\n.active {\n  background-color: var(--vkui--color_background_contrast--active);\n}\n\n/**\n * Задаём ширину и высоту родителя, чтобы скринридер правильно выделял элемент (скопировано с MUI).\n */\n.nativeInput {\n  direction: ltr;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  margin: -1px;\n  padding: 0;\n  border: 0 none;\n  clip: rect(0, 0, 0, 0);\n  overflow: hidden;\n  white-space: nowrap;\n}\n",".host {\n  position: relative;\n  cursor: pointer;\n  block-size: var(--vkui_internal--slider_thumb_size);\n}\n\n.disabled {\n  cursor: not-allowed;\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.track,\n.trackFill {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 0;\n  block-size: 2px;\n  border-radius: 1px;\n}\n\n.track {\n  inline-size: 100%;\n  background-color: var(--vkui--color_track_background);\n}\n\n.trackFill {\n  inline-size: auto;\n  background: var(--vkui--color_background_accent);\n}\n\n.thumbs {\n  isolation: isolate;\n  position: relative;\n  margin-inline: calc(var(--vkui_internal--slider_thumb_size) / 2);\n  block-size: 100%;\n}\n\n.thumb {\n  inset-block-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.sizeL {\n  --vkui_internal--slider_thumb_size: 28px;\n}\n\n.sizeM {\n  --vkui_internal--slider_thumb_size: 20px;\n}\n\n.sizeS {\n  --vkui_internal--slider_thumb_size: 16px;\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact.sizeL {\n  --vkui_internal--slider_thumb_size: 24px;\n}\n\n.sizeYCompact.sizeM {\n  --vkui_internal--slider_thumb_size: 16px;\n}\n\n.sizeYCompact.sizeS {\n  --vkui_internal--slider_thumb_size: 12px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.sizeL {\n    --vkui_internal--slider_thumb_size: 24px;\n  }\n\n  .sizeYNone.sizeM {\n    --vkui_internal--slider_thumb_size: 16px;\n  }\n\n  .sizeYNone.sizeS {\n    --vkui_internal--slider_thumb_size: 12px;\n  }\n}\n",".host {\n  overflow: hidden;\n  position: relative;\n  max-block-size: 204px;\n}\n\n.el {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  display: block;\n  padding: 12px;\n  inline-size: 100%;\n  box-sizing: border-box;\n  color: var(--vkui--color_text_primary);\n}\n\n.el[cols] {\n  inline-size: initial;\n}\n\n.sizeYCompact {\n  max-block-size: 196px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    max-block-size: 196px;\n  }\n}\n\n.el::placeholder {\n  color: var(--vkui--color_text_secondary);\n  /* Для Firefox */\n  opacity: 1;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.alignCenter .el {\n  text-align: center;\n}\n\n.alignRight .el {\n  text-align: end;\n}\n",".host {\n  flex-grow: 1;\n  color: var(--vkui--color_text_primary);\n  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n  word-break: break-word;\n  margin-block: var(--vkui--spacing_size_xl);\n  margin-inline-start: 12px;\n}\n\n.host:first-child {\n  margin-inline-start: 0;\n}\n\n.description {\n  color: var(--vkui--color_text_secondary);\n  display: block;\n  margin-block-start: 2px;\n}\n\n.titleLayout {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.title {\n  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n}\n\n.titleAfter {\n  margin-inline-start: 4px;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.sizeYCompact {\n  margin-block: var(--vkui--spacing_size_m);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    margin-block: var(--vkui--spacing_size_m);\n  }\n}\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  font-family: var(--vkui--font_family_base);\n  min-block-size: var(--vkui--size_field_height--regular);\n  box-sizing: border-box;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.sizeYCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    min-block-size: var(--vkui--size_field_height--compact);\n  }\n}\n",".icon {\n  display: flex;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_tertiary);\n  transition: color 0.15s var(--vkui--animation_easing_platform);\n}\n\n.input:checked ~ .icon {\n  color: var(--vkui--color_icon_accent);\n}\n\n.icon .pin {\n  transform-origin: center;\n  transform: scale(0);\n  transition: transform 0.15s var(--vkui--animation_easing_platform);\n}\n\n.input:checked ~ .icon .pin {\n  transform: none;\n}\n","/**\n * CMP:\n * RadioGroup\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalRadioGroup) .host {\n  flex: 1;\n  margin: 0;\n  box-sizing: border-box;\n}\n",".modeHorizontal {\n  display: flex;\n}\n\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\n  box-sizing: content-box;\n}\n",".host {\n  color: var(--vkui--color_icon_accent);\n}\n\n.iconOn,\n.iconIndeterminate {\n  display: none;\n}\n\n.iconOff {\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.input:checked ~ .iconOn {\n  display: flex;\n}\n\n.input:indeterminate ~ .iconIndeterminate,\n.input:checked ~ .iconOff {\n  display: none;\n}\n\n.input:indeterminate ~ .iconIndeterminate {\n  display: flex;\n}\n\n.input:indeterminate ~ .iconOn,\n.input:indeterminate ~ .iconOff {\n  display: none;\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  inline-size: var(--vkui--size_field_height--regular);\n  block-size: var(--vkui--size_field_height--regular);\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n/**\n * sizeY COMPACT\n */\n\n.sizeYCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone {\n    inline-size: var(--vkui--size_field_height--compact);\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n",".host {\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  font-family: var(--vkui--font_family_base);\n}\n\n.el {\n  display: block;\n  position: absolute;\n  appearance: none;\n  border: 0;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  opacity: 0;\n  z-index: var(--vkui_internal--z_index_form_field_side);\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  font-family: inherit;\n}\n\n.container {\n  align-self: center;\n  flex-grow: 1;\n  flex-shrink: 1;\n  padding-inline: 12px 0;\n  color: var(--vkui--color_text_primary);\n  box-sizing: border-box;\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  overflow: hidden;\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.sizeYCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.multiline .container {\n    padding-block: 8px;\n  }\n}\n\n.title {\n  display: block;\n}\n\n.host:not(.multiline) .title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.empty .title {\n  color: var(--vkui--color_text_secondary);\n}\n\n.alignRight .title {\n  text-align: end;\n}\n\n.alignCenter .title {\n  text-align: center;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .container {\n  padding-inline-end: 4px;\n}\n",".host {\n  position: relative;\n}\n\n.el {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  line-height: var(--vkui--size_field_height--regular);\n  margin: 0;\n  border: 0;\n  border-radius: inherit;\n  box-sizing: border-box;\n  box-shadow: none;\n  appearance: none;\n  color: var(--vkui--color_text_primary);\n  padding-block: 0;\n  padding-inline: 12px;\n  background: transparent;\n}\n\n.elCursorPointer {\n  cursor: pointer;\n}\n\n.sizeYCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .el {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n.hasBefore .el {\n  padding-inline-start: 0;\n}\n\n.hasAfter .el {\n  padding-inline-end: 0;\n}\n\n.el:disabled {\n  opacity: var(--vkui--opacity_disable_accessibility);\n}\n\n.container {\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  inline-size: 100%;\n  max-block-size: 100%;\n  padding-inline: 12px 0;\n  color: var(--vkui--color_text_primary);\n  box-sizing: border-box;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.sizeYCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone.multiline .container {\n    padding-block: 8px;\n  }\n}\n\n.inputGroup {\n  position: relative;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n}\n\n.hasBefore .inputGroup {\n  border-radius: 0;\n}\n\n.title {\n  display: block;\n}\n\n.host:not(.multiline) .title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.empty .title {\n  color: var(--vkui--color_text_secondary);\n}\n\n/* Для доступности placeholder в инпуте задан, но визуально не виден, потому что\n * для комфортного управления видом плейсходера мы рендерим его отдельно, так же как и лэйбл\n */\n.el::placeholder {\n  opacity: 0;\n}\n\n.alignRight .title,\n.alignRight .el {\n  text-align: end;\n}\n\n.alignCenter .title,\n.alignCenter .el {\n  text-align: center;\n}\n\n/**\n * CMP:\n * CalendarHeader\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalCalendarHeader__picker) .container {\n  padding-inline-end: 4px;\n}\n",".host {\n  inline-size: 100%;\n  position: relative;\n  display: block;\n  cursor: pointer;\n}\n\n.popDown {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n.popUp {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.control {\n  display: none;\n}\n\n.empty {\n  padding-block: 12px;\n  padding-inline: 0;\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n\n.fetching {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dropdownIcon {\n  margin-inline-end: 10px;\n}\n\n.clearIcon {\n  margin-inline-end: -6px;\n}\n\n.sizeYCompact .dropdownIcon {\n  margin-inline-end: 8px;\n}\n\n.sizeYCompact .clearIcon {\n  margin-inline-end: -2px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .dropdownIcon {\n    margin-inline-end: 8px;\n  }\n\n  .sizeYNone .clearIcon {\n    margin-inline-end: -2px;\n  }\n}\n",".host {\n  block-size: 100%;\n  border: 0;\n  border-radius: inherit;\n  background: transparent;\n  color: var(--vkui--color_text_primary);\n  transition: color 100ms ease-out;\n  user-select: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  appearance: none;\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n.hover {\n  opacity: 0.5;\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n",".host {\n  block-size: 30px;\n  padding: 2px;\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(--vkui--color_background_secondary);\n  box-sizing: border-box;\n  font-family: var(--vkui--font_family_base);\n}\n\n.sizeL {\n  block-size: 36px;\n}\n\n.in {\n  position: relative;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  transition: all 100ms ease-out;\n  border-radius: inherit;\n}\n\n.slider {\n  position: absolute;\n  inset-block: 0;\n  inset-inline-start: 0;\n  background-color: var(--vkui--color_segmented_control);\n  transition: transform 150ms;\n  transform-origin: 0 0;\n  border-radius: inherit;\n  box-shadow:\n    inset 0 0 0 0.5px var(--vkui--color_image_border_alpha),\n    0 3px 8px rgba(0, 0, 0, 0.12),\n    0 3px 1px rgba(0, 0, 0, 0.04);\n}\n\n/**\n * sizeY REGULAR\n */\n.sizeYRegular {\n  block-size: 36px;\n}\n\n.sizeYRegular.sizeL {\n  block-size: 44px;\n}\n\n@media (--sizeY-regular) {\n  .sizeYNone {\n    block-size: 36px;\n  }\n\n  .sizeYNone.sizeL {\n    block-size: 44px;\n  }\n}\n",".content {\n  border-radius: 0;\n  font-size: 14px;\n  color: var(--vkui--color_text_primary);\n  font-family: var(--vkui--font_family_base);\n  block-size: 100%;\n}\n\n.host,\n.hidden {\n  border-radius: 0;\n  flex-basis: calc(100% / 7);\n  flex-grow: 0;\n}\n\n.hidden,\n.content {\n  block-size: 36px;\n}\n\n.sizeS {\n  block-size: 34px;\n}\n\n.disabled,\n.notSameMonth {\n  color: var(--vkui--color_text_tertiary);\n}\n\n.selected {\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.selectionStart.selected,\n.hintedSelectionStart {\n  border-start-start-radius: 8px;\n  border-end-start-radius: 8px;\n}\n\n.selectionEnd.selected,\n.hintedSelectionEnd {\n  border-start-end-radius: 8px;\n  border-end-end-radius: 8px;\n}\n\n.dayNumber {\n  text-align: center;\n}\n\n.today {\n  font-weight: 600;\n}\n\n.today .dayNumber::after {\n  content: '';\n  border-block-end: 2px solid var(--vkui--color_stroke_accent);\n  inline-size: 16px;\n  display: block;\n  position: relative;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.today .innerActive .dayNumber::after {\n  border-block-end-color: var(--vkui--color_stroke_contrast);\n}\n\n.inner,\n.hinted {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.inner {\n  border-radius: 8px;\n}\n\n.hintedActive,\n.hostHovered :not(.hintedActive) .inner {\n  background-color: var(--vkui--color_background_secondary_alpha--hover);\n}\n\n.hostActivated :not(.hintedActive) .inner {\n  background-color: var(--vkui--color_background_secondary_alpha--active);\n}\n\n.innerActive {\n  background-color: var(--vkui--color_background_accent);\n  color: var(--vkui--color_text_contrast);\n}\n\n.hostHovered .inner.innerActive {\n  background-color: var(--vkui--color_background_accent--hover);\n}\n\n.hostActivated .inner.innerActive {\n  background-color: var(--vkui--color_background_accent--active);\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  flex-grow: 1;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.row:first-child:not(.rowSizeS) {\n  margin-block-end: 4px;\n}\n\n.row:not(:last-child):not(.rowSizeS) .rowDay {\n  padding-block-end: 2px;\n}\n\n.row:not(:nth-child(2)):not(.rowSizeS) .rowDay {\n  padding-block-start: 2px;\n}\n\n.weekday {\n  text-transform: capitalize;\n  color: var(--vkui--color_text_subhead);\n  block-size: 32px;\n  flex-basis: calc(100% / 7);\n  flex-grow: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n",".host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-block-size: 36px;\n}\n\n.pickers {\n  display: flex;\n  position: absolute;\n  color: var(--vkui--color_text_primary);\n}\n\n.picker + .picker {\n  margin-inline-start: 4px;\n}\n\n.navIcon {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 3px;\n}\n\n.navIconAccent {\n  color: var(--vkui--color_icon_accent);\n}\n\n.navIconNext {\n  inset-inline-end: 0;\n}\n\n.navIconPrev {\n  inset-inline-start: 0;\n}\n\n.month {\n  text-transform: capitalize;\n}\n",".host {\n  display: flex;\n  align-items: center;\n}\n\n.host__withoutDone {\n  justify-content: center;\n}\n\n.picker {\n  inline-size: 79px;\n}\n\n.divider {\n  margin-inline: 6px;\n  color: var(--vkui--color_text_primary);\n  font-family: var(--vkui--font_family_base);\n}\n\n.button {\n  margin-inline-start: auto;\n}\n",".host {\n  display: flex;\n  flex-direction: column;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  box-sizing: border-box;\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n  inline-size: 305px;\n  padding: 12px;\n}\n\n.time {\n  border-block-start: 1px solid var(--vkui--color_separator_primary);\n  margin-block: 12px 0;\n  margin-inline: -12px;\n  padding-block: 12px 0;\n  padding-inline: 12px;\n}\n\n.header {\n  margin-block-end: 4px;\n}\n\n.sizeS {\n  inline-size: 220px;\n  padding: 8px;\n}\n\n.sizeS .header {\n  margin-block-end: 0;\n}\n",".host {\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  inline-size: 610px;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  box-sizing: border-box;\n  box-shadow: var(--vkui--elevation1);\n  border-radius: 8px;\n  padding: 12px;\n}\n\n.inner {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.inner:not(:last-child) {\n  margin-inline-end: 24px;\n}\n\n.header {\n  margin-block-end: 4px;\n}\n",".mask {\n  position: relative;\n  font-family: var(--vkui--font_family_base);\n}\n\n.mask::after {\n  content: '';\n  position: absolute;\n  inline-size: calc(100% - 0.1em);\n  block-size: 1px;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  border-block-end: solid 1px var(--vkui--color_text_secondary);\n}\n\n.mask:last-child {\n  margin-inline-end: 1px;\n}\n\n.lastCharacter {\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 1px !important;\n}\n\n.divider {\n  color: var(--vkui--color_text_secondary);\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 1px !important;\n}\n\n.full + .divider {\n  color: var(--vkui--color_text_primary);\n}\n",".input {\n  display: block;\n  flex-grow: 1;\n  align-self: center;\n  margin-inline: 10px 14px;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  cursor: text;\n  white-space: nowrap;\n  user-select: text;\n  font-variant-numeric: tabular-nums;\n}\n\n.inputTimeDivider {\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 6px !important;\n}\n\n.sizeYCompact .input {\n  margin-inline-end: 22px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .input {\n    margin-inline-end: 22px;\n  }\n}\n",".input {\n  flex-grow: 1;\n  align-self: center;\n  margin-inline: 10px 14px;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  cursor: text;\n  white-space: nowrap;\n  user-select: text;\n  font-variant-numeric: tabular-nums;\n}\n\n.sizeYCompact .input {\n  margin-inline-end: 22px;\n}\n\n@media (--sizeY-compact) {\n  .sizeYNone .input {\n    margin-inline-end: 22px;\n  }\n}\n",".host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_skeleton_from);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_skeleton_to);\n  --vkui_internal--skeleton_animation_duration: 1.5s;\n  --vkui_internal--skeleton_gradient_left: 0;\n\n  display: inline-flex;\n  position: relative;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  line-height: 1;\n  border-radius: 6px;\n  overflow: hidden;\n  background-color: var(--vkui_internal--skeleton_color_from);\n}\n\n/* Если скелетон находится внутри другого скелетона он меняет цвет */\n.host .host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_background_content);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_background_tertiary);\n}\n\n.host .host .host {\n  --vkui_internal--skeleton_color_from: var(--vkui--color_skeleton_from);\n  --vkui_internal--skeleton_color_to: var(--vkui--color_skeleton_to);\n}\n\n.host::before {\n  position: absolute;\n  inset-inline-start: var(--vkui_internal--skeleton_gradient_left);\n  inset-block-start: 0;\n  content: ' ';\n  inline-size: 100vw;\n  block-size: 100%;\n  background-image: linear-gradient(\n    90deg,\n    var(--vkui_internal--skeleton_color_from),\n    var(--vkui_internal--skeleton_color_to),\n    var(--vkui_internal--skeleton_color_from)\n  );\n  transform: translateX(-100vw);\n  animation-name: animation-skeleton;\n  animation-direction: normal /*rtl:reverse*/;\n  animation-duration: 1.5s;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n}\n\n@keyframes animation-skeleton {\n  100% {\n    transform: translateX(100vw);\n  }\n}\n\n.disableAnimation::before {\n  /**\n   * Safari тратит время не пересчет анимации даже если элемент скрыт\n   * Для повышения производительности анимацию необходимо выключить\n   */\n  animation-name: none;\n  background-image: none;\n}\n\n@media (--reduce-motion) {\n  .host::before {\n    animation-name: none;\n    background-image: none;\n  }\n}\n",".host {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n",".host {\n  position: relative;\n}\n\n/* Создаём \"Safe Zone\" */\n.host::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--vkui_internal--popover_safe_zone_padding));\n}\n\n.in {\n  position: relative;\n}\n\n.inWithStyling {\n  background-color: var(--vkui--color_background_contrast_themed);\n  border-radius: var(--vkui--size_border_radius--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.arrow {\n  color: var(--vkui--color_background_contrast_themed);\n}\n\n.hidden {\n  display: none;\n}\n",".host {\n  position: relative;\n  inline-size: 100%;\n  border-end-start-radius: inherit;\n  border-end-end-radius: inherit;\n  background-color: var(--vkui--color_background_modal);\n  box-sizing: border-box;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n}\n\n.Separator {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline: 0;\n}\n\n/* Mobile */\n@media (--viewWidth-smallTabletMinus) {\n  .padded {\n    padding-block: var(--vkui--size_base_padding_vertical--regular);\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  }\n}\n\n/* Desktop */\n@media (--viewWidth-smallTabletPlus) {\n  .padded {\n    padding-block: 18px;\n    padding-inline: 16px;\n  }\n}\n","/*\n * .vkui класс в режиме full необходим на элементе html\n * чтобы правильно устанавливалось значение color-scheme\n * окрашивающее фон html и скроллбар в цвета текущей цветовой\n * схемы.\n * Так как color-scheme зависит от vkui токена, то в\n * full режиме класс токенов vkui также должен\n * быть установлен на html.\n *\n * В SSR есть проблема - чтобы на сервере правильно установить\n * нужный класс для токенов надо знать предпочитаемую цветовую\n * схему пользователя и передать её через свойство appearance.\n * Если ошибиться со схемой на сервере, то пользователь\n * может получить не ту схему, либо может увидеть как интерфейс моргает\n * из-за переключения со светлой темы на тёмную.\n * Чтобы окончательно избавиться от этой проблемы нужно\n * в vkui-tokens создавать темы в которые старазу же зашиты обе цветовые схемы.\n * А переключение между темами задавалось бы через медиа выражения\n * с помощью prefers-color-scheme.\n * */\n/* stylelint-disable-next-line selector-max-type */\n.vkui > body,\n.vkui,\n.vkui__root {\n  margin: 0;\n  padding: 0;\n  block-size: 100%;\n  color-scheme: var(--vkui--colors_scheme);\n}\n\n.vkui {\n  /*\n   * TODO [>=8]: Убрать background с html элемента, но для этого надо\n   * чтобы height у всех родителей Panel вплоть до html имели\n   * min-height: 100% вместо height: 100% иначе фон html выглядывает в\n   * многоколоночном режиме если чуть ниже проскролить контент.\n   */\n  background: var(--vkui--color_background);\n}\n\n.vkui__root {\n  /* чтобы можно было ограничить размеры приложения\n   * извне с помощью max-height, max-width */\n  max-inline-size: inherit;\n  max-block-size: inherit;\n}\n\n.vkui__root--embedded {\n  background: var(--vkui--color_background);\n}\n\n/* отключаем нативный pull-to-refresh при взаимодействии с компонентом\n * PullToRefresh или при открывании модалки */\n.vkui--disable-overscroll-behavior {\n  /* Safari >= 16 */\n  overscroll-behavior-y: none;\n}\n"],"names":[],"mappings":"AAAA,63pECCA,ijEA6FA,sDAEE,+RAOF,iDAEE,2QC3FF,yBACE,wDAKF,2BACE,wDAQF,gIACE,wDAKF,iEACE,wDAQF,0BACE,gEAKF,4BACE,+DAQF,qFACE,4DAKF,6GACE,6DChEF,uEAIA,iEACE,wEAIF,iEACE,wECRF,+DAKA,iMAQA,mLAKA,sOAKA,2XAOA,kDACE,iOAMF,uKCzCA,mFAIA,sFAIA,sGAWA,gECnBA,gEAIA,sEAIA,uEAIA,6DAIA,qEAIA,sEAIA,gEAIA,sEAIA,uEAIA,+DAIA,uEAIA,wEC1CA,kFAIA,gFAIA,8EAIA,8EAIA,8EAIA,gFAIA,kFAIA,kFAIA,kFAMA,wFAIA,sFAIA,oFAIA,oFAIA,oFAIA,sFAIA,wFAIA,wFAIA,wFCxEA,wGCAA,0FAMA,iFCNA,wECAA,8TAcA,oEAIA,yBACE,kEAKF,kEAIA,2EAIA,+GAIA,iEACE,6GAKF,6FAQA,+GAIA,uCACE,0FAIA,6GAKF,qCChEA,4DAMA,6CAKA,4IAIA,6IAIA,4IAIA,6IAIA,4IAIA,6IAKA,mEAKA,4FCzCA,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBAoBF,kSAOA,2hBAmBA,iEACE,yhBCxKF,2PAOA,6cAmBA,iEACE,2cAoBF,2PAOA,6cAmBA,iEACE,2cAoBF,2PAOA,6cAmBA,iEACE,2cCzHF,0QAOA,2XAeA,iEACE,yXAgBF,0QAOA,2XAeA,iEACE,yXC9DF,gPAOA,0aAgBA,iEACE,waCxBF,yQAOA,udAmBA,iEACE,qdC3BF,+PAOA,qcAmBA,iEACE,mcC3BF,oQAOA,8cAmBA,iEACE,4cAoBF,iTAQA,ygBAmBA,iEACE,ugBC3EF,4CAIA,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBAoBF,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBAoBF,qQAOA,ieAmBA,iEACE,+dAoBF,2SAOA,2hBAmBA,iEACE,yhBC1QF,uEAOA,0LAMA,+HASA,+HCtBA,4MAWA,4CAIA,gDASA,0OAKA,sHC7BA,qFAMA,mNAOA,iHAMA,wFAKA,2FCxBA,+GAgBA,+FAQA,4CAIA,2BACE,0CAKF,4EAOA,+MAYA,oGAIA,uCACE,oGAKF,kHAIA,qHAIA,+FAKA,yCAIA,2CAIA,4QAkBA,uHCtGA,2OAmBA,0EAIA,+CAKA,iHAWA,sKAWA,qPClDA,+KAYA,8HAKA,yMCjBA,uTAkBA,yCAIA,wCACE,6CAKF,gDAIA,wIAKA,2HCrCA,4SAaA,sFAKA,sGASA,2GAOA,wPASA,0GASA,oDAKA,uDAIA,mDAIA,iDAIA,4DAIA,8DAIA,8DAaA,sEAKA,sEC9FA,+UAiBA,6JClBA,sIASA,yCCTA,mWAgBA,oFAIA,0EAKA,4FAKA,sGAIA,gIACE,oGAKF,yEAOA,6IAUA,kFAKA,kFAKA,2DAIA,iaAOA,4HAOA,iIAIA,uKAKA,kIAIA,wKAKA,iIAIA,uKAKA,yHAIA,0HAIA,yHAIA,8JAIA,6NAKA,+JAIA,8NAKA,8JAIA,6NAKA,sJAIA,uJAIA,sJAIA,kSAQA,oDAKA,0UASA,qEAKA,uDAMA,mHAIA,4IAIA,8IAIA,gHAIA,yIAIA,2IAIA,gHAIA,yIAIA,2IAIA,sHAIA,+IAIA,iJAIA,sHAIA,+IAIA,iJAKA,0FAIA,mHAIA,qHAKA,mGAKA,8IAKA,iJAQA,2FAIA,wFAIA,wFAIA,sFAIA,sHAIA,8FAIA,oGAIA,uNAMA,mDAIA,oDAOA,0QAMA,sHAIA,+IAIA,iJAIA,sHAIA,+IAIA,iJAIA,wHAIA,0JAKA,4JAKA,4HAQA,+GAIA,wIAIA,0IAIA,6GAIA,sIAIA,wIAIA,kOAKA,qOAMA,wGAIA,iIAIA,mIAIA,mQAQA,qHAIA,8IAIA,gJAQA,+GAQA,qJAKA,wNAMA,iPAMA,gIACE,+OAOF,8NAMA,uPAMA,gIACE,qPAOF,8NAMA,uPAMA,gIACE,qPAOF,8PAMA,gIACE,4PAQF,8EAIA,uGAIA,gIACE,qGAKF,gGAIA,yHAIA,gIACE,uHAKF,6EAIA,sGAIA,gIACE,oGAKF,+FAIA,wHAIA,gIACE,sHAKF,oFAIA,gIACE,kFASF,qNAKA,4UAOA,mNAKA,sUAOA,mNAKA,sUAOA,gOAKA,iUAOA,sNAKA,6UC3pBA,qSAoBA,0CAIA,mFAIA,4EAKA,iDAKA,oEAMA,mHAMA,iDAUA,6FAKA,wDAIA,iEACE,uCAKA,6GAMA,sDAKA,sDAYF,kbAaA,0FAOA,yJAMA,oPAOA,iEAEE,sJAMA,+OAaF,mFAKA,iFASA,yECtKA,6bAkBA,4EAIA,wFAIA,8MAMA,gIACE,4MAOF,qEAKA,4EAKA,8EAKA,oEAIA,sEAMA,2HAIA,wJAIA,0JAIA,4HAIA,yJAIA,2JAKA,8FAIA,2HAIA,6HAKA,2GAKA,8JAKA,iKAQA,mGAIA,8FAIA,2KAQA,0SAMA,gIAIA,sKAKA,wKCxJA,sNAUA,sLAMA,0CAIA,yDAMA,+JAKA,iKAKA,kFAOA,qDASA,kMAYA,kMAKA,gMAKA,kDACE,oEAIA,sHAMF,4MAWA,+MAWA,sFASA,yFCpHA,sIASA,kDACE,sEAKF,2DAKA,6LAYA,wJAKA,iKAKA,gMAMA,sFAIA,yOAKA,kDACE,uHAOF,yCAKA,+BAIA,kGAQA,gLAOA,yHAYA,kXAOA,iLAKA,uGAIA,sGAQA,0IAIA,qIAIA,8HAIA,2HAIA,mJAIA,wJAIA,kDACE,uFAKA,+JAMA,+JAQF,iLAMA,+KAWA,kLAWA,yGASA,sGASA,yGASA,sGASA,+EASA,gFClPA,0DAMA,qHASA,iIAYA,6GAKA,+IAIA,2BAEE,6IAMF,gJAIA,yBAEE,8IAYF,kOAWA,oJAOA,mDAKA,+CAKA,0HAKA,6EAIA,yBACE,8EAKF,4DCzGA,wMAYA,kDAIA,8EAWA,6FAOA,0FAMA,uDAKA,sDAKA,iEAQA,sFAKA,yGAQA,sEAKA,oFAKA,mHAMA,uOAKA,2EAMA,oFAIA,yFAIA,yBACE,qIAKF,mHAIA,2BACE,iHAWF,gGAQA,mIAYA,oFAOA,+HC3JA,uFAIA,qFAIA,mFAIA,mFAIA,mFAIA,qFAIA,uFAIA,uFAIA,uFChCA,6EAIA,iFAIA,wFAIA,kEAIA,8DAIA,yEAKA,yKAMA,6JAKA,2EAOA,gGAIA,6FAIA,0FAIA,4MAIA,0MASA,gGAKA,yBAEE,8FC3EF,4KCAA,yCAIA,mFAKA,iJAMA,2EAIA,yKASA,4DAIA,+GAIA,yBACE,6GAKF,sHAOA,0CAKA,iFAMA,8HAMA,0JAMA,mJASA,2DAOA,wJAUA,kIAKA,0IAMA,iEAKA,gEAKA,2FAKA,2FAIA,2FAIA,uJAaA,uGAMA,kGAMA,qEAKA,qEAQA,uGAIA,iEACE,qGAUF,iNAMA,yBAEE,4MAQF,4KAMA,gGAIA,gGAKA,iNAMA,yBAEE,4MAOF,gJASA,6FAMA,uWASA,yBAEE,qWAWF,2WAOA,yBAEE,yWAQF,oEAIA,+EAKA,4GAOA,kFAKA,sEASA,8FC3TA,uMAWA,gEAKA,iJAUA,sKAQA,gHAOA,iFAMA,4DAKA,+IAQA,4CAIA,uDAQA,kMAWA,sMAWA,qFAOA,6HAIA,iEACE,2HC1GF,uKAQA,0GAMA,2BACE,wGAOF,4GASA,uLAWA,gLAIA,kLAIA,mLAIA,qLAIA,kDACE,wIAIA,2IAKF,kGAKA,mEASA,qOAOA,yBACE,kIAWF,mFAKA,uJAUA,yBACE,gFAKA,qJAeF,wIASA,yIASA,mGASA,oGCpKA,gEAMA,4DAQA,gHAQA,8LAMA,qDC5BA,sFAQA,uOAKA,yBACE,6NAMF,kHAOA,4BACE,4GAQF,qEAOA,wJC3CA,uCAMA,sLCNA,gTAcA,uDAQA,oDAIA,yLC1BA,2RAeA,gFAQA,sEAIA,4CAIA,gLAcA,+EAKA,8EAIA,gFAKA,4FAIA,gGAQA,2KAQA,8EAQA,8HAMA,0FAKA,2FASA,mFAOA,0GAIA,8FCtHA,gRAYA,mGAMA,4FAMA,0OAUA,yFAMA,yFAMA,4GAKA,+GAKA,wGAKA,gHAKA,uFAIA,qFAIA,sFC1EA,kFAWA,gGAWA,0DAIA,2FAMA,6HAOA,kHAIA,uNAMA,2HAIA,6HASA,6DAKA,kPCnEA,wFAOA,mIAQA,wDAOA,uDAMA,uFC1BA,sCAIA,sCAIA,qCAIA,mCAMA,+CAIA,2CAIA,iDAIA,qDAIA,mDCpCA,8HAOA,6TAQA,mOASA,+CAKA,iDAIA,8CAIA,2EAIA,+BAMA,mDAIA,+CAIA,gDAIA,2DAIA,6DAIA,2DAMA,6CAIA,yCAIA,0CAIA,4CAIA,8CAKA,+HC9FA,4TASA,sIAKA,iKAIA,4JAIA,qHAIA,mDAIA,+CAIA,gDAIA,kDAIA,oDC1CA,uGASA,+CAIA,gDAIA,yCAIA,yFASA,sJAIA,kMAMA,qGAIA,wEAIA,0GAQA,iHASA,kDAIA,kFAIA,oFAIA,mFAIA,sFAIA,wFAIA,uFAIA,gFASA,iFCtGA,mKAWA,sOAWA,+DAIA,6FAIA,+FC9BA,6UAcA,+BAIA,0IAKA,sJAMA,oKAWA,6DAMA,iDAIA,qDAKA,sFAQA,oCAIA,gEAIA,gEAKA,gEAIA,gFAMA,iCAIA,+EAKA,yEAKA,4EAQA,gIASA,oFAIA,wEAMA,qEAIA,sDAIA,wLAUA,oDAIA,8FAKA,4TAmBA,4HAMA,0IAQA,wGAIA,qFAMA,+JAIA,+JAIA,4IAQA,sGAIA,+GAOA,iEACE,6IAKA,sGAIF,iEACE,8IAKA,uGAKF,6DAIA,yFAQA,0FAOA,0DAIA,0DAKA,6CAIA,uDAIA,gGAOA,kDACE,mFAMF,kKAWA,oKCjTA,iCAKA,0CCNA,6MAaA,2GAMA,uEAKA,0EAOA,kEAKA,8GAOA,wFAIA,kFAMA,6HAOA,iGAMA,oFAKA,0EAIA,qHAKA,yHAIA,0GAIA,kHAQA,gEAQA,uJAQA,iEAIA,sGAIA,uNAaA,2KAUA,iEACE,sDAIF,iEACE,uDAKF,gGAKA,+IAMA,oEAIA,gFAIA,iDAQA,qEAUA,gPAMA,4KASA,mDAIA,sGAMA,mJAIA,iFC5NA,2CAIA,0EAQA,oGAKA,6DAIA,kGCRA,sDCbA,8OAUA,kDACE,8IAMF,oKASA,4EAMA,4JAKA,wKAMA,qEAOA,iDAKA,oFAKA,qOAQA,0EAIA,mFASA,oHAIA,4KAcA,6FAQA,6LAUA,0GAKA,kDACE,qFAKF,6PAWA,+PC3IA,2OAWA,mQAUA,sKAMA,0HAKA,4HAMA,iGAIA,sCAIA,6DAIA,2LAMA,sEASA,qLAUA,4EAKA,yFAKA,qMAMA,yGASA,8ECpGA,saAkBA,mMASA,gIACE,iMAUF,+EAIA,qCAIA,mCAIA,2DAMA,qKAUA,iFAKA,oFAKA,mFAKA,4FAKA,4JAMA,2BACE,8EAKF,yBACE,yIAMA,yMCzGF,soBAiBA,oEAIA,ySASA,2EAIA,wEAIA,+WAaA,qFACE,+CAKA,8FAKA,6LASA,+RAaA,4RAcF,mOAOA,oNAMA,6NAMA,qFACE,4DAIA,gRAOA,oHAKF,oJAKA,kDACE,oJAMF,oNAMA,kEAIA,mJAKA,kDACE,mJAMF,gKAWA,+LAaA,+EASA,gFCzMA,0CAIA,6SAYA,+IAWA,4EAIA,+JAKA,2GAIA,qKAKA,uGAIA,mKAKA,+GAIA,2KAKA,gHC/DA,gPASA,wEAKA,0DAIA,uFAKA,qEAaA,yNAKA,8CAIA,sEAKA,2BACE,gIAMF,yBACE,6DAIA,6DC9DF,qFAOA,iCACE,mHAKA,6DAQF,qCACE,uEAIA,qFAMA,yIAKA,oMAQA,gTAOF,gFAIA,0EAIA,+DC5DA,sCCAA,8LCAA,uJASA,yBACE,qGCVF,gQAaA,2BACE,oIAQA,uGAIA,sKAOF,yBACE,6KAQA,gHAIA,iHAIA,iHAKF,2GAaA,2BACE,8dAkBA,8DAIA,6HAKA,yFAKA,gEAKF,yBACE,uDAKA,6CAIA,mFAKA,+EAKA,+CAKF,mTAqBA,yBACE,gNCzJF,2IAUA,sEAIA,uGAKA,yICnBA,0fAmBA,yNAOA,oEAIA,yHASA,gEAIA,sEAIA,mFAMA,4CAIA,uJAWA,4MAWA,sKAKA,qHAMA,0KAKA,wSC/FA,6HAOA,wCAIA,oFAIA,oFAIA,oFAKA,2BACE,wZAYA,0EAKA,iGAIA,qFAKA,4EAMF,yBACE,iIAMA,kEAKA,4CAQA,4EC7EF,gGASA,oEAIA,yEASA,sFCtBA,8LAmBA,2EAOA,0FAQA,6GAKA,0FAQA,oEAKA,wDAKA,8CAKA,8HAKA,iIAKA,8HAKA,0HAKA,6HAMA,uIAKA,mIAKA,2IAKA,uIAKA,iIAMA,sKAUA,sEAIA,sFAIA,0EAIA,wFAIA,4EAIA,uEAIA,wEAIA,qEAIA,yEAIA,4GChKA,0DAKA,oDAKA,qDAIA,2EAaA,yIAIA,qIAIA,sIAKA,0EAYA,4IAIA,wIAIA,yIAMA,iFAIA,+EAIA,gFAIA,uFAIA,qFAIA,sFCtFA,oLAQA,gHAQA,2HAMA,+PAmBA,+GAMA,oEAKA,0DAKA,0DAKA,wLAWA,sPAQA,yBAEE,mKASF,qPAOA,yBAUE,+OAOA,yHAWF,+FAKA,wEAMA,uHAKA,gHAKA,oHAKA,2EAKA,mHAKA,oHAKA,2ECxKA,0IAUA,kIAKA,6JAIA,2BACE,2JAKF,gHAUA,mLAIA,yBAEE,sFAMF,mHAKA,qHCpDA,8DAMA,gEAMA,iDAKA,4DAIA,4GASA,4IAMA,yBAEE,uIAYF,+FAKA,yIAKA,2IAIA,yBAEE,+FAKA,yIAKA,4IC5EF,8EAIA,kIAKA,gKAOA,yPASA,0DAIA,8FC7BA,2OAQA,2JASA,wHAMA,uEAIA,6DAKA,sEAIA,oEAIA,qEAIA,mEAIA,+EAMA,qDAKA,uGAOA,mFAMA,oCASA,6MAMA,gFAIA,mDAMA,0FAKA,0EAIA,0EAIA,0EAIA,2EAKA,uFAMA,qFAIA,sFAIA,sFAIA,uFAKA,sFAIA,sFAIA,sFAIA,uFAIA,qCAIA,kDAIA,+CAWA,yMAOA,2BAEE,oQAUF,+OAOA,yBAEE,4SAaF,8EClNA,4SAUA,gGAIA,+FAKA,mXAUA,yBACE,4VAUF,kJAMA,2BACE,gJAOF,iQAOA,2BACE,+PAeF,wRAaA,yBACE,2PAaF,oEAIA,2BACE,kEAQF,sCAIA,iMAKA,2BACE,kIAKF,yJAKA,yBACE,+GAQF,kMAYA,+GAOA,mPASA,8PAQA,2BACE,yMAQF,qHAIA,2BACE,0IAMF,wQAMA,yBACE,oNAMF,gNAKA,2BACE,8MAWF,yBACE,oKAKA,wQAUF,0EAIA,gMAIA,8DAIA,gEAUA,mKAIA,gKAQA,+KASA,8MC3SA,2JAMA,mGAIA,sFAIA,0FCdA,iEAKA,oCCLA,0IAOA,oHAQA,wEAIA,4EAOA,oCAIA,uOAeA,uGAQA,wFASA,gIAWA,2IAQA,8IASA,4LAKA,oFAWA,+JAMA,oCAKA,gSASA,6UASA,iEAEE,wUCzIF,wWAYA,yCAIA,mEAIA,6EAIA,0RASA,6EAKA,qDAIA,2CAIA,4NAYA,oFAIA,iEAIA,6DAKA,iGAKA,qIAQA,qGAIA,6FAOA,0GAKA,2GAQA,qFAIA,iMAUA,2IAQA,0EAKA,wFAIA,8GASA,8CAIA,2IAIA,iEACE,2CAIA,yIAUF,0NC3KA,uEAMA,4EAKA,+DAIA,2ICdA,0KAOA,2CCRA,kCAIA,gHAKA,kHAOA,2GAKA,8CAKA,uEAOA,oEAKA,6FASA,0FAIA,6EAIA,yDAKA,yIAOA,8FAMA,mFASA,oNClFA,oNCAA,kQAWA,4CAUA,gEAIA,4FAOA,mHASA,wFAMA,yCAIA,+KAYA,4DAIA,yDAIA,wDAIA,0EAIA,mOAOA,8KAKA,iEACE,4KAUF,0IAKA,qEAIA,+RAUA,6DAIA,8DAIA,qMAOA,qRAOA,iEACE,6QAaF,2LAIA,iEACE,0CClKF,4JAgBA,wPAOA,2CAIA,mEAMA,uDAMA,4LAQA,kIAOA,wIAMA,qIAMA,wIClEA,wCAKA,iDAKA,4JAWA,yCAIA,uDCzBA,oCAIA,gEAIA,2GAKA,4GAKA,8GAKA,8GAKA,6GAKA,6GAKA,yGAKA,8GAKA,2IChDA,uCAIA,+DAKA,qFAOA,2GAIA,kIAOA,sEAIA,0EAIA,sEAIA,iGAIA,kLAOA,kEAIA,iJAKA,iEAMA,uDAIA,mDAIA,4KAKA,4EAKA,6DAIA,6DAIA,8DAIA,yCAIA,iJAMA,oKAKA,+IAMA,4KCpHA,+CAIA,yEAIA,4GAKA,qOASA,yHAKA,oGAMA,2HAIA,0EAIA,0FCzCA,gQCAA,0HAMA,qJCNA,yHAMA,kEAMA,uEAKA,+JASA,oFAIA,2CAIA,4EAOA,iEAKA,qDAKA,4IAWA,mHAIA,0GAIA,gIASA,yCAIA,0DAMA,wGAIA,+DC7FA,4CAKA,qDCLA,wCAIA,oHASA,uQAQA,4CAIA,oHAMA,uLC/BA,+DAMA,gDCNA,iFAIA,wHAIA,qHAIA,uHAIA,oHChBA,gGAMA,yEAMA,8FAIA,kGAIA,kGCpBA,+JAQA,6LASA,kGAIA,iEACE,gGAKF,wQAeA,4FAIA,8FAIA,yFAOA,gNAYA,yYAmBA,mRAOA,2EAIA,sGAKA,yDAMA,2GAIA,gDAMA,6HAIA,mTAaA,0HAKA,oEAIA,yLAUA,sCAIA,2PAWA,iHAMA,gHASA,2HAIA,+FAOA,iEAOA,iEC5MA,+CAKA,+CASA,mGAMA,qFAWA,kFAKA,iFAUA,+MAYA,kJC1DA,kRAeA,yDAIA,0DAIA,+EAKA,iEACE,6EAMF,iFAKA,0FAUA,2GAKA,iEACE,yGAMF,sGAKA,6FAMA,mJAKA,oHAIA,gMASA,0GAKA,mHAIA,uHAKA,2GAMA,oFAIA,mHAIA,iLAUA,mFAIA,kHAKA,sCAIA,kEAKA,0EAKA,mFAIA,kHAKA,6NAYA,gEAIA,iEACE,8DAKF,uDASA,6GAOA,8EAUA,+EAOA,wDAIA,sEC5NA,wEAMA,qEAKA,4DAKA,yIAIA,wWAkBA,wIAOA,0FAIA,oDAIA,+JAIA,0HAMA,4IAKA,qJAIA,2JAQA,yEAIA,0JAiBA,6FCrGA,+PAeA,wCACE,0DAKF,yEAIA,8EAMA,4DAIA,0DCnCA,2ICAA,mFCAA,wSAeA,kHAIA,oNAKA,+HAIA,iIAIA,6HAIA,wGAMA,sGAIA,4HAIA,+HAIA,kIAIA,8HAIA,wIAMA,2EAIA,4HAIA,8HAIA,kIAIA,8HAIA,8HAMA,kEAMA,iEAMA,yQAgBA,wFC1HA,8FAMA,qEAIA,wFAKA,qCAIA,sEAIA,iMASA,qEAKA,qEAKA,qEAKA,2CAIA,iEAIA,yCAKA,kGAKA,kFAIA,iFCrEA,4IASA,gDAKA,iDAKA,0HAOA,8DAIA,sEAIA,qEAIA,2DCtCA,6VAeA,iTAeA,sCAMA,kNAUA,uFAKA,uGAQA,yDAOA,uDAUA,4YAaA,qCAIA,oGAQA,iGAIA,mJAMA,+FAQA,wDAIA,0IAKA,0IAUA,yDAKA,kHAKA,uGCpJA,iKAOA,oEAIA,4GAKA,6FAQA,8HASA,oKAQA,+FAKA,yEAIA,yKAKA,iGAKA,uJAKA,iEAKA,kHAMA,2KC5EA,6EAIA,yDAIA,iGAOA,oCAIA,wEAOA,6OAcA,qFAMA,0EAIA,6DAKA,uCAIA,uCAIA,sDASA,oEAIA,+FAMA,sPASA,sEAIA,gYASA,8ECxGA,0NAaA,oGAQA,gEAKA,qCAIA,wHAOA,6GAIA,2IAQA,mEAIA,4MAaA,2IAUA,0LC5EA,wCAMA,oQAOA,qJAMA,8DAKA,qHAIA,gFC5BA,iKAMA,oFAUA,mHAQA,oHAQA,mHAOA,yJAIA,0JAIA,yJAIA,iEACE,sJAIA,uJAIA,uJAKF,uFAKA,sGAOA,gDAIA,6GAMA,2KAKA,+MAUA,wIAKA,oIAQA,qMASA,uKAOA,qPAMA,uWAUA,sMAKA,wRAKA,uOC5JA,kbAeA,uFAIA,4JAMA,mEAIA,mJAKA,iEACE,iJAMF,gFC1CA,2EAOA,sDAIA,qDCXA,6DAIA,qCAIA,8JAQA,kDACE,4EAMF,iFAIA,kDACE,mFAKF,+EAIA,kFAIA,kDACE,mFAKF,kCAIA,0HASA,4HASA,8PAgBA,+PCrFA,kCAIA,2IAKA,4DAIA,2FAUA,8HAOA,oGAOA,4BAIA,6EAKA,wDAIA,iDAIA,oFAKA,8EAKA,wFAIA,sIASA,kEAIA,kEAIA,iEACE,+DAIA,gEAUF,oHAUA,oJAOA,oLAOA,+LAQA,2IAMA,mMAMA,yPAKA,iEAEE,oPCvJF,mSAYA,6IASA,gFAOA,gFAIA,iEACE,8EAMF,sGAKA,iHAQA,8MAWA,yJAKA,iEACE,oJAMF,qDAIA,iDAIA,4DAIA,8DAIA,oRAcA,sGAQA,uGAIA,gMASA,8HAUA,obASA,kJAOA,obASA,oNAMA,+GAWA,oEASA,2FAUA,yGAOA,iRAUA,kRAUA,6QAUA,kRC1OA,sEAOA,wMAQA,uEAMA,0CAKA,gNAQA,4MAIA,iEAEE,0MAKF,mEAIA,kDCjDA,wECAA,0xBAkBA,uFAKA,i5BAuBA,oYAaA,iEACE,kYAcF,i7BA0BA,8XAaA,iEACE,4XAcF,qCAIA,6kBAaA,4LAMA,6VAUA,8WAWA,yZAaA,2hBAcA,suBAwBA,iEACE,6DAOF,wCACE,qHAKF,qHAIA,8KAKA,oBACE,kGAIA,iIAUF,kECrQA,oKAOA,8CAIA,oCAMA,+BAIA,yFAIA,oDAIA,uFAIA,gDAKA,yJCtCA,sCAIA,oMAQA,mGCZA,mEAMA,yDAIA,uDAIA,qPAYA,uFAIA,iEACE,qFAKF,oDAIA,oDAIA,2EAIA,sCAMA,yGCtDA,gPAUA,uHASA,+CAKA,6CAIA,4XAcA,2RAQA,iEACE,yRASF,+CAKA,iMAYA,mCAIA,iCAIA,oCAIA,iEACE,kCC1FF,oUAgBA,iHAKA,yOAcA,iMAIA,gDAIA,oFAIA,+CAMA,2HAIA,iDAIA,mMASA,sFAIA,iEACE,oFC3EF,8QASA,2CAIA,kGAMA,gKAQA,mDAKA,4DASA,iGCzCA,uPAaA,qNASA,sDAIA,gIACE,oDAKF,oGAKA,sFAIA,+DAKA,qEAMA,oEAKA,6FAOA,6EAIA,2EAIA,wECxEA,yCAIA,iGAOA,mFAKA,2EAKA,8CAIA,0DCzBA,sdAcA,+HAKA,uFAIA,yFAOA,0KC9BA,kGAMA,4FAKA,wGASA,mFAKA,kFAKA,6LAOA,0DAKA,2DAIA,2DAIA,2DAQA,oFAIA,oFAIA,oFAIA,iEACE,iFAIA,iFAIA,kFC/EF,uEAMA,+LAUA,mCAIA,6CAIA,iEACE,2CAKF,iFAMA,8EAIA,gFAIA,+DAIA,6DChDA,yNASA,2DAIA,6GAMA,sGAMA,8CAIA,4GAMA,0HAIA,iEACE,wHCxCF,2UAeA,gOAKA,yFAIA,uFAIA,iEACE,qFC7BF,qJAOA,0FAIA,oJAMA,yFCZA,+ECLA,6CASA,6OCTA,8DAIA,8EAKA,mEAIA,0EAIA,yJAKA,2FAIA,oJC1BA,gMASA,uFAQA,+HAKA,iEACE,6HCvBF,mHAOA,wSAeA,4PAYA,6DAIA,mFAIA,0GAIA,iEACE,wGAKF,iCAIA,2HAMA,8EAIA,4DAIA,8DASA,6EC/EA,+CAIA,gbAoBA,uDAIA,+GAIA,iEACE,6GAKF,4EAIA,4EAIA,uFAIA,wPAWA,mFAIA,yGAIA,2IAIA,iEACE,yIAKF,+HASA,qFAIA,4CAIA,4JAMA,oGAOA,kDAIA,gJAKA,mJAUA,wFChIA,kFAOA,oFAKA,4EAKA,wCAIA,kGAOA,mFAMA,kDAIA,+CAIA,iFAIA,+EAIA,iEACE,8EAIA,6ECvDF,kZAkBA,8CAIA,qDCtBA,oOASA,yCAIA,kIASA,uTAiBA,gDAIA,4EAIA,gIACE,6CAIA,0ECpDF,qJAQA,gGAOA,+DAKA,oCAIA,iGAKA,0FAIA,2JAMA,yJAMA,8CAIA,wCAIA,4MAUA,+IAIA,+HASA,0CAIA,gMAKA,oKAIA,2HAKA,gJAIA,mJClGA,oGAOA,uEAMA,sFAIA,sHAIA,qHAIA,8LCzBA,mHAQA,kGAMA,wEAIA,kHAQA,wEAIA,yCAIA,wCAIA,qDCtCA,wDAKA,4DAIA,qCAIA,4IAMA,2CCnBA,2QAYA,sHAQA,wCAIA,6CAKA,2DC7BA,sSAaA,yEAMA,6DAIA,6CCvBA,iFAKA,qKAUA,iDASA,mJAMA,mFC9BA,+RAYA,8DAKA,qEAIA,iEACE,mECtBF,sRAWA,+EAIA,iEACE,6EChBF,maAiBA,6LAKA,oMAKA,qfAqBA,2EAMA,iFASA,kDACE,sEChEF,0HCAA,qCAKA,iTAMA,mCAIA,qLAMA,wEAIA,kCCzBA,kNAYA,uEAOA,2BACE,yIAOF,yBACE,gDCPF,oGASA,+CAUA,iDAOA,+DAMA,8D"}