{"version":3,"file":"components.css","sources":["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/styles/layout.css","webpack://@vkontakte/vkui/./src/components/RootComponent/RootComponent.module.css","webpack://@vkontakte/vkui/./src/components/AppRoot/AppRootStyleContainer/AppRootStyleContainer.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/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/ImageBaseFloatElement/ImageBaseFloatElement.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/styles/animationVisibilityDelay.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/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/ModalOutsideButton/ModalOutsideButton.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/ActionSheet/ActionSheetDefaultIosCloseItem.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/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.module.css","webpack://@vkontakte/vkui/./src/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.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/ModalOutsideButtons/ModalOutsideButtons.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/Spacing/Spacing.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/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.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/CarouselBase/CarouselBase.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/Box/Box.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/DropZoneGrid/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/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":["/* 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) -\n    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_border: 0;\n  --vkui_internal--z_index_image_base_overlay: 1;\n  --vkui_internal--z_index_image_base_badge: 2;\n  --vkui_internal--z_index_image_base_positioned_element: 3;\n\n  /* z_index HorizontalScroll isolate */\n  --vkui_internal--z_index_horizontal_scroll_arrow: 1;\n\n  /* z_index Gallery isolate */\n  --vkui_internal--z_index_gallery_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 density=\"regular\">`).\n- `mq` – означает, что для смены представления используется CSS Media Query.\n\n---\n\nNote: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.\n\n*/\n\n/* ================================================================================================================== */\n\n@media (--density-regular) {\n  .densityCompactMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--density-compact) {\n  .densityRegularMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--viewWidth-tabletPlus) {\n  .viewWidthTabletMinusMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--viewWidth-tabletMinus) {\n  .viewWidthTabletPlusMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthSmallTabletMinusMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthSmallTabletPlusMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n\n/* ================================================================================================================== */\n\n@media (--desktop) {\n  .deviceTypeMobileMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n@media (--mobile) {\n  .deviceTypeDesktopMq {\n    /* stylelint-disable-next-line declaration-no-important */\n    display: none !important;\n  }\n}\n","/* stylelint-disable selector-pseudo-class-disallowed-list */\n\n/*\nВ Windows можно менять общий масштаб интерфейса от 100 до 500%. Готовые пресеты 125%, 150% и 175%.\nВ случаях, когда `--vkui--size_border--regular` используется не для свойства `border`, а для `height`,\nодна из линий становится размером больше чем остальные.\n\nПоэтому используем пограничные значения DPI, чтобы смена на субпиксельные значения срабатывала раньше:\n- 1.01dppx вместо 2dppx для 101% и до 200%;\n- 2.01dppx вместо 3dppx для 201% и больше;\n\n@see https://github.com/VKCOM/VKUI/issues/8864\n*/\n:root {\n  --vkui--size_border--regular: var(--vkui--size_border1x--regular);\n}\n\n@media (min-resolution: 1.01dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border2x--regular);\n  }\n}\n@media (min-resolution: 2.01dppx) {\n  :root {\n    --vkui--size_border--regular: var(--vkui--size_border3x--regular);\n  }\n}\n","/**\n * Утилитарные классы на замену отдельному компоненту для имитации\n * :focus-visible состояния.\n */\n.focusVisible {\n  --vkui_internal--outline_width: 2px;\n}\n\n/* stylelint-disable selector-max-universal */\n.focusVisible:focus,\n.focusVisible:focus-visible,\n.focusVisible *:focus,\n.focusVisible *:focus-visible {\n  outline: none;\n}\n/* stylelint-enable selector-max-universal */\n.focusVisible.focusVisibleModeOutside {\n  --vkui_internal--outline_offset_from: 0;\n  --vkui_internal--outline_offset_to: var(--vkui_internal--outline_width);\n}\n\n.focusVisible.focusVisibleModeInside {\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.focusVisible.focusVisibleFocused.focusVisibleModeInside,\n.focusVisible.focusVisibleFocused.focusVisibleModeOutside {\n  outline: var(--vkui_internal--outline);\n  outline-offset: var(--vkui_internal--outline_offset_to);\n  animation: animationOutlineOffset 0.1s ease-in-out 0.01s forwards;\n}\n\n@media (--reduce-motion) {\n  .focusVisible.focusVisibleFocused.focusVisibleModeInside,\n  .focusVisible.focusVisibleFocused.focusVisibleModeOutside {\n    animation: none;\n  }\n}\n\n@keyframes animationOutlineOffset {\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",".animFadeIn {\n  animation: animationFadeIn 0.1s ease-in forwards;\n}\n\n.animFadeOut {\n  animation: animationFadeOut 0.1s ease-out forwards;\n}\n\n@keyframes animationFadeIn {\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 animationFadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".animTransformOriginTop {\n  transform-origin: bottom center;\n}\n\n.animTransformOriginTopStart {\n  transform-origin: bottom left;\n}\n\n.animTransformOriginTopEnd {\n  transform-origin: bottom right;\n}\n\n.animTransformOriginRight {\n  transform-origin: left center;\n}\n\n.animTransformOriginRightStart {\n  transform-origin: left top;\n}\n\n.animTransformOriginRightEnd {\n  transform-origin: left bottom;\n}\n\n.animTransformOriginBottom {\n  transform-origin: top center;\n}\n\n.animTransformOriginBottomStart {\n  transform-origin: top left;\n}\n\n.animTransformOriginBottomEnd {\n  transform-origin: top right;\n}\n\n.animTransformOriginLeft {\n  transform-origin: right center;\n}\n\n.animTransformOriginLeftStart {\n  transform-origin: right top;\n}\n\n.animTransformOriginLeftEnd {\n  transform-origin: right bottom;\n}\n","/* Row Gap */\n\n.rowGap2xs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xs);\n}\n\n.rowGapXs {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xs);\n}\n\n.rowGapS {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_s);\n}\n\n.rowGapM {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_m);\n}\n\n.rowGapL {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_l);\n}\n\n.rowGapXl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_xl);\n}\n\n.rowGap2xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_2xl);\n}\n\n.rowGap3xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_3xl);\n}\n\n.rowGap4xl {\n  --vkui_internal--row_gap: var(--vkui--spacing_size_4xl);\n}\n\n/* Column Gap */\n\n.columnGap2xs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xs);\n}\n\n.columnGapXs {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xs);\n}\n\n.columnGapS {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_s);\n}\n\n.columnGapM {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_m);\n}\n\n.columnGapL {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_l);\n}\n\n.columnGapXl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_xl);\n}\n\n.columnGap2xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_2xl);\n}\n\n.columnGap3xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_3xl);\n}\n\n.columnGap4xl {\n  --vkui_internal--column_gap: var(--vkui--spacing_size_4xl);\n}\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","/*\n * Стили, которые переиспользуются в AppRoot и при использовании порталов.\n *\n * Желательно не помещать сюда стили отвечающие за геометрию и фон,\n * чтобы не влиять на поведение модалок и других плавающих элементов.\n * Такие стили лучше помещать сразу в AppRoot.\n */\n.host {\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.densityCompact {\n  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone {\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",".host {\n  inline-size: 100%;\n  /* чтобы можно было ограничить размеры приложения\n   * извне с помощью max-height, max-width */\n  max-inline-size: inherit;\n  block-size: 100%;\n  max-block-size: inherit;\n}\n\n.layoutCard {\n  background: var(--vkui--color_background);\n}\n\n.layoutPlain {\n  background: var(--vkui--color_background_content);\n}\n\n.transformForPositionFixedElements {\n  transform: translate3d(0, 0, 0);\n}\n",".defaultColor {\n  color: var(--vkui--color_text_primary);\n  color-scheme: var(--vkui--colors_scheme);\n}\n",".normalize {\n  display: block;\n  padding: 0;\n  margin: 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\n.alignStart {\n  text-align: start;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignEnd {\n  text-align: end;\n}\n",".level1 {\n  font-family: var(--vkui--font_display_title1--font_family--regular);\n  font-size: var(--vkui--font_display_title1--font_size--regular);\n  font-weight: var(--vkui--font_display_title1--font_weight--regular);\n  line-height: var(--vkui--font_display_title1--line_height--regular);\n}\n\n.densityCompact.level1 {\n  font-family: var(\n    --vkui--font_display_title1--font_family--compact,\n    var(--vkui--font_display_title1--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_display_title1--font_size--compact,\n    var(--vkui--font_display_title1--font_size--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  line-height: var(\n    --vkui--font_display_title1--line_height--compact,\n    var(--vkui--font_display_title1--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level1 {\n    font-family: var(\n      --vkui--font_display_title1--font_family--compact,\n      var(--vkui--font_display_title1--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_display_title1--font_size--compact,\n      var(--vkui--font_display_title1--font_size--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    line-height: var(\n      --vkui--font_display_title1--line_height--compact,\n      var(--vkui--font_display_title1--line_height--regular)\n    );\n  }\n}\n\n.level2 {\n  font-family: var(--vkui--font_display_title2--font_family--regular);\n  font-size: var(--vkui--font_display_title2--font_size--regular);\n  font-weight: var(--vkui--font_display_title2--font_weight--regular);\n  line-height: var(--vkui--font_display_title2--line_height--regular);\n}\n\n.densityCompact.level2 {\n  font-family: var(\n    --vkui--font_display_title2--font_family--compact,\n    var(--vkui--font_display_title2--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_display_title2--font_size--compact,\n    var(--vkui--font_display_title2--font_size--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  line-height: var(\n    --vkui--font_display_title2--line_height--compact,\n    var(--vkui--font_display_title2--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level2 {\n    font-family: var(\n      --vkui--font_display_title2--font_family--compact,\n      var(--vkui--font_display_title2--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_display_title2--font_size--compact,\n      var(--vkui--font_display_title2--font_size--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    line-height: var(\n      --vkui--font_display_title2--line_height--compact,\n      var(--vkui--font_display_title2--line_height--regular)\n    );\n  }\n}\n\n.level3 {\n  font-family: var(--vkui--font_display_title3--font_family--regular);\n  font-size: var(--vkui--font_display_title3--font_size--regular);\n  font-weight: var(--vkui--font_display_title3--font_weight--regular);\n  line-height: var(--vkui--font_display_title3--line_height--regular);\n}\n\n.densityCompact.level3 {\n  font-family: var(\n    --vkui--font_display_title3--font_family--compact,\n    var(--vkui--font_display_title3--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_display_title3--font_size--compact,\n    var(--vkui--font_display_title3--font_size--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  line-height: var(\n    --vkui--font_display_title3--line_height--compact,\n    var(--vkui--font_display_title3--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level3 {\n    font-family: var(\n      --vkui--font_display_title3--font_family--compact,\n      var(--vkui--font_display_title3--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_display_title3--font_size--compact,\n      var(--vkui--font_display_title3--font_size--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    line-height: var(\n      --vkui--font_display_title3--line_height--compact,\n      var(--vkui--font_display_title3--line_height--regular)\n    );\n  }\n}\n\n.level4 {\n  font-family: var(--vkui--font_display_title4--font_family--regular);\n  font-size: var(--vkui--font_display_title4--font_size--regular);\n  font-weight: var(--vkui--font_display_title4--font_weight--regular);\n  line-height: var(--vkui--font_display_title4--line_height--regular);\n}\n\n.densityCompact.level4 {\n  font-family: var(\n    --vkui--font_display_title4--font_family--compact,\n    var(--vkui--font_display_title4--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_display_title4--font_size--compact,\n    var(--vkui--font_display_title4--font_size--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  line-height: var(\n    --vkui--font_display_title4--line_height--compact,\n    var(--vkui--font_display_title4--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level4 {\n    font-family: var(\n      --vkui--font_display_title4--font_family--compact,\n      var(--vkui--font_display_title4--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_display_title4--font_size--compact,\n      var(--vkui--font_display_title4--font_size--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    line-height: var(\n      --vkui--font_display_title4--line_height--compact,\n      var(--vkui--font_display_title4--line_height--regular)\n    );\n  }\n}\n",".level1 {\n  font-family: var(--vkui--font_title1--font_family--regular);\n  font-size: var(--vkui--font_title1--font_size--regular);\n  font-weight: var(--vkui--font_title1--font_weight--regular);\n  line-height: var(--vkui--font_title1--line_height--regular);\n}\n\n.densityCompact.level1 {\n  font-family: var(\n    --vkui--font_title1--font_family--compact,\n    var(--vkui--font_title1--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_title1--font_size--compact,\n    var(--vkui--font_title1--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_title1--font_weight--compact,\n    var(--vkui--font_title1--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_title1--line_height--compact,\n    var(--vkui--font_title1--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level1 {\n    font-family: var(\n      --vkui--font_title1--font_family--compact,\n      var(--vkui--font_title1--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_title1--font_size--compact,\n      var(--vkui--font_title1--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_title1--font_weight--compact,\n      var(--vkui--font_title1--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_title1--line_height--compact,\n      var(--vkui--font_title1--line_height--regular)\n    );\n  }\n}\n\n.level2 {\n  font-family: var(--vkui--font_title2--font_family--regular);\n  font-size: var(--vkui--font_title2--font_size--regular);\n  font-weight: var(--vkui--font_title2--font_weight--regular);\n  line-height: var(--vkui--font_title2--line_height--regular);\n}\n\n.densityCompact.level2 {\n  font-family: var(\n    --vkui--font_title2--font_family--compact,\n    var(--vkui--font_title2--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_title2--font_size--compact,\n    var(--vkui--font_title2--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_title2--font_weight--compact,\n    var(--vkui--font_title2--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_title2--line_height--compact,\n    var(--vkui--font_title2--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level2 {\n    font-family: var(\n      --vkui--font_title2--font_family--compact,\n      var(--vkui--font_title2--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_title2--font_size--compact,\n      var(--vkui--font_title2--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_title2--font_weight--compact,\n      var(--vkui--font_title2--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_title2--line_height--compact,\n      var(--vkui--font_title2--line_height--regular)\n    );\n  }\n}\n\n.level3 {\n  font-family: var(--vkui--font_title3--font_family--regular);\n  font-size: var(--vkui--font_title3--font_size--regular);\n  font-weight: var(--vkui--font_title3--font_weight--regular);\n  line-height: var(--vkui--font_title3--line_height--regular);\n}\n\n.densityCompact.level3 {\n  font-family: var(\n    --vkui--font_title3--font_family--compact,\n    var(--vkui--font_title3--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_title3--font_size--compact,\n    var(--vkui--font_title3--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_title3--font_weight--compact,\n    var(--vkui--font_title3--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_title3--line_height--compact,\n    var(--vkui--font_title3--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level3 {\n    font-family: var(\n      --vkui--font_title3--font_family--compact,\n      var(--vkui--font_title3--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_title3--font_size--compact,\n      var(--vkui--font_title3--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_title3--font_weight--compact,\n      var(--vkui--font_title3--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_title3--line_height--compact,\n      var(--vkui--font_title3--line_height--regular)\n    );\n  }\n}\n",".level1 {\n  font-family: var(--vkui--font_headline1--font_family--regular);\n  font-size: var(--vkui--font_headline1--font_size--regular);\n  font-weight: var(--vkui--font_headline1--font_weight--regular);\n  line-height: var(--vkui--font_headline1--line_height--regular);\n}\n\n.densityCompact.level1 {\n  font-size: var(\n    --vkui--font_headline1--font_size--compact,\n    var(--vkui--font_headline1--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline1--font_weight--compact,\n    var(--vkui--font_headline1--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_headline1--line_height--compact,\n    var(--vkui--font_headline1--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level1 {\n    font-size: var(\n      --vkui--font_headline1--font_size--compact,\n      var(--vkui--font_headline1--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline1--font_weight--compact,\n      var(--vkui--font_headline1--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_headline1--line_height--compact,\n      var(--vkui--font_headline1--line_height--regular)\n    );\n  }\n}\n\n.level2 {\n  font-family: var(--vkui--font_headline2--font_family--regular);\n  font-size: var(--vkui--font_headline2--font_size--regular);\n  font-weight: var(--vkui--font_headline2--font_weight--regular);\n  line-height: var(--vkui--font_headline2--line_height--regular);\n}\n\n.densityCompact.level2 {\n  font-size: var(\n    --vkui--font_headline2--font_size--compact,\n    var(--vkui--font_headline2--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_headline2--font_weight--compact,\n    var(--vkui--font_headline2--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_headline2--line_height--compact,\n    var(--vkui--font_headline2--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level2 {\n    font-size: var(\n      --vkui--font_headline2--font_size--compact,\n      var(--vkui--font_headline2--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_headline2--font_weight--compact,\n      var(--vkui--font_headline2--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_headline2--line_height--compact,\n      var(--vkui--font_headline2--line_height--regular)\n    );\n  }\n}\n",".host {\n  font-family: var(--vkui--font_text--font_family--regular);\n  font-size: var(--vkui--font_text--font_size--regular);\n  font-weight: var(--vkui--font_text--font_weight--regular);\n  line-height: var(--vkui--font_text--line_height--regular);\n}\n\n.densityCompact {\n  font-family: var(\n    --vkui--font_text--font_family--compact,\n    var(--vkui--font_text--font_family--regular)\n  );\n  font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--regular));\n  font-weight: var(\n    --vkui--font_text--font_weight--compact,\n    var(--vkui--font_text--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_text--line_height--compact,\n    var(--vkui--font_text--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone {\n    font-family: var(\n      --vkui--font_text--font_family--compact,\n      var(--vkui--font_text--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_text--font_size--compact,\n      var(--vkui--font_text--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_text--font_weight--compact,\n      var(--vkui--font_text--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_text--line_height--compact,\n      var(--vkui--font_text--line_height--regular)\n    );\n  }\n}\n",".host {\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n}\n\n.densityCompact {\n  font-family: var(\n    --vkui--font_paragraph--font_family--compact,\n    var(--vkui--font_paragraph--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_paragraph--font_size--compact,\n    var(--vkui--font_paragraph--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_paragraph--font_weight--compact,\n    var(--vkui--font_paragraph--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_paragraph--line_height--compact,\n    var(--vkui--font_paragraph--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone {\n    font-family: var(\n      --vkui--font_paragraph--font_family--compact,\n      var(--vkui--font_paragraph--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_paragraph--font_size--compact,\n      var(--vkui--font_paragraph--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_paragraph--font_weight--compact,\n      var(--vkui--font_paragraph--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_paragraph--line_height--compact,\n      var(--vkui--font_paragraph--line_height--regular)\n    );\n  }\n}\n",".host {\n  font-family: var(--vkui--font_subhead--font_family--regular);\n  font-size: var(--vkui--font_subhead--font_size--regular);\n  font-weight: var(--vkui--font_subhead--font_weight--regular);\n  line-height: var(--vkui--font_subhead--line_height--regular);\n}\n\n.densityCompact {\n  font-family: var(\n    --vkui--font_subhead--font_family--compact,\n    var(--vkui--font_subhead--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_subhead--font_size--compact,\n    var(--vkui--font_subhead--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_subhead--font_weight--compact,\n    var(--vkui--font_subhead--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_subhead--line_height--compact,\n    var(--vkui--font_subhead--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone {\n    font-family: var(\n      --vkui--font_subhead--font_family--compact,\n      var(--vkui--font_subhead--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_subhead--font_size--compact,\n      var(--vkui--font_subhead--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_subhead--font_weight--compact,\n      var(--vkui--font_subhead--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_subhead--line_height--compact,\n      var(--vkui--font_subhead--line_height--regular)\n    );\n  }\n}\n",".host {\n  font-family: var(--vkui--font_footnote--font_family--regular);\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n}\n\n.densityCompact {\n  font-family: var(\n    --vkui--font_footnote--font_family--compact,\n    var(--vkui--font_footnote--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_footnote--font_size--compact,\n    var(--vkui--font_footnote--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_footnote--font_weight--compact,\n    var(--vkui--font_footnote--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_footnote--line_height--compact,\n    var(--vkui--font_footnote--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone {\n    font-family: var(\n      --vkui--font_footnote--font_family--compact,\n      var(--vkui--font_footnote--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_footnote--font_size--compact,\n      var(--vkui--font_footnote--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_footnote--font_weight--compact,\n      var(--vkui--font_footnote--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_footnote--line_height--compact,\n      var(--vkui--font_footnote--line_height--regular)\n    );\n  }\n}\n\n.caps {\n  font-family: var(--vkui--font_footnote_caps--font_family--regular);\n  font-size: var(--vkui--font_footnote_caps--font_size--regular);\n  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);\n  line-height: var(--vkui--font_footnote_caps--line_height--regular);\n  text-transform: uppercase;\n}\n\n.densityCompact.caps {\n  font-family: var(\n    --vkui--font_footnote_caps--font_family--compact,\n    var(--vkui--font_footnote_caps--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_footnote_caps--font_size--compact,\n    var(--vkui--font_footnote_caps--font_size--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  line-height: var(\n    --vkui--font_footnote_caps--line_height--compact,\n    var(--vkui--font_footnote_caps--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.caps {\n    font-family: var(\n      --vkui--font_footnote_caps--font_family--compact,\n      var(--vkui--font_footnote_caps--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_footnote_caps--font_size--compact,\n      var(--vkui--font_footnote_caps--font_size--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    line-height: var(\n      --vkui--font_footnote_caps--line_height--compact,\n      var(--vkui--font_footnote_caps--line_height--regular)\n    );\n  }\n}\n",".caps {\n  text-transform: uppercase;\n}\n\n.level1 {\n  font-family: var(--vkui--font_caption1--font_family--regular);\n  font-size: var(--vkui--font_caption1--font_size--regular);\n  font-weight: var(--vkui--font_caption1--font_weight--regular);\n  line-height: var(--vkui--font_caption1--line_height--regular);\n}\n\n.densityCompact.level1 {\n  font-family: var(\n    --vkui--font_caption1--font_family--compact,\n    var(--vkui--font_caption1--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption1--font_size--compact,\n    var(--vkui--font_caption1--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption1--font_weight--compact,\n    var(--vkui--font_caption1--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_caption1--line_height--compact,\n    var(--vkui--font_caption1--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level1 {\n    font-family: var(\n      --vkui--font_caption1--font_family--compact,\n      var(--vkui--font_caption1--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption1--font_size--compact,\n      var(--vkui--font_caption1--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption1--font_weight--compact,\n      var(--vkui--font_caption1--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_caption1--line_height--compact,\n      var(--vkui--font_caption1--line_height--regular)\n    );\n  }\n}\n\n.level1.caps {\n  font-family: var(--vkui--font_caption1_caps--font_family--regular);\n  font-size: var(--vkui--font_caption1_caps--font_size--regular);\n  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);\n  line-height: var(--vkui--font_caption1_caps--line_height--regular);\n}\n\n.densityCompact.level1.caps {\n  font-family: var(\n    --vkui--font_caption1_caps--font_family--compact,\n    var(--vkui--font_caption1_caps--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption1_caps--font_size--compact,\n    var(--vkui--font_caption1_caps--font_size--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  line-height: var(\n    --vkui--font_caption1_caps--line_height--compact,\n    var(--vkui--font_caption1_caps--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level1.caps {\n    font-family: var(\n      --vkui--font_caption1_caps--font_family--compact,\n      var(--vkui--font_caption1_caps--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption1_caps--font_size--compact,\n      var(--vkui--font_caption1_caps--font_size--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    line-height: var(\n      --vkui--font_caption1_caps--line_height--compact,\n      var(--vkui--font_caption1_caps--line_height--regular)\n    );\n  }\n}\n\n.level2 {\n  font-family: var(--vkui--font_caption2--font_family--regular);\n  font-size: var(--vkui--font_caption2--font_size--regular);\n  font-weight: var(--vkui--font_caption2--font_weight--regular);\n  line-height: var(--vkui--font_caption2--line_height--regular);\n}\n\n.densityCompact.level2 {\n  font-family: var(\n    --vkui--font_caption2--font_family--compact,\n    var(--vkui--font_caption2--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption2--font_size--compact,\n    var(--vkui--font_caption2--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption2--font_weight--compact,\n    var(--vkui--font_caption2--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_caption2--line_height--compact,\n    var(--vkui--font_caption2--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level2 {\n    font-family: var(\n      --vkui--font_caption2--font_family--compact,\n      var(--vkui--font_caption2--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption2--font_size--compact,\n      var(--vkui--font_caption2--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption2--font_weight--compact,\n      var(--vkui--font_caption2--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_caption2--line_height--compact,\n      var(--vkui--font_caption2--line_height--regular)\n    );\n  }\n}\n\n.level2.caps {\n  font-family: var(--vkui--font_caption2_caps--font_family--regular);\n  font-size: var(--vkui--font_caption2_caps--font_size--regular);\n  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);\n  line-height: var(--vkui--font_caption2_caps--line_height--regular);\n}\n\n.densityCompact.level2.caps {\n  font-family: var(\n    --vkui--font_caption2_caps--font_family--compact,\n    var(--vkui--font_caption2_caps--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption2_caps--font_size--compact,\n    var(--vkui--font_caption2_caps--font_size--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  line-height: var(\n    --vkui--font_caption2_caps--line_height--compact,\n    var(--vkui--font_caption2_caps--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level2.caps {\n    font-family: var(\n      --vkui--font_caption2_caps--font_family--compact,\n      var(--vkui--font_caption2_caps--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption2_caps--font_size--compact,\n      var(--vkui--font_caption2_caps--font_size--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    line-height: var(\n      --vkui--font_caption2_caps--line_height--compact,\n      var(--vkui--font_caption2_caps--line_height--regular)\n    );\n  }\n}\n\n.level3 {\n  font-family: var(--vkui--font_caption3--font_family--regular);\n  font-size: var(--vkui--font_caption3--font_size--regular);\n  font-weight: var(--vkui--font_caption3--font_weight--regular);\n  line-height: var(--vkui--font_caption3--line_height--regular);\n}\n\n.densityCompact.level3 {\n  font-family: var(\n    --vkui--font_caption3--font_family--compact,\n    var(--vkui--font_caption3--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption3--font_size--compact,\n    var(--vkui--font_caption3--font_size--regular)\n  );\n  font-weight: var(\n    --vkui--font_caption3--font_weight--compact,\n    var(--vkui--font_caption3--font_weight--regular)\n  );\n  line-height: var(\n    --vkui--font_caption3--line_height--compact,\n    var(--vkui--font_caption3--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level3 {\n    font-family: var(\n      --vkui--font_caption3--font_family--compact,\n      var(--vkui--font_caption3--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption3--font_size--compact,\n      var(--vkui--font_caption3--font_size--regular)\n    );\n    font-weight: var(\n      --vkui--font_caption3--font_weight--compact,\n      var(--vkui--font_caption3--font_weight--regular)\n    );\n    line-height: var(\n      --vkui--font_caption3--line_height--compact,\n      var(--vkui--font_caption3--line_height--regular)\n    );\n  }\n}\n\n.level3.caps {\n  font-family: var(--vkui--font_caption3_caps--font_family--regular);\n  font-size: var(--vkui--font_caption3_caps--font_size--regular);\n  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);\n  line-height: var(--vkui--font_caption3_caps--line_height--regular);\n}\n\n.densityCompact.level3.caps {\n  font-family: var(\n    --vkui--font_caption3_caps--font_family--compact,\n    var(--vkui--font_caption3_caps--font_family--regular)\n  );\n  font-size: var(\n    --vkui--font_caption3_caps--font_size--compact,\n    var(--vkui--font_caption3_caps--font_size--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  line-height: var(\n    --vkui--font_caption3_caps--line_height--compact,\n    var(--vkui--font_caption3_caps--line_height--regular)\n  );\n}\n\n@media (--density-compact) {\n  .densityNone.level3.caps {\n    font-family: var(\n      --vkui--font_caption3_caps--font_family--compact,\n      var(--vkui--font_caption3_caps--font_family--regular)\n    );\n    font-size: var(\n      --vkui--font_caption3_caps--font_size--compact,\n      var(--vkui--font_caption3_caps--font_size--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    line-height: var(\n      --vkui--font_caption3_caps--line_height--compact,\n      var(--vkui--font_caption3_caps--line_height--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  display: block;\n  content: '';\n}\n\n.content {\n  flex: 0 0 auto;\n  min-inline-size: 1em;\n  max-inline-size: inherit;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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  appearance: none;\n  resize: none;\n  outline: none;\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  -webkit-tap-highlight-color: transparent;\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  text-decoration: none;\n  appearance: 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  position: relative;\n  border-radius: var(--vkui--size_border_radius--regular);\n  isolation: isolate;\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.withBorder {\n  border-radius: 0;\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .withBorderOnSmallTabletMinus {\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  position: absolute;\n  inset: 0;\n  z-index: var(--vkui_internal--z_index_tappable_state);\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: -12px 0;\n  content: '';\n  background: var(--vkui--color_transparent--active);\n  border-radius: 50%;\n  opacity: 0;\n  animation: animationWave 0.3s var(--vkui--animation_easing_platform);\n}\n\n/**\n * Animations\n */\n@keyframes animationWave {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  30% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(8);\n  }\n}\n",".host {\n  position: fixed;\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  box-sizing: border-box;\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  inset-block-start: 0;\n  inline-size: 100%;\n}\n\n.verticalBottom {\n  inset-block-end: 0;\n  inline-size: 100%;\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) +\n    var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n\n/**\n * CMP:\n * PanelHeaderContext\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) +\n    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  inset-block-end: 0;\n  inset-inline-end: 0;\n  z-index: var(--vkui_internal--z_index_image_base_badge);\n  padding: 2px;\n  border-radius: 50%;\n\n  /* Смещаем на `padding-top` и `padding-left`, чтобы не учитывать `padding` при позиционировании. */\n  transform: translate(2px, 2px);\n}\n\n.backgroundStroke {\n  /* цвет фона для скрывания элементов */\n  background-color: var(--vkui_internal--background, var(--vkui--color_background_content));\n}\n\n.backgroundShadow::before {\n  position: absolute;\n  inset: 2px;\n  margin: auto;\n  pointer-events: none;\n  content: '';\n  border-radius: inherit;\n  box-shadow: var(--vkui--elevation1);\n}\n",".host {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_image_base_positioned_element);\n  transition: opacity 0.3s ease-in-out;\n\n  --vkui_internal--FloatElement_horizontal_indent: 0;\n  --vkui_internal--FloatElement_vertical_indent: 0;\n}\n\n.inlineIndent2xs {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_2xs);\n}\n\n.inlineIndentXs {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_xs);\n}\n\n.inlineIndentS {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_s);\n}\n\n.inlineIndentM {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_m);\n}\n\n.inlineIndentL {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_l);\n}\n\n.inlineIndentXl {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_xl);\n}\n\n.inlineIndent2xl {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_2xl);\n}\n\n.inlineIndent3xl {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_3xl);\n}\n\n.inlineIndent4xl {\n  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_4xl);\n}\n\n.blockIndent2xs {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_2xs);\n}\n\n.blockIndentXs {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_xs);\n}\n\n.blockIndentS {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_s);\n}\n\n.blockIndentM {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_m);\n}\n\n.blockIndentL {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_l);\n}\n\n.blockIndentXl {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_xl);\n}\n\n.blockIndent2xl {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_2xl);\n}\n\n.blockIndent3xl {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_3xl);\n}\n\n.blockIndent4xl {\n  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_4xl);\n}\n\n.hidden {\n  opacity: 0;\n}\n\n.placementTopStart {\n  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);\n}\n\n.placementTop {\n  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.placementTopEnd {\n  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);\n}\n\n.placementBottomStart {\n  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);\n}\n\n.placementBottom {\n  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.placementBottomEnd {\n  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);\n  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);\n}\n\n.placementMiddleStart {\n  inset-block-start: 50%;\n  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);\n  transform: translateY(-50%);\n}\n\n.placementMiddle {\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.placementMiddleEnd {\n  inset-block-start: 50%;\n  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);\n  transform: translateY(-50%);\n}\n",".host {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_image_base_overlay);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\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-block-start: 0;\n  inset-inline-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  z-index: var(--vkui_internal--z_index_image_base_border);\n  box-sizing: border-box;\n  pointer-events: none;\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n  transform-origin: left top;\n}\n\n.imgWithFilterContainer {\n  overflow: hidden; /* Обрезает сайд-эффекты свойства `filter`. */\n}\n\n.img,\n.imgWithFilterContainer {\n  inline-size: 100%;\n  block-size: 100%;\n  border-radius: inherit;\n}\n\n.img {\n  display: block;\n  /* Скрывает текст из атрибута alt. */\n  color: transparent;\n  /*\n  Скрывает альтернативную иконку, которая появляется когда нет атрибута alt.\n  Работает только в Chromium. В остальных ситуациях сработает `.imgHiddenAlt`, который добавляется на `onError`.\n  */\n  text-indent: 10000px;\n  border: 0;\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.withObjectPosition {\n  --vkui_internal--ImageBase_object_position_default: 50% 50%;\n\n  object-position: var(\n    --vkui_internal--ImageBase_object_position,\n    var(--vkui_internal--ImageBase_object_position_default)\n  );\n}\n\n.withFilter {\n  --vkui_internal--ImageBase_object_filter_default: none;\n\n  filter: var(\n    --vkui_internal--ImageBase_object_filter,\n    var(--vkui_internal--ImageBase_object_filter_default)\n  );\n}\n\n.imgHiddenAlt {\n  opacity: 0;\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  inline-size: 1px !important;\n  block-size: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important; /* Fix for https://github.com/twbs/bootstrap/issues/25686 */\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  user-select: none;\n  border: 0 !important;\n  opacity: 0;\n  clip-path: inset(50%);\n}\n\n/* Чтобы фокус скринридера, попавший на скрытый инпут был виден.\n * Особенно актуально для Android TalkBack */\n.focusableInput {\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100% !important;\n  block-size: 100% !important;\n  pointer-events: none;\n  clip-path: none !important;\n}\n/* stylelint-enable declaration-no-important */\n",".host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n  color: var(--vkui--color_icon_medium);\n}\n\n.noColor {\n  color: currentColor;\n}\n",".visibilityDelay {\n  --vkui_internal--animation_delay_visibility: 200ms;\n\n  visibility: hidden;\n  animation: 0ms linear var(--vkui_internal--animation_delay_visibility) forwards\n    animationStylesDelayVisibility;\n}\n\n@keyframes animationStylesDelayVisibility {\n  to {\n    visibility: visible;\n  }\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  display: inline-block;\n  min-inline-size: var(--vkui--size_button_minimum_width--regular);\n  max-inline-size: 100%;\n  min-block-size: var(--vkui--size_button_small_height--compact);\n  padding: 0;\n  margin: 0;\n  border: 0;\n  border-radius: var(--vkui--size_border_radius--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.densityRegular.singleIcon {\n  inline-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone.singleIcon {\n    inline-size: var(--vkui--size_button_small_height--regular);\n  }\n}\n\n.stretched {\n  display: block;\n  flex-grow: 1;\n  flex-basis: 0;\n  inline-size: 100%;\n}\n\n.in {\n  box-sizing: border-box;\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}\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  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--vkui--font_weight_accent2);\n  white-space: nowrap;\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  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  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  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.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);\n}\n\n.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);\n}\n\n.sizeL .after {\n  padding-inline-end: 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  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  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  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.modeTertiary.sizeS .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeM .after {\n  padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);\n}\n\n.modeTertiary.sizeL .after {\n  padding-inline-end: 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  padding-inline: 0;\n  margin-inline: auto;\n}\n\n.modeLink {\n  min-inline-size: initial;\n  background: none;\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.appearanceAccent {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.appearancePositive {\n  color: var(--vkui--color_text_positive);\n}\n\n.appearanceNegative {\n  color: var(--vkui--color_text_negative);\n}\n\n.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n}\n\n.modePrimary.appearanceNeutral {\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.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.densityRegular.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 (--density-regular) {\n  .densityNone.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.densityRegular.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 (--density-regular) {\n  .densityNone.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.densityRegular.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 (--density-regular) {\n  .densityNone.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.densityRegular.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 (--density-regular) {\n  .densityNone.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.densityRegular.sizeM {\n  min-block-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone.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.densityRegular.sizeM.singleIcon {\n  inline-size: var(--vkui--size_button_medium_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone.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.densityRegular.sizeL {\n  min-block-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone.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.densityRegular.sizeL.singleIcon {\n  inline-size: var(--vkui--size_button_large_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone.sizeL.singleIcon {\n    inline-size: var(--vkui--size_button_large_height--regular);\n  }\n}\n\n.densityRegular {\n  min-block-size: var(--vkui--size_button_small_height--regular);\n}\n\n@media (--density-regular) {\n  .densityNone {\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\n.elevation1 {\n  box-shadow: var(--vkui--elevation1);\n}\n\n.elevation2 {\n  box-shadow: var(--vkui--elevation2);\n}\n\n.elevation3 {\n  box-shadow: var(--vkui--elevation3);\n}\n\n.elevation4 {\n  box-shadow: var(--vkui--elevation4);\n}\n",".host {\n  position: relative;\n  display: block;\n  inline-size: fit-content;\n  block-size: 48px;\n  padding: 0;\n  margin: 0;\n  color: currentColor;\n  appearance: none;\n  background: none;\n  border: 0;\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  box-shadow: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon) {\n  box-sizing: content-box;\n}\n\n.densityCompact {\n  block-size: 44px;\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable);\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.densityCompact :global(.vkuiIcon--16),\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.densityCompact :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.densityCompact :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.densityCompact :global(.vkuiIcon--28) {\n  padding: 8px;\n}\n\n@media (--density-compact) {\n  .densityNone {\n    block-size: 44px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .densityNone :global(.vkuiIcon--16),\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .densityNone :global(.vkuiIcon--16.vkuiIcon--w-8) {\n    padding: 14px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .densityNone :global(.vkuiIcon--24) {\n    padding: 10px;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .densityNone :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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormLayoutGroup--removable)\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalRemovable__content)\n  > .host,\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormField__after)\n  .host {\n  display: flex;\n  align-content: center;\n  align-items: 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 selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after)\n  .host\n  :global(.vkuiIcon):global(.vkuiIcon):global(.vkuiIcon) {\n  padding: 0;\n}\n/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormField__after) .densityCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n/* stylelint-disable selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--removable)\n  :global(.vkuiInternalRemovable__content)\n  > .densityCompact,\n:global(.vkuiInternalFormLayoutGroup--removable)\n  :global(.vkuiInternalRemovable__content)\n  > .densityCompact {\n  block-size: var(--vkui--size_field_height--compact);\n}\n/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--density-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormField__after) .densityNone {\n    inline-size: var(--vkui--size_field_height--compact);\n    block-size: var(--vkui--size_field_height--compact);\n  }\n\n  /* stylelint-disable selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .densityNone,\n  :global(.vkuiInternalFormLayoutGroup--removable)\n    :global(.vkuiInternalRemovable__content)\n    > .densityNone {\n    block-size: var(--vkui--size_field_height--compact);\n  }\n  /* stylelint-enable selector-pseudo-class-disallowed-list */\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  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  flex-basis: 0;\n  align-items: center;\n  inline-size: 100%;\n  padding: var(--vkui--spacing_size_m);\n  margin: 0;\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  text-decoration: none;\n  border: 0;\n  border-radius: var(--vkui--size_border_radius_paper--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.densityRegular {\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 (--density-regular) {\n  .densityNone {\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_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/* Mode = Secondary */\n.modeSecondary {\n  background-color: var(--vkui--color_background_secondary);\n}\n\n.modeSecondary.hover {\n  background-color: var(--vkui--color_background_secondary--hover);\n}\n\n.modeSecondary.active {\n  background-color: var(--vkui--color_background_secondary--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  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\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  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.viewShowForward {\n  animation: animationRootAnimationShowForward var(--vkui_internal--root_animation_duration)\n    var(--vkui--animation_easing_platform);\n}\n\n.viewHideBack {\n  animation: animationRootAnimationHideBack var(--vkui_internal--root_animation_duration)\n    var(--vkui--animation_easing_platform) forwards;\n}\n\n.transition .view {\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-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  inset-block-start: 0;\n  inset-inline-start: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background-color: #000;\n}\n\n.ios .viewShowBack::after {\n  animation: animationRootIosOverlayAnimationShowBack var(--vkui_internal--root_animation_duration)\n    var(--vkui--animation_easing_platform) forwards;\n}\n\n.ios .viewHideForward::after {\n  animation: animationRootIosOverlayAnimationHideForward\n    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 animationRootAnimationHideBack {\n  from {\n    opacity: 1;\n    transform: none;\n  }\n\n  to {\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n    transform: var(--vkui_internal--root_animation_transform_initial);\n  }\n}\n@keyframes animationRootAnimationShowForward {\n  from {\n    opacity: var(--vkui_internal--root_animation_opacity_initial);\n    transform: var(--vkui_internal--root_animation_transform_initial);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n@keyframes animationRootIosOverlayAnimationShowBack {\n  from {\n    opacity: 0.3;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n@keyframes animationRootIosOverlayAnimationHideForward {\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  inline-size: 100%;\n  block-size: 100%;\n  overflow-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  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_panel_header_fade);\n  display: none;\n  inline-size: 100%;\n  block-size: 100%;\n  pointer-events: none;\n  background-color: #000;\n}\n\n.panelPrev .panelOverlay {\n  display: block;\n  animation: animationIosOverlayFadeIn 0.6s var(--vkui--animation_easing_platform);\n}\n\n.panelNext .panelOverlay {\n  display: block;\n  animation: animationIosOverlayFadeOut 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: rgb(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  inline-size: 100%;\n  block-size: 100%;\n}\n\n.panelIn {\n  block-size: 100%;\n}\n\n.panel {\n  position: relative;\n  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: 100%;\n  isolation: isolate;\n}\n\n.animated .panel,\n.swipingBack .panel {\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: animationViewPrevBack 0.3s var(--vkui--animation_easing_platform) forwards;\n}\n\n.panelPrev ~ .panelNext {\n  animation: animationViewNextForward 0.3s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev {\n  animation: animationIosPrevForward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext {\n  animation: animationIosNextBack 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelPrev ~ .panelNext {\n  animation: animationIosNextForward 0.6s var(--vkui--animation_easing_platform);\n}\n\n.ios .panelNext ~ .panelPrev {\n  animation: animationIosPrevBack 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: animationViewPrevBack;\n    animation-duration: 0.3s;\n    animation-fill-mode: forwards;\n  }\n\n  .ios .panelPrev ~ .panelNext {\n    animation-name: animationViewNextForward;\n    animation-duration: 0.3s;\n    animation-fill-mode: none;\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios.noMotion .panel :global(.vkuiInternalPanel__in),\n.noMotion .panel,\n.ios.noMotion .panel {\n  animation: none;\n}\n\n@keyframes animationViewPrevBack {\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 animationViewNextForward {\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 animationIosNextForward {\n  from {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animationIosNextBack {\n  from {\n    transform: translate3d(-50%, 0, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes animationIosPrevForward {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n@keyframes animationIosPrevBack {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(100%, 0, 0);\n  }\n}\n@keyframes animationIosOverlayFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.3;\n  }\n}\n@keyframes animationIosOverlayFadeOut {\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  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n  min-block-size: 100%;\n}\n\n.centered {\n  box-sizing: border-box;\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\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.viewWidthSmallTabletMinus .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 5px);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .viewWidthNone .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.viewWidthSmallTabletPlus .centered :global(.vkuiInternalPanelHeader--sep) + * {\n  margin-block-start: calc(var(--vkui_internal--panel_header_height) + 16px);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .viewWidthNone .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) +\n    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 (--viewWidth-smallTabletPlus) {\n  .modeNone .in {\n    background: var(--vkui--color_background);\n  }\n}\n\n.disableBackground .in {\n  background: transparent;\n}\n",".host {\n  position: relative;\n  display: block;\n  padding: 0;\n  margin: 0;\n  color: currentColor;\n  appearance: none;\n  background: none;\n  border: 0;\n  box-shadow: none;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon) {\n  box-sizing: content-box;\n}\n\n.host[disabled] {\n  opacity: 0.6;\n}\n\n.primitive {\n  block-size: 48px;\n  padding-block: 0;\n  padding-inline: 10px;\n  line-height: 48px;\n}\n\n/* stylelint-disable selector-max-type */\n.rtl svg {\n  transform: scaleX(-1);\n}\n/* stylelint-enable selector-max-type */\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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\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  opacity: 0.7;\n  transition: opacity 0.3s;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.hover > :not(:global(.vkuiInternalCounter)):not(:global(.vkuiInternalBadge)),\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\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 (--viewWidth-smallTabletPlus) {\n  .backIos.backHasLabel:not(.backViewWidthSmallTabletMinus) {\n    padding-inline-end: 8px;\n  }\n}\n\n.backViewWidthSmallTabletMinus.backIos .label {\n  display: none;\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .backViewWidthNone.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  inset-block-start: 4px;\n  inset-inline-end: 4px;\n  padding: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--24) ~ :global(.vkuiInternalCounter),\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.ios :global(.vkuiInternalBadge) {\n  inset-block-start: 6px;\n  inset-inline-end: 6px;\n}\n",".spacing2xs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xs);\n}\n\n.spacingXs {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xs);\n}\n\n.spacingS {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_s);\n}\n\n.spacingM {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_m);\n}\n\n.spacingL {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_l);\n}\n\n.spacingXl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_xl);\n}\n\n.spacing2xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xl);\n}\n\n.spacing3xl {\n  --vkui_internal--spacing_size: var(--vkui--spacing_size_3xl);\n}\n\n.spacing4xl {\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  align-items: var(--vkui_internal--separator_align, center);\n  block-size: var(--vkui_internal--spacing_size);\n}\n\n.sized.directionVertical {\n  justify-content: var(--vkui_internal--separator_align, center);\n  inline-size: var(--vkui_internal--spacing_size);\n}\n\n.in {\n  margin: 0;\n  color: inherit;\n  background: currentColor;\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--viewWidth-smallTabletPlus) .padded {\n  padding-inline: 8px;\n}\n\n/* FIXME: Мертвый код */\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalModalPage--viewWidth-none) .padded {\n    padding-inline: 8px;\n  }\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  /* см. https://github.com/VKCOM/VKUI/issues/5571 */\n  z-index: var(--vkui_internal--z_index_panel_header);\n  block-size: 0;\n}\n\n.fixed {\n  z-index: var(--vkui_internal--z_index_panel_header);\n}\n\n.in {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  background: var(--vkui--color_background_content);\n}\n\n.trnsp .in {\n  background: transparent;\n}\n\n.viewWidthSmallTabletPlus.shadow .in {\n  box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.shadow .in {\n    box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);\n  }\n}\n\n.before {\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_accent_themed);\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  font-family: var(--vkui--font_family_accent);\n  font-weight: 500;\n  color: var(--vkui--color_text_primary);\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  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\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-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding-block: 4px;\n  padding-inline: 4px 0;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\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-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  padding-block: 4px;\n  padding-inline: 0 4px;\n  opacity: 1;\n  transition: opacity 0.3s var(--vkui--animation_easing_platform);\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  flex-grow: 1;\n  align-items: center;\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.densityCompact:not(.vkcom) .contentIn {\n  font-size: 20px;\n}\n\n@media (--density-compact) {\n  .densityNone:not(.vkcom) .contentIn {\n    font-size: 20px;\n  }\n}\n\n/**\n * CMP:\n * SplitCol\n */\n/* stylelint-disable 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable 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  /* stylelint-enable selector-pseudo-class-disallowed-list */\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 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable 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  /* stylelint-enable selector-pseudo-class-disallowed-list */\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.viewWidthSmallTabletPlus:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep):not(.trnsp)\n.in::after {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline: var(--vkui--size_border--regular);\n  block-size: var(--vkui--size_border--regular);\n  content: '';\n  background-color: var(--vkui--color_background_content);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.viewWidthNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep):not(.trnsp)\n  .in::after {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline: var(--vkui--size_border--regular);\n    block-size: var(--vkui--size_border--regular);\n    content: '';\n    background-color: var(--vkui--color_background_content);\n  }\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.vkcom.viewWidthSmallTabletPlus:not(:global(.vkuiInternalModalPageHeader__in)):not(.trnsp) .in {\n  border-block-end: 0;\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}\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .vkcom.viewWidthNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.trnsp) .in {\n    border-block-end: 0;\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  }\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-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.viewWidthSmallTabletPlus.hasSpacingDelimiter {\n  margin-block-end: var(--vkui--spacing_size_2xl);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.hasSpacingDelimiter {\n    margin-block-end: var(--vkui--spacing_size_2xl);\n  }\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-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  max-inline-size: 100%;\n  block-size: 100%;\n  font-family: var(--vkui--font_family_base);\n  line-height: initial;\n}\n\n.before {\n  flex-shrink: 0;\n  margin-inline-end: 12px;\n}\n\n.in {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  min-inline-size: 0;\n  block-size: 100%;\n}\n\n.subtitle,\n.childrenIn,\n.childrenText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.subtitle {\n  order: 1;\n  max-inline-size: 100%;\n  margin-block-start: 1px;\n  color: var(--vkui--color_text_secondary);\n}\n\n.children {\n  display: flex;\n  align-items: center;\n  max-inline-size: 100%;\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-family: var(--vkui--font_family_accent);\n  font-size: 21px;\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-family: var(--vkui--font_family_accent);\n  font-size: 23px;\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.densityCompact:not(.vkcom) .childrenIn {\n  font-size: 20px;\n}\n\n@media (--density-compact) {\n  .densityNone: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.viewWidthSmallTabletMinus {\n  --vkui_internal--PanelHeaderContext__fade_display: block;\n\n  block-size: 100%;\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone {\n    --vkui_internal--PanelHeaderContext__fade_display: block;\n\n    block-size: 100%;\n  }\n}\n\n.in {\n  position: absolute;\n  inset-inline-start: 0;\n  z-index: 1;\n  box-sizing: border-box;\n  inline-size: 100%;\n  padding: 8px;\n}\n\n.fade {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: 0;\n  display: var(--vkui_internal--PanelHeaderContext__fade_display);\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgb(0, 0, 0, 0.4);\n}\n\n.opened .fade {\n  animation: animationPanelHeaderContextFadeIn var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .fade {\n  animation: animationPanelHeaderContextFadeOut var(--vkui--animation_duration_m) ease both;\n}\n\n.opened .in {\n  animation: animationPanelHeaderContextTranslateIn var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .in {\n  animation: animationPanelHeaderContextTranslateOut var(--vkui--animation_duration_m) ease both;\n}\n\n@media (--reduce-motion) {\n  .opened .in {\n    animation-name: animationPanelHeaderContextFadeIn;\n  }\n\n  .closing .in {\n    animation-name: animationPanelHeaderContextFadeOut;\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.viewWidthSmallTabletPlus.ios .content {\n  padding-block: 8px;\n  padding-inline: 0;\n  border-radius: 12px;\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.ios .content {\n    padding-block: 8px;\n    padding-inline: 0;\n    border-radius: 12px;\n  }\n}\n\n/*\n Desktop\n */\n\n.viewWidthSmallTabletPlus .in {\n  padding-block: 12px;\n  padding-inline: 8px;\n}\n\n.viewWidthSmallTabletPlus .content {\n  border-radius: 12px;\n}\n\n.viewWidthSmallTabletPlus .content {\n  box-shadow:\n    0 0 4px rgb(0, 0, 0, 0.08),\n    0 8px 8px rgb(0, 0, 0, 0.16);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone .in {\n    padding-block: 12px;\n    padding-inline: 8px;\n  }\n\n  .viewWidthNone .content {\n    border-radius: 12px;\n  }\n\n  .viewWidthNone .content {\n    box-shadow:\n      0 0 4px rgb(0, 0, 0, 0.08),\n      0 8px 8px rgb(0, 0, 0, 0.16);\n  }\n}\n\n/*\n  Animations\n */\n\n@keyframes animationPanelHeaderContextTranslateIn {\n  from {\n    transform: translateY(-100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes animationPanelHeaderContextTranslateOut {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes animationPanelHeaderContextFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animationPanelHeaderContextFadeOut {\n  from {\n    opacity: 1;\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.inner {\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\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 *\n    (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 *\n    (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  position: relative;\n  flex-grow: 1;\n  flex-shrink: 1;\n  inline-size: 1px;\n  block-size: 100%;\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  flex-grow: 1;\n  flex-shrink: 1;\n  inline-size: 1px;\n  block-size: 100%;\n}\n\n.fixedInner {\n  position: fixed;\n  inset-block-start: 0;\n  inline-size: inherit;\n  min-inline-size: inherit;\n  max-inline-size: inherit;\n  block-size: inherit;\n  overflow: hidden;\n  transform: translateZ(0);\n}\n",".host {\n  inline-size: 100%;\n  block-size: 100%;\n}\n",".host {\n  position: fixed;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_tabs);\n  box-sizing: content-box;\n  display: flex;\n  inline-size: 100%;\n  block-size: var(--vkui_internal--tabbar_height);\n  padding-block-end: var(--vkui_internal--safe_area_inset_bottom);\n  overflow: hidden;\n  background: var(--vkui--color_background_tertiary);\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  content: '';\n  background: var(--vkui--color_separator_primary_alpha);\n}\n",".host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: var(--vkui_internal--tabbar_height);\n  padding: 0;\n  color: var(--vkui--color_tabbar_text_inactive);\n  text-decoration: none;\n  outline: var(--vkui_internal--outline-reset);\n  background: transparent;\n  border: 0;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalTabbar) .host {\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.selected {\n  color: var(--vkui--color_text_accent_themed);\n}\n\n.tappable {\n  position: absolute;\n}\n\n.in {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n  padding-block: 4px 2px;\n  padding-inline: 2px;\n  overflow: hidden;\n  pointer-events: none;\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  position: relative;\n  color: var(--vkui--color_icon_secondary);\n}\n\n.selected .icon {\n  color: var(--vkui--color_icon_accent_themed);\n}\n\n.label {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\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  display: flex;\n  justify-content: center;\n  padding: 0;\n  cursor: pointer;\n  user-select: auto;\n  background-color: transparent;\n  border: 0;\n  transition: opacity 0.15s;\n  transition-timing-function: var(--vkui--animation_easing_platform);\n}\n\n.directionLeft,\n.directionRight {\n  flex-direction: column;\n  block-size: 100%;\n}\n\n.directionUp,\n.directionDown {\n  flex-direction: row;\n  inline-size: 100%;\n}\n\n.icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--vkui--color_icon_secondary);\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\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  inset-inline-start: 0;\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n}\n\n.directionRight {\n  inset-inline-end: 0;\n  padding-inline-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n}\n\n.directionUp {\n  inset-block-start: 0;\n  padding-block-start: var(--vkui--size_base_padding_horizontal--regular, 16px);\n}\n\n.directionDown {\n  inset-block-end: 0;\n  padding-block-end: var(--vkui--size_base_padding_horizontal--regular, 16px);\n}\n\n.directionLeft:not(.rtl) .defaultIcon,\n.directionRight.rtl .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  --vkui_internal--HorizontalScroll_shift_direction: 1;\n}\n\n.rtl {\n  --vkui_internal--HorizontalScroll_shift_direction: -1;\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  position: absolute;\n  inset-block-start: 0;\n  z-index: var(--vkui_internal--z_index_horizontal_scroll_arrow);\n  pointer-events: none;\n  opacity: 0;\n}\n\n.showArrows .arrow {\n  pointer-events: auto;\n  opacity: var(--vkui--opacity_disable);\n}\n\n.host .arrow:hover {\n  opacity: 1;\n}\n\n.arrowLeft:hover ~ .in .inWrapper {\n  transform: translateX(calc(8px * var(--vkui_internal--HorizontalScroll_shift_direction)));\n}\n\n.arrowRight:hover ~ .in .inWrapper {\n  transform: translateX(calc(-8px * var(--vkui_internal--HorizontalScroll_shift_direction)));\n}\n\n/**\n * CMP:\n * Tabs\n */\n.withPadding,\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalTabs)\n  .host {\n  min-inline-size: 100%;\n}\n\n.withPadding .inWrapper::before,\n.withPadding .inWrapper::after,\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalTabs--withGaps)\n  .inWrapper::after,\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalTabs--withGaps)\n  .inWrapper::before {\n  display: block;\n  flex-shrink: 0;\n  inline-size: var(--vkui--size_base_padding_horizontal--regular);\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  display: block;\n  block-size: 0;\n  padding-block-end: calc((1 / var(--vkui_internal--aspect_ratio, 1)) * 100%);\n  content: '';\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",".host {\n  display: flex;\n  gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);\n}\n\n.displayNone {\n  display: none;\n}\n\n.displayInlineFlex {\n  display: inline-flex;\n}\n\n.marginAuto {\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n  margin-inline: var(--vkui--size_base_padding_horizontal--regular);\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",".host {\n  --vkui_internal--grid_columns: 1;\n  --vkui_internal--min_col_width: 0;\n\n  display: grid;\n  grid-template-columns: repeat(var(--vkui_internal--grid_columns), minmax(0, 1fr));\n  gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);\n}\n\n.displayNone {\n  display: none;\n}\n\n.displayInlineGrid {\n  display: inline-grid;\n}\n\n.marginAuto {\n  margin-block: var(--vkui--size_base_padding_vertical--regular);\n  margin-inline: var(--vkui--size_base_padding_horizontal--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  inset-block-start: 0;\n  inset-inline-start: 0;\n  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: 100%;\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.absolute {\n  position: absolute;\n}\n\n.overlay {\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  opacity: 1;\n}\n\n.opened .overlay {\n  animation: animationPopoutWrapperFullFadeIn var(--vkui--animation_duration_m) ease both;\n}\n\n.closing .overlay {\n  opacity: 0;\n  animation: animationPopoutWrapperFullFadeOut var(--vkui--animation_duration_m)\n    var(--vkui--animation_easing_default) both;\n}\n\n.masked .overlay {\n  background: var(--vkui--color_overlay_primary);\n}\n\n.fixed .overlay,\n.absolute .overlay {\n  position: absolute;\n}\n\n.container {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.content {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  inline-size: 100%;\n  pointer-events: none;\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 animationPopoutWrapperFullFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animationPopoutWrapperFullFadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  box-sizing: border-box;\n  inline-size: 56px;\n  block-size: 56px;\n  padding: 18px;\n  color: var(--vkui--color_icon_contrast);\n}\n\n.host::before {\n  position: absolute;\n  inset: 14px;\n  display: block;\n  content: '';\n  background: var(--vkui--color_overlay_secondary);\n  border-radius: 50%;\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  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: -56px;\n}\n",".host {\n  --vkui_internal--alert_animation_scale_initial: 0.95;\n\n  position: relative;\n  min-inline-size: 280px;\n  max-inline-size: 416px;\n  margin-block: auto;\n  margin-inline: 24px;\n  color: var(--vkui--color_text_primary);\n  user-select: none;\n  border-radius: var(--vkui--size_border_radius_paper--regular);\n  box-shadow: var(--vkui--elevation4);\n}\n\n.desktop {\n  inline-size: 100%;\n}\n\n.opening {\n  animation: animationAlertScaleUp var(--vkui--animation_duration_m)\n    var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  animation: animationAlertScaleDown var(--vkui--animation_duration_m)\n    var(--vkui--animation_easing_platform);\n}\n\n.host::before {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background-color: var(--vkui--color_background_modal);\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  position: relative;\n  display: flex;\n  max-inline-size: 100%;\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  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.actionsAlignCenter {\n  align-items: center;\n  justify-content: center;\n}\n\n.actionsAlignRight {\n  align-items: flex-end;\n  justify-content: 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  position: absolute;\n  inset-block-end: 0;\n  inset-inline: 0;\n  block-size: 1px;\n  content: '';\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  position: relative;\n  display: block;\n  block-size: 44px;\n  padding-block: 0;\n  padding-inline: 6px;\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--vkui--font_family_base);\n  font-size: 17px;\n  line-height: 44px;\n  color: var(--vkui--color_text_accent);\n  text-align: center;\n  text-decoration: none;\n  border: 0;\n  border-radius: 0;\n}\n\n.ios .action::after {\n  position: absolute;\n  content: '';\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-block-end: 0;\n  inset-inline-start: 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-start-radius: 12px;\n  border-end-end-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  inline-size: 400px;\n  box-shadow:\n    0 0 2px rgb(0, 0, 0, 0.12),\n    0 0 96px rgb(0, 0, 0, 0.16);\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  inset-block-start: 8px;\n  inset-inline-end: 8px;\n  color: var(--vkui--color_icon_secondary);\n}\n\n@media (--reduce-motion) {\n  .host,\n  .ios {\n    --vkui_internal--alert_animation_scale_initial: 1;\n  }\n}\n\n@keyframes animationAlertScaleUp {\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 animationAlertScaleDown {\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  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-block-size: 48px;\n  padding-block: 0;\n  padding-inline: 16px;\n  overflow: hidden;\n  color: var(--vkui--color_text_primary);\n  text-decoration: none;\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  flex-grow: 1;\n  max-inline-size: 100%;\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  justify-content: space-between;\n  overflow: hidden;\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  margin-block-start: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_secondary);\n}\n\n.meta {\n  flex-shrink: 0;\n  margin-inline-start: 6px;\n  color: var(--vkui--color_text_secondary);\n}\n\n.before {\n  margin-inline-end: 16px;\n  color: var(--vkui--color_icon_accent);\n}\n\n.menu .before {\n  margin-inline-end: 12px;\n}\n\n.ios .before {\n  margin-inline-end: 18px;\n  color: var(--vkui--color_icon_accent_themed);\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  min-block-size: 56px;\n  padding-block: 14px;\n  padding-inline: 18px;\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-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background-color: var(--vkui--color_background_modal);\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-block-start: 0;\n  inset-inline: 0;\n  block-size: 1px;\n  content: '';\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.disabled .children,\n.disabled .meta,\n.disabled .subtitle {\n  color: var(--vkui--color_text_secondary);\n}\n\n.disabled .before {\n  color: var(--vkui--color_icon_secondary);\n}\n\n/**\n * SizeY = compact\n */\n\n.densityCompact {\n  min-block-size: 32px;\n}\n\n.densityCompact.ios {\n  min-block-size: 36px;\n  padding-block: 4px;\n  padding-inline: 18px 20px;\n}\n\n.densityCompact:not(.ios) + .densityCompact:not(.ios) {\n  margin-block-start: 2px;\n}\n\n.densityCompact .container {\n  padding-block: 5px;\n  padding-inline: 0;\n}\n",".host {\n  min-block-size: 52px;\n}\n\n.host::after {\n  content: none;\n}\n",".host {\n  position: absolute;\n}\n\n.in {\n  display: block;\n  content: '';\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  box-sizing: border-box;\n  inline-size: 100%;\n  max-inline-size: var(--vkui--size_popup_small--regular);\n  padding: 10px;\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  background: var(--vkui--color_background_modal);\n  border-radius: 12px;\n  box-shadow: var(--vkui--elevation3);\n}\n\n.header {\n  padding-block: 16px;\n  padding-inline: 16px;\n  color: var(--vkui--color_text_subhead);\n}\n\n.opening {\n  animation: animationActionSheetSlideUp var(--vkui--animation_duration_m)\n    var(--vkui--animation_easing_platform);\n}\n\n.closing {\n  opacity: 0;\n  animation: animationActionSheetSlideDown var(--vkui--animation_duration_m)\n    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  padding: 0;\n  border-radius: 14px;\n}\n\n.closeItemWrapperIos {\n  margin-block: 8px var(--vkui_internal--safe_area_inset_bottom);\n  overflow: hidden;\n  background: var(--vkui--color_background_modal);\n  border-radius: 14px;\n  box-shadow: var(--vkui--elevation3);\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-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  content: '';\n  background-color: var(--vkui--color_background_modal);\n}\n\n/**\n * Compact\n */\n\n.densityCompact .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  max-inline-size: 100%;\n  block-size: auto;\n  padding: 0;\n}\n\n.menu.ios .contentWrapper {\n  padding: 0;\n  border-radius: 14px;\n}\n\n@media (--reduce-motion) {\n  .menu {\n    --vkui_internal--actionsheet_animation_translateY_initial: 0%;\n  }\n}\n\n@keyframes animationActionSheetSlideUp {\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 animationActionSheetSlideDown {\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: animationScreenSpinnerIntro 0.3s ease;\n}\n\n.hasLabel {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  inline-size: fit-content;\n  max-inline-size: 150px;\n  block-size: fit-content;\n}\n\n.modeShadow {\n  color: var(--vkui--color_icon_medium);\n  background-color: var(--vkui--color_background_contrast_themed);\n  box-shadow: var(--vkui--elevation3);\n}\n\n.modeOverlay {\n  color: var(--vkui--color_icon_contrast);\n  background-color: var(--vkui--color_avatar_overlay);\n}\n\n.label {\n  margin-block-start: var(--vkui--spacing_size_xs);\n  color: var(--vkui--color_text_secondary);\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  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 56px;\n  block-size: 56px;\n}\n\n.icon {\n  position: absolute;\n  inset-block-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\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: animationScreenSpinnerIntro 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: animationScreenSpinnerIconDone 0.6s 0.3s var(--vkui--animation_easing_platform)\n    forwards;\n}\n\n@keyframes animationScreenSpinnerIconDone {\n  from {\n    stroke-dashoffset: 50;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes animationScreenSpinnerIntro {\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    (\n      var(--vkui--size_button_small_height--compact) -\n      var(--vkui--font_subhead--line_height--compact)\n    ) /\n    2\n  );\n\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-block-size: 56px;\n  padding: 12px;\n  background: var(--vkui--color_background_contrast_themed);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n  box-shadow: var(--vkui--elevation4);\n}\n\n.densityRegular {\n  --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n    -1 *\n    (\n      var(--vkui--size_button_small_height--regular) -\n      var(--vkui--font_subhead--line_height--regular)\n    ) /\n    2\n  );\n}\n\n@media (--density-regular) {\n  .densityNone {\n    --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(\n      -1 *\n      (\n        var(--vkui--size_button_small_height--regular) -\n        var(--vkui--font_subhead--line_height--regular)\n      ) /\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  display: flex;\n  flex: 1;\n  align-items: center;\n  word-break: break-word;\n}\n\n.contentText {\n  display: -webkit-box;\n  flex: 1;\n  inline-size: 100%;\n  overflow: hidden;\n  -webkit-line-clamp: 3;\n  color: var(--vkui--color_text_primary);\n  -webkit-box-orient: vertical;\n}\n\n.contentSubtitle {\n  margin-block-start: 2px;\n  color: var(--vkui--color_text_subhead);\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    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .layoutNone .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  --vkui_internal--snackbar_animation_text_direction: 1;\n\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.fixed {\n  position: fixed;\n}\n\n.ios {\n  --vkui_internal--snackbar_animation_duration: 400ms;\n}\n\n.rtl {\n  --vkui_internal--snackbar_animation_text_direction: -1;\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: calc(\n    -1 *\n    var(--vkui_internal--snackbar_animation_text_direction)\n  );\n}\n\n.placementBottomEnd {\n  --vkui_internal--snackbar_direction: calc(\n    1 *\n    var(--vkui_internal--snackbar_animation_text_direction)\n  );\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(\n      calc(-100% * var(--vkui_internal--snackbar_animation_text_direction)),\n      0,\n      0\n    );\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(\n      calc(100% * var(--vkui_internal--snackbar_animation_text_direction)),\n      0,\n      0\n    );\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  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.fixed .in {\n  padding: var(--vkui_internal--snackbar_in_padding);\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: animationSnackbarSlideIn;\n}\n\n@media (--reduce-motion) {\n  .stateEnter .in,\n  .stateEntering .in {\n    animation-name: animationSnackbarFadeIn;\n  }\n}\n\n.stateEntered .in {\n  transition-timing-function: var(--vkui--animation_easing_platform);\n  transition-duration: var(--vkui_internal--snackbar_animation_duration);\n  transition-property: transform;\n}\n\n.touched .in {\n  transition-property: none;\n}\n\n.stateExit .in,\n.stateExiting .in {\n  animation-name: animationSnackbarSlideOut;\n}\n\n@media (--reduce-motion) {\n  .stateExit .in,\n  .stateExiting .in {\n    animation-name: animationSnackbarFadeOut;\n  }\n} /* stylelint-disable-next-line at-rule-empty-line-before */\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) +\n    var(--vkui_internal--safe_area_inset_bottom)\n  );\n}\n\n@keyframes animationSnackbarSlideIn {\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 animationSnackbarSlideOut {\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 animationSnackbarFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes animationSnackbarFadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n",".host {\n  --vkui_internal--snackbars_container_animation_duration: 340ms;\n  --vkui_internal--SnackbarAnimatedWrapper_height: 0;\n  --vkui_internal--SnackbarAnimatedWrapper_margin_top: 0;\n\n  margin-block-start: var(--vkui_internal--SnackbarAnimatedWrapper_margin_top);\n  animation-duration: var(--vkui_internal--snackbars_container_animation_duration);\n  animation-timing-function: var(--vkui--animation_easing_platform);\n  animation-fill-mode: both;\n}\n\n.placementTop:not(:last-child),\n.placementBottom:not(:first-child) {\n  --vkui_internal--SnackbarAnimatedWrapper_margin_top: var(--vkui--spacing_size_2xl);\n}\n\n.ios {\n  --vkui_internal--snackbars_container_animation_duration: 400ms;\n}\n\n.stateEnter {\n  animation-name: animationSnackbarGrowIn;\n}\n\n.stateExit {\n  animation-name: animationSnackbarGrowOut;\n}\n\n@keyframes animationSnackbarGrowIn {\n  from {\n    max-block-size: 0;\n    margin-block-start: 0;\n  }\n\n  to {\n    max-block-size: 100vh;\n    margin-block-start: var(--vkui_internal--SnackbarAnimatedWrapper_margin_top);\n  }\n}\n@keyframes animationSnackbarGrowOut {\n  from {\n    block-size: var(--vkui_internal--SnackbarAnimatedWrapper_height);\n    margin-block-start: var(--vkui_internal--SnackbarAnimatedWrapper_margin_top);\n  }\n\n  to {\n    block-size: 0;\n    margin-block-start: 0;\n  }\n}\n",".host {\n  --vkui_internal--snackbars_container_in_padding: 8px;\n  --vkui_internal--snackbars_container_offset_y_start: 0px;\n  --vkui_internal--snackbars_container_offset_y_end: 0px;\n\n  position: fixed;\n  z-index: var(--vkui--z_index_popout);\n  padding: var(--vkui_internal--snackbars_container_in_padding);\n}\n\n.placementTop,\n.placementBottom {\n  inset-inline-start: auto;\n  inset-inline-end: auto;\n  align-items: center;\n  padding-inline: calc(\n      var(--vkui_internal--snackbars_container_in_padding) +\n      var(--vkui_internal--safe_area_inset_left)\n    )\n    calc(\n      var(--vkui_internal--snackbars_container_in_padding) +\n      var(--vkui_internal--safe_area_inset_right)\n    );\n}\n\n.placementTop,\n.placementTopStart,\n.placementTopEnd {\n  inset-block-start: calc(\n    var(--vkui_internal--safe_area_inset_top) +\n    var(--vkui_internal--snackbars_container_offset_y_start)\n  );\n  flex-direction: column-reverse;\n}\n\n.placementBottom,\n.placementBottomStart,\n.placementBottomEnd {\n  inset-block-end: calc(\n    var(--vkui_internal--safe_area_inset_bottom) +\n    var(--vkui_internal--snackbars_container_offset_y_end)\n  );\n  flex-direction: column;\n}\n\n.placementTopStart,\n.placementBottomStart {\n  inset-inline-start: var(--vkui_internal--safe_area_inset_left);\n  inset-inline-end: auto;\n  align-items: flex-start;\n}\n\n.placementTopEnd,\n.placementBottomEnd {\n  inset-inline-start: auto;\n  inset-inline-end: var(--vkui_internal--safe_area_inset_right);\n  align-items: flex-end;\n}\n\n@media (--desktop) {\n  .host {\n    --vkui_internal--snackbars_container_in_padding: 12px;\n  }\n}\n\n/**\n * CMP:\n * Epic\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalEpic--hasTabbar) .host {\n  --vkui_internal--snackbars_container_offset_y_end: var(--vkui_internal--tabbar_height);\n}\n",".host {\n  white-space: normal;\n}\n\n.content {\n  box-sizing: content-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-block: 9px 10px;\n  padding-inline: 12px;\n  color: var(--vkui--color_text_primary);\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.closeButton {\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-self: flex-start;\n  padding: 0;\n  margin-inline-start: 10px;\n  color: inherit;\n  background: none;\n  border: 0;\n}\n\n.title,\n.description {\n  word-break: break-word;\n}\n\n.arrow {\n  color: var(--vkui--color_background_contrast_themed);\n}\n\n.appearanceAccent .content {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_background_accent_tint);\n}\n\n.appearanceAccent .arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.appearanceWhite .content {\n  color: var(--vkui--color_text_primary_invariably);\n  background-color: var(--vkui--color_background_contrast);\n}\n\n.appearanceWhite .arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.appearanceBlack .content {\n  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_background_contrast_inverse);\n}\n\n.appearanceBlack .arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.appearanceInversion .content {\n  color: var(--vkui--color_text_contrast_themed);\n  background-color: var(--vkui--color_background_modal_inverse);\n}\n\n.appearanceInversion .arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n",".host {\n  inset: 0;\n  user-select: none;\n  background-color: var(--vkui--color_overlay_primary);\n  transition: opacity 0.3s linear;\n  will-change: opacity;\n  -webkit-tap-highlight-color: transparent;\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-x: hidden;\n  overflow-y: auto;\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  /**\n   * Android WebView не поддерживает scrollbar-color, поэтому отрисовываем\n   * полосы прокрутки только если основное указательное устройство мышь\n   */\n  @media (--pointer-has) {\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      background-clip: padding-box, content-box;\n      border: 3px solid transparent;\n      border-radius: 6px;\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\n.overscrollBehaviorContain {\n  overscroll-behavior: contain;\n}\n\n.overscrollBehaviorNone {\n  overscroll-behavior: none;\n}\n\n.scrollBehaviorSmooth {\n  scroll-behavior: smooth;\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  position: fixed;\n  inset: 0;\n  z-index: var(--vkui--z_index_modal);\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.disableModalOverlay {\n  pointer-events: none;\n}\n\n/* Desktop */\n.hostDesktop:not([hidden]) {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: var(--vkui--spacing_size_2xl);\n}\n",".host {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 100%;\n  box-sizing: border-box;\n}\n",".host {\n  display: flex;\n  inline-size: 100%;\n  block-size: var(--vkui_internal_ModalPage--userHeight);\n  margin-inline: auto;\n  pointer-events: initial;\n  outline: none;\n}\n\n/* Mobile */\n.hostMobile {\n  --vkui_internal_ModalPage--userHeight: 100%;\n\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline: 0;\n  box-sizing: border-box;\n  max-inline-size: var(--vkui--size_popup_small--regular);\n  pointer-events: none;\n}\n\n.hostMobileSafeAreaInsetTop {\n  max-block-size: calc(100% - var(--vkui_internal--safe_area_inset_top));\n}\n\n.hostMobileSafeAreaInsetTopWithCustomOffset {\n  max-block-size: calc(\n    100% -\n    (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height))\n  );\n}\n\n/* Desktop */\n.hostDesktop {\n  --vkui_internal_ModalPage--desktopMaxWidth: 100%;\n  --vkui_internal_ModalPage--desktopMaxHeight: 640px;\n  --vkui_internal_ModalPage--userHeight: auto;\n\n  position: relative;\n  box-sizing: content-box;\n  max-inline-size: var(--vkui_internal_ModalPage--desktopMaxWidth);\n  max-block-size: min(var(--vkui_internal_ModalPage--desktopMaxHeight), 100%);\n  margin-block: auto;\n}\n\n.hostDesktopMaxWidthS {\n  --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_small--regular);\n}\n\n.hostDesktopMaxWidthM {\n  --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_medium--regular);\n}\n\n.hostDesktopMaxWidthL {\n  --vkui_internal_ModalPage--desktopMaxWidth: var(--vkui--size_popup_large--regular);\n}\n\n.document {\n  box-sizing: border-box;\n\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n  inline-size: 100%;\n}\n\n/* Mobile */\n.documentMobile {\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-block-end: 0;\n  inset-inline-start: 0;\n  block-size: var(--vkui_internal_ModalPageDocument--snapPoint);\n  max-block-size: 100%;\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.documentMobile.documentStateEnter {\n  transform: translate3d(0, 100%, 0);\n}\n\n.documentMobile.documentStateEntering {\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.5s var(--vkui_internal--slide-easing) 0.1s;\n}\n\n.documentMobile.documentStateExiting {\n  transform: translate3d(0, 100%, 0);\n  transition: transform 0.2s ease;\n}\n\n.documentMobile.documentStateExited {\n  transform: translate3d(0, 100%, 0);\n}\n\n/* Desktop */\n.documentDesktop {\n  position: relative;\n  block-size: auto;\n}\n\n.documentDesktop.documentStateEnter {\n  opacity: 0;\n}\n\n.documentDesktop.documentStateEntering {\n  opacity: 1;\n  transition: opacity 0.2s ease-in 0.1s;\n}\n\n.documentDesktop.documentStateExiting {\n  opacity: 0;\n  transition: opacity 0.1s ease-out;\n}\n\n.documentDesktop.documentStateExited {\n  opacity: 0;\n}\n\n.children {\n  box-sizing: border-box;\n  /*\n   * Удерживает высоту в пределах 100% родителя при переполнении контента.\n   *\n   * - см. `ModalPageHeader`\n   * - см. `ModalPageContent`\n   * - см. `ModalPageFooter`\n   */\n  display: flex;\n  flex-shrink: 1;\n  flex-direction: column;\n  inline-size: 100%;\n  block-size: 100%;\n  overflow: hidden;\n  background-color: var(--vkui--color_background_modal);\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}\n\n.childrenMobile {\n  padding-block-end: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);\n}\n\n/* Desktop */\n.childrenDesktop {\n  border-end-start-radius: var(--vkui--size_border_radius_paper--regular);\n  border-end-end-radius: var(--vkui--size_border_radius_paper--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n",".host {\n  --vkui_internal--safe_area_inset_top: 0;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n  border-start-start-radius: inherit;\n  border-start-end-radius: inherit;\n}\n\n.hostWithGaps {\n  padding-inline: 4px;\n}\n\n.hostDesktop.hostWithGaps {\n  padding-inline: 8px;\n}\n\n.host\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(\n    .vkuiIcon--dismiss_24\n  ) /* Note: <Icon24Dismiss /> по документации используется только для iOS  */,\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.host :global(.vkuiIcon--cancel_24) {\n  color: var(--vkui--color_icon_secondary);\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  padding-block: calc(var(--vkui_internal--spacing_size) / 2);\n}\n",".container {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 16px;\n  pointer-events: initial;\n  background: var(--vkui--color_background_modal);\n  border-radius: 12px;\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) +\n    var(--vkui_internal--dismiss_icon_padding) +\n    var(--vkui_internal--dismiss_icon_safe_offset)\n  );\n}\n\n.title,\n.description {\n  padding-block: 0;\n  padding-inline: 8px;\n  margin: 0;\n  text-align: center;\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  padding: var(--vkui_internal--dismiss_icon_padding);\n  color: var(--vkui--color_icon_secondary);\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) +\n    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  margin-inline: auto;\n}\n\n.host:focus {\n  outline: none;\n}\n\n.hostMaxWidthS {\n  max-inline-size: 400px;\n}\n\n.hostMaxWidthM {\n  max-inline-size: 414px;\n}\n\n.hostMaxWidthL {\n  max-inline-size: 440px;\n}\n\n/* Mobile */\n.hostMobile {\n  --vkui_internal_ModalCard--translateY: 100%;\n  --vkui_internal_ModalCard--safeAreaInsetBottom: var(--vkui_internal--safe_area_inset_bottom);\n  --vkui_internal_ModalCard--insetBlockEnd: calc(\n    var(--vkui--spacing_size_m) +\n    var(--vkui_internal_ModalCard--safeAreaInsetBottom)\n  );\n\n  position: absolute;\n  /*\n   * Используем inset вместо padding, чтобы срабатывала логика с закрытие с Click Outside.\n   * Для этого также нужны `inline-size: auto` и `margin-inline: auto`.\n   */\n  inset-block-end: var(--vkui_internal_ModalCard--insetBlockEnd);\n  inset-inline: var(--vkui--spacing_size_m);\n  box-sizing: border-box;\n  inline-size: auto;\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.hostMobile.hostStateEnter {\n  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);\n  transition: none;\n}\n\n.hostMobile.hostStateEntering {\n  transition: transform 0.5s var(--vkui_internal--slide-easing) 0.2s;\n}\n\n.hostMobile.hostStateExiting {\n  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);\n  transition: transform 0.2s ease;\n}\n\n.hostMobile.hostStateExited {\n  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);\n  transition: none;\n}\n\n/* Desktop */\n.hostDesktop {\n  box-sizing: content-box;\n  inline-size: 100%;\n  margin-block: auto;\n  opacity: 1;\n  transition: opacity 340ms var(--vkui--animation_easing_platform);\n}\n\n.hostDesktop.hostStateEnter {\n  opacity: 0;\n  transition-property: none;\n}\n\n.hostDesktop.hostStateEntering {\n  opacity: 1;\n}\n\n.hostDesktop.hostStateExiting {\n  opacity: 0;\n}\n\n.hostDesktop.hostStateExited {\n  opacity: 0;\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  position: relative;\n  box-sizing: border-box;\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: center;\n\n  /**\n   * `min-width` в контексте Flexbox по умолчанию имеет значение `auto`,\n   * из-за чего элементы при переполнении будут выходить за границы контейнера.\n   *\n   * Подробности по ссылке https://stackoverflow.com/a/66689926/2903061\n   */\n  min-inline-size: 0;\n  block-size: auto;\n  isolation: isolate;\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_contrast);\n  background-color: var(--vkui--color_icon_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.primaryAccent .iconSlot,\n.primaryAccentGreen .iconSlot,\n.primaryAccentRed .iconSlot,\n.primaryOverlay .iconSlot {\n  color: var(--vkui--color_icon_contrast);\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.secondaryAccent .iconSlot {\n  color: var(--vkui--color_icon_accent);\n}\n\n.secondaryNeutral {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_background_secondary_alpha);\n}\n\n.secondaryNeutral .iconSlot {\n  color: var(--vkui--color_icon_primary);\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.secondaryOverlay .iconSlot {\n  color: var(--vkui--color_icon_contrast);\n}\n\n/* mode=\"outline\" */\n.modeOutline::before {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  content: '';\n  border-style: solid;\n  border-width: 1px;\n  border-radius: inherit;\n}\n\n.outlineAccent {\n  color: var(--vkui--color_text_accent);\n}\n\n.outlineAccent .iconSlot {\n  color: var(--vkui--color_icon_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 .iconSlot {\n  color: var(--vkui--color_icon_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 .iconSlot {\n  color: var(--vkui--color_icon_contrast);\n}\n\n.outlineOverlay::before {\n  background-color: var(--vkui--color_overlay_primary);\n  border-width: 0;\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  display: block;\n  list-style-type: none;\n  background: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_card_border_radius--regular);\n}\n\n.modeShadow {\n  box-shadow: var(\n    --vkui--elevation3,\n    0 2px 24px 0 rgb(0, 0, 0, 0.08),\n    0 0 2px 0 rgb(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-block-start: 0;\n  inset-inline-start: 0;\n  box-sizing: border-box;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  pointer-events: none;\n  content: '';\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\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  flex-shrink: 0;\n  margin-inline-end: var(--vkui--size_cardgrid_padding--regular);\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 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable 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  /* stylelint-enable selector-pseudo-class-disallowed-list */\n}\n\n/* stylelint-disable 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n/* stylelint-disable selector-pseudo-class-disallowed-list */\n@media (--viewWidth-smallTabletPlus) {\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 (--viewWidth-smallTabletPlus) {\n  :global(.vkuiInternalGroup--mode-none)\n    :global(.vkuiInternalCardScroll--size-l)\n    .host:last-of-type {\n    margin-inline-end: 0;\n  }\n\n  :global(.vkuiInternalGroup--mode-none) :global(.vkuiInternalCardScroll--size-l) .host {\n    inline-size: calc(100% - 32px);\n    margin-inline-end: 16px;\n  }\n}\n/* stylelint-enable selector-pseudo-class-disallowed-list */\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  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\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.viewWidthSmallTabletMinus {\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone {\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 (--viewWidth-smallTabletPlus) {\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  --vkui_internal--CardScroll_horizontal_padding: 0;\n}\n\n.in {\n  inline-size: 100%;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n.in::after,\n.in::before {\n  padding-inline: calc(var(--vkui_internal--CardScroll_horizontal_padding) / 2);\n  content: '';\n}\n\n.host + .host {\n  margin-block-start: 16px;\n}\n\n.withPaddings {\n  --vkui_internal--CardScroll_horizontal_padding: var(\n    --vkui--size_base_padding_horizontal--regular\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  .withPaddings {\n  --vkui_internal--CardScroll_horizontal_padding: 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    --vkui_internal--CardScroll_horizontal_padding: 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 (--viewWidth-smallTabletPlus) {\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);\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  display: block;\n  block-size: 100%;\n  color: var(--vkui--color_text_primary);\n  text-decoration: none;\n  border-radius: var(--vkui--size_card_border_radius--regular);\n}\n\n.img {\n  display: block;\n  object-fit: cover;\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-start-radius: 0;\n  border-end-end-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-block-start: var(--vkui--spacing_size_2xs);\n  margin-inline-end: var(--vkui--spacing_size_m);\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  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.contentMultiline {\n  word-break: break-word;\n  white-space: initial;\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  flex-shrink: 0;\n  margin-inline-start: var(--vkui--spacing_size_xs);\n  color: var(--vkui--color_text_secondary);\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 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--viewWidth-smallTabletMinus) {\n  /* stylelint-disable selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--viewWidth-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > .host:first-child,\n  :global(.vkuiInternalGroup--viewWidth-none.vkuiInternalGroup--mode-none):not(:first-of-type)\n    > :global(.vkuiInternalTappable):first-child\n    > .host {\n    margin-block-start: -16px;\n  }\n  /* stylelint-enable selector-pseudo-class-disallowed-list */\n}\n\n/* stylelint-disable 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/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--viewWidth-smallTabletPlus) {\n  /* stylelint-disable selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalGroup--viewWidth-none.vkuiInternalGroup--mode-none)\n    > .host:not(.sizeM):first-child,\n  :global(.vkuiInternalGroup--viewWidth-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  /* stylelint-enable selector-pseudo-class-disallowed-list */\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 * - smallTabletMinus (mobile)  -> mode=\"plain\"\n * - smallTabletPlus (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  padding-block: var(--vkui_internal--Group_padding_block);\n  padding-inline: var(--vkui_internal--Group_padding_inline);\n  color: var(--vkui--color_text_primary);\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.viewWidthSmallTabletPlus.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 (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.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.viewWidthSmallTabletMinus.modeCard {\n  --vkui_internal--Group_padding_inline: 0;\n\n  border-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.modeCard {\n    --vkui_internal--Group_padding_inline: 0;\n\n    border-radius: var(--vkui--size_border_radius_promo--regular);\n  }\n}\n\n.viewWidthSmallTabletMinus.modeCard:first-of-type {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n  border-end-end-radius: var(--vkui--size_border_radius_promo--regular);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.modeCard:first-of-type {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n    border-end-start-radius: var(--vkui--size_border_radius_promo--regular);\n    border-end-end-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.viewWidthSmallTabletPlus.modeNone::before {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  pointer-events: none;\n  content: '';\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.modeNone::before {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    pointer-events: none;\n    content: '';\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);\n  }\n}\n\n.viewWidthSmallTabletMinus.modeCard::before {\n  box-shadow: none;\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.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.viewWidthSmallTabletMinus.modeNone:not(:first-of-type) > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.modeNone:not(:first-of-type) > .header {\n    margin-block-start: calc(-1 * var(--vkui--spacing_size_m));\n  }\n}\n\n.modeCard > .header,\n.viewWidthSmallTabletPlus.modeNone > .header {\n  margin-block-start: calc(-1 * var(--vkui--spacing_size_xs));\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.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  block-size: var(--vkui--size_border--regular);\n  margin-block-end: calc(-1 * var(--vkui--size_border--regular));\n  content: '';\n  background: var(--vkui--color_separator_primary);\n}\n\n/* разделитель при mode=\"plain\" */\n.modePlain + .separatorSibling,\n.viewWidthSmallTabletMinus.modeNone + .separatorSibling {\n  --vkui_internal--Group__separator_hr: block;\n\n  padding-block: var(--vkui--spacing_size_m);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.modeNone + .separatorSibling {\n    --vkui_internal--Group__separator_hr: block;\n\n    padding-block: var(--vkui--spacing_size_m);\n    padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  }\n}\n\n.modePlain:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n  display: none;\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.modeNone:last-of-type + .separatorSibling:not(.separatorSiblingForced) {\n    display: none;\n  }\n}\n\n/* разделитель при mode=\"card\" */\n.modeCard + .separatorSibling,\n.viewWidthSmallTabletPlus.modeNone + .separatorSibling {\n  block-size: var(--vkui--spacing_size_2xl);\n  padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n}\n\n@media (--viewWidth-smallTabletPlus) {\n  .viewWidthNone.modeNone + .separatorSibling {\n    block-size: var(--vkui--spacing_size_2xl);\n    padding-block: calc(var(--vkui--spacing_size_2xl) / 2);\n  }\n}\n\n.viewWidthSmallTabletMinus.modeCard + .separatorSibling {\n  block-size: var(--vkui--spacing_size_m);\n  padding-block: calc(var(--vkui--spacing_size_m) / 2);\n}\n\n@media (--viewWidth-smallTabletMinus) {\n  .viewWidthNone.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 (--viewWidth-smallTabletPlus) {\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) +\n      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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalPanelHeader--vkcom)\n  + *\n  .host:first-of-type {\n  position: relative;\n  inset-block-start: -1px;\n  border-start-start-radius: 0;\n  border-start-end-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  transform: translateX(\n    calc(\n      -1px *\n      var(--vkui_internal_Removable_remove_offset) *\n      var(--vkui_internal_Removable_remove_offset_direction)\n    )\n  );\n\n  --vkui_internal_Removable_remove_offset: 0;\n  --vkui_internal_Removable_remove_offset_direction: 1;\n}\n\n.withPadding {\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.rtl {\n  --vkui_internal_Removable_remove_offset_direction: -1;\n}\n\n.action {\n  position: relative;\n  flex-grow: 0;\n  flex-shrink: 0;\n  color: var(--vkui--color_icon_secondary);\n  border: 0;\n}\n\n.ios .action.indentation,\n.action.indentation {\n  inline-size: 44px;\n}\n\n.ios .action.indentation {\n  margin-inline: 2px;\n}\n\n.alignStart .action {\n  align-self: flex-start;\n}\n\n/**\n * iOS\n */\n.ios {\n  overflow: hidden;\n}\n\n.remove {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 100%;\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-content: center;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 100%;\n  border: 0;\n}\n\n.toggleIn::after {\n  inline-size: 22px;\n  block-size: 22px;\n  content: '';\n  background-color: var(--vkui--color_background_negative);\n  border-radius: 50%;\n}\n\n.toggleIn::before {\n  position: absolute;\n  display: block;\n  inline-size: 12px;\n  block-size: 2px;\n  content: '';\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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormLayoutGroup--removable)\n  .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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormLayoutGroup--removable)\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--withTop)\n  ~ .offset {\n  display: block;\n  order: -1;\n  inline-size: 100%;\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);\n}\n\n/* stylelint-disable selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem--density-compact):global(.vkuiInternalFormItem--withTop)\n  :global(.vkuiInternalFormItem__removable)\n  ~ .offset,\n:global(.vkuiInternalFormLayoutGroup--density-compact):global(\n    .vkuiInternalFormLayoutGroup--removable\n  )\n  :global(.vkuiInternalFormItem--withTop)\n  ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n/* stylelint-enable selector-pseudo-class-disallowed-list */\n\n@media (--density-compact) {\n  /* stylelint-disable selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--density-none):global(.vkuiInternalFormItem--withTop)\n    :global(.vkuiInternalFormItem__removable)\n    ~ .offset,\n  :global(.vkuiInternalFormLayoutGroup--density-none):global(\n      .vkuiInternalFormLayoutGroup--removable\n    )\n    :global(.vkuiInternalFormItem--withTop)\n    ~ .offset {\n    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n  }\n  /* stylelint-enable selector-pseudo-class-disallowed-list */\n}\n",".host {\n  display: flex;\n  align-items: center;\n  min-block-size: 48px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  color: var(--vkui--color_text_primary);\n  white-space: nowrap;\n  text-decoration: none;\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);\n}\n\n.before {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline-end: var(--vkui--spacing_size_xl);\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.before > :global(.vkuiIcon) {\n  box-sizing: content-box;\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-grow: 1;\n  flex-direction: column;\n  justify-content: center;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  padding-block: var(--vkui--spacing_size_l);\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  overflow: hidden;\n  text-overflow: ellipsis;\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: flex-start;\n  max-inline-size: 100%;\n}\n\n.children {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: inherit;\n}\n\n.mult .children,\n.mult .subtitle {\n  flex: 0 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  min-inline-size: 0;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_secondary);\n  white-space: nowrap;\n}\n\n.after {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  align-self: stretch;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n  color: var(--vkui--color_icon_accent);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  box-sizing: content-box;\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}\n\n.chevronIcon:not(:first-child) {\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n/**\n * density=\"compact\"\n */\n\n.densityCompact {\n  min-block-size: 44px;\n}\n\n.densityCompact .before {\n  padding-block: var(--vkui--spacing_size_xs);\n}\n\n@media (--density-compact) {\n  .densityNone {\n    min-block-size: 44px;\n  }\n\n  .densityNone .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  color: var(--vkui--color_icon_secondary);\n  touch-action: manipulation;\n  cursor: ns-resize;\n  user-select: none;\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}\n\n.checkbox {\n  margin-inline-end: var(--vkui--spacing_size_2xl);\n}\n\n.dragger {\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n  padding-inline-end: var(--vkui--spacing_size_2xl);\n}\n\n.dragger.controlNoBefore {\n  padding-inline-end: 0;\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  min-inline-size: 0;\n  max-inline-size: 100%;\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  padding-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  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  inline-size: 48px;\n  block-size: 40px;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n  color: var(--vkui--color_icon_accent_themed);\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  min-block-size: 48px;\n  padding-block: var(--vkui--spacing_size_m);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  font-family: var(--vkui--font_family_base);\n  color: var(--vkui--color_text_primary);\n  text-decoration: none; /* в случае если Component=\"a\" */\n}\n\n.densityCompact {\n  min-block-size: 44px;\n}\n\n@media (--density-compact) {\n  .densityNone {\n    min-block-size: 44px;\n  }\n}\n\n.before {\n  margin-inline-end: var(--vkui--spacing_size_xl);\n}\n\n.in {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.contentAlignCenter .in {\n  justify-content: center;\n}\n\n.contentAlignStart .in {\n  justify-content: flex-start;\n}\n\n.contentAlignEnd .in {\n  justify-content: flex-end;\n}\n\n.content {\n  display: flex;\n  word-break: break-word;\n}\n\n.contentBefore {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  min-inline-size: 0;\n}\n\n.contentMeta,\n.contentAfter {\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n}\n\n.alignBeforeStart .before,\n.alignAfterStart .contentAfter {\n  align-self: flex-start;\n}\n\n.alignBeforeCenter .before,\n.alignAfterCenter .contentAfter {\n  align-self: center;\n}\n\n.alignBeforeEnd .before,\n.alignAfterEnd .contentAfter {\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.densityCompact .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 (--density-compact) {\n  .densityNone .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  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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.densityCompact .children,\n.densityCompact .subtitle,\n.densityCompact .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 (--density-compact) {\n  .densityNone .children,\n  .densityNone .subtitle,\n  .densityNone .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",".host {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  inline-size: 100%;\n  min-block-size: 48px;\n  padding-block: 0;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n  margin: 0;\n  color: var(--vkui--color_text_primary);\n  text-align: start;\n  white-space: nowrap;\n  text-decoration: none;\n  background: transparent;\n  border: 0;\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);\n}\n\n.before {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  padding-block: var(--vkui--spacing_size_s);\n  padding-inline-end: var(--vkui--spacing_size_xl);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.before > :global(.vkuiIcon) {\n  box-sizing: content-box;\n  padding-inline: var(--vkui--spacing_size_xs);\n}\n\n.before:empty {\n  display: none;\n}\n\n.middle {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: center;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  padding-block: var(--vkui--spacing_size_l);\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  overflow: hidden;\n  text-overflow: ellipsis;\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: flex-start;\n  max-inline-size: 100%;\n}\n\n.children {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: inherit;\n}\n\n.mult .children,\n.mult .subtitle {\n  flex: 0 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  min-inline-size: 0;\n  padding-inline-start: var(--vkui--spacing_size_xl);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_secondary);\n  white-space: nowrap;\n}\n\n.after {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  align-self: stretch;\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.after > :global(.vkuiIcon) {\n  box-sizing: content-box;\n  padding-inline-start: var(--vkui--spacing_size_s);\n}\n\n/**\n * density=\"compact\"\n */\n\n.densityCompact {\n  min-block-size: 44px;\n}\n\n.densityCompact .before {\n  padding-block: var(--vkui--spacing_size_xs);\n}\n\n@media (--density-compact) {\n  .densityNone {\n    min-block-size: 44px;\n  }\n\n  .densityNone .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\n/**\n * CMP:\n * FormItem\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormItem) .host {\n  box-sizing: content-box;\n  inline-size: 100%;\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.centered .before {\n  padding-inline-end: var(--vkui--spacing_size_m);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.centered .before > :global(.vkuiIcon) {\n  padding-inline: 0;\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",".root {\n  flex: 0 0 auto;\n\n  --vkui--size_base_padding_horizontal--regular: 10px;\n}\n",".host {\n  inset-block-end: 0;\n  inset-inline-end: 0;\n}\n\n.shifted {\n  inset-block-end: -2px;\n  inset-inline-end: -2px;\n}\n\n.presetOnline,\n.presetOnlineMobile {\n  inset-block-end: 14%;\n  inset-inline-end: 14%;\n  color: var(--vkui--color_accent_green);\n  transform: translate(50%, 50%);\n}\n\n.rtl.presetOnline,\n.rtl.presetOnlineMobile {\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.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-align: center;\n  text-transform: uppercase;\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  font-family: inherit;\n  text-decoration: none;\n}\n\n/* Перебиваем селектор в `Tappable` с `withBorder` */\n.host .body {\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.content {\n  max-inline-size: inherit;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_primary);\n  word-break: break-word;\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 .body,\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) -\n    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  min-inline-size: var(--vkui_internal--side_cell_gap);\n  content: '';\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) +\n    (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  min-inline-size: var(--vkui_internal--side_cell_gap);\n  content: '';\n}\n\n.body {\n  box-sizing: content-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: 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` с `withBorder` */\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  color: var(--vkui--color_text_secondary);\n}\n",".host {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: text;\n}\n\n.header {\n  display: block;\n  margin-block-end: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_subhead);\n  white-space: nowrap;\n}\n",".host {\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n}\n\n.viewport {\n  position: relative;\n  block-size: 100%;\n  margin: 0;\n}\n\n.layer {\n  display: flex;\n  align-items: stretch;\n  inline-size: 100%;\n  block-size: 100%;\n  min-block-size: 100px;\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  flex: 0 0 auto;\n  inline-size: 100%;\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  inset-inline-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 100%;\n  block-size: 6px;\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  inline-size: 6px;\n  block-size: 6px;\n  margin-block: 0;\n  margin-inline: 3px;\n  border-radius: 50%;\n  opacity: var(--vkui--opacity_disable);\n}\n\n.bulletActive {\n  opacity: 1;\n}\n\n.arrow {\n  position: absolute;\n  z-index: var(--vkui_internal--z_index_gallery_scroll_arrow);\n  opacity: 0;\n}\n\n.arrow.arrowAreaStretch {\n  inset-block-start: 0;\n}\n\n.arrow.arrowAreaFit {\n  inset-block-start: 50%;\n  block-size: auto;\n  padding-block: calc(var(--vkui--size_base_padding_vertical--regular) * 2);\n  transform: translateY(-50%);\n}\n\n.arrowStart {\n  padding-inline-end: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.arrowEnd {\n  padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n.hover .arrow {\n  opacity: var(--vkui--opacity_disable);\n}\n\n.arrowFocusVisible,\n.host .arrow:hover {\n  opacity: 1;\n}\n",".host {\n  inset-block-end: 0;\n  inset-inline-end: 0;\n}\n\n.shifted {\n  inset-block-end: -2px;\n  inset-inline-end: -2px;\n}\n",".host {\n  border-radius: 50%;\n}\n\n.in {\n  display: flex;\n  flex-flow: column wrap;\n  inline-size: 100%;\n  block-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-position: center;\n  background-size: cover;\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  block-size: 2px;\n  background: var(--vkui--color_track_background);\n  border-radius: 1px;\n\n  --vkui_internal_Progress_background_color: var(--vkui--color_stroke_accent);\n  --vkui_internal_Progress_progress: 0;\n}\n\n.trackDisable {\n  background: transparent;\n}\n\n.host::after {\n  display: block;\n  inline-size: calc(var(--vkui_internal_Progress_progress) * 1%);\n  block-size: 100%;\n  content: '';\n  background: var(--vkui_internal_Progress_background_color);\n  border-radius: inherit;\n  transition: width 0.2s ease;\n}\n\n.appearanceAccent {\n  --vkui_internal_Progress_background_color: var(--vkui--color_stroke_accent);\n}\n\n.appearancePositive {\n  --vkui_internal_Progress_background_color: var(--vkui--color_stroke_positive);\n}\n\n.appearanceNegative {\n  --vkui_internal_Progress_background_color: var(--vkui--color_stroke_negative);\n}\n",".host {\n  box-sizing: content-box;\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  --vkui_internal--search_shift_direction: 1;\n}\n\n.rtl {\n  --vkui_internal--search_shift_direction: -1;\n}\n\n.withPadding {\n  padding-block: 8px;\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/*\n  density-compact\n */\n\n.densityCompact {\n  --vkui_internal--search_height: var(--vkui--size_search_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone {\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  /**\n   * Костыль для PanelHeader. Необходимо для растягивания на всю ширину.\n   */\n  inline-size: 10000px;\n  block-size: var(--vkui_internal--search_height);\n  overflow: hidden;\n  background-color: var(--vkui--color_search_field_background);\n  border-radius: var(--vkui--size_border_radius--regular);\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  inset: 0;\n  cursor: text;\n  opacity: 0;\n}\n\n.input {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  inline-size: calc(100% - 1px);\n  block-size: 100%;\n  padding-inline-start: 12px;\n  color: var(--vkui--color_icon_medium);\n  border-radius: inherit;\n}\n\n.nativeInput {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  flex-grow: 1;\n  inline-size: stretch; /* автопрефиксер добавит фолбеки https://caniuse.com/mdn-css_properties_width_stretch */\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  block-size: 100%;\n  padding: 0;\n  padding-inline-start: 36px;\n  margin: 0;\n  color: var(--vkui--color_text_primary);\n  appearance: none; /* не используем textfield из-за бага в iOS 15.1 http://www.openradar.me/FB9744107 */\n  background-color: transparent;\n  border: 0;\n  border-radius: inherit;\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  pointer-events: none;\n  cursor: default;\n  opacity: var(--vkui--opacity_disable);\n}\n\n.nativeInput:disabled {\n  opacity: var(--vkui--opacity_disable);\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  /* Используем translate3d, чтобы поправить дергание при наведении в Safari */\n  transform: translate3d(calc(var(--vkui_internal--search_shift_direction) * 100%), 0, 0);\n  transition: transform 0.3s var(--vkui--animation_easing_platform);\n\n  --vkui_internal--search_icon_size: calc(var(--vkui_internal--search_height) + 4px);\n}\n\n.hasIcon .controls {\n  /* Исключаем параметр icon из расчёта, чтобы он оставался видимым */\n  transform: translate3d(\n    calc(\n      var(--vkui_internal--search_shift_direction) *\n      calc(100% - var(--vkui_internal--search_icon_size))\n    ),\n    0,\n    0\n  );\n}\n\n.hasValue .controls {\n  transform: translate3d(0, 0, 0);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: var(--vkui_internal--search_icon_size);\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  pointer-events: none;\n  transition: flex-grow 0.3s var(--vkui--animation_easing_platform);\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  display: block;\n  flex-shrink: 0;\n  inline-size: 4px;\n  block-size: 100%;\n  content: '';\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  overflow: hidden;\n  text-overflow: clip;\n  white-space: nowrap;\n}\n\n.findButton {\n  inline-size: initial;\n  min-inline-size: initial;\n  max-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-block-start: 0;\n  inset-inline-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  min-inline-size: 0;\n  max-inline-size: 100%;\n  min-block-size: 32px;\n  padding-block: 4px;\n  padding-inline: 8px;\n  text-decoration: none;\n  border-radius: var(--vkui--size_border_radius--regular);\n  transition: background-color 150ms ease-out;\n}\n\n.withGaps {\n  margin-block: 8px;\n}\n\n.withGaps:not(:first-child) {\n  margin-inline-start: 6px;\n}\n\n.densityCompact {\n  min-block-size: 28px;\n  padding-block: 2px;\n}\n\n@media (--density-compact) {\n  .densityNone {\n    min-block-size: 28px;\n    padding-block: 2px;\n  }\n}\n\n.host[disabled],\n.host[aria-disabled='true'] {\n  opacity: var(--vkui--opacity_disable);\n}\n\n/* mode=\"default\" */\n.modeDefault {\n  position: relative;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  min-block-size: 48px;\n  padding-block: 12px;\n  padding-inline: 16px;\n}\n\n.densityCompact.modeDefault {\n  min-block-size: 44px;\n  padding-block: 10px;\n}\n\n@media (--density-compact) {\n  .densityNone.modeDefault {\n    min-block-size: 44px;\n    padding-block: 10px;\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  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  content: '';\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\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  min-inline-size: 0;\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_secondary);\n  white-space: nowrap;\n  transition: color 150ms ease-out;\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-block-end: 5px;\n  inset-inline: 16px;\n  block-size: 2px;\n  pointer-events: none;\n  background-color: var(--vkui--color_background_accent);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 150ms ease-out;\n}\n\n.densityCompact .underline {\n  inset-block-end: 3px;\n}\n\n@media (--density-compact) {\n  .densityNone .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-block-end: 0;\n  inset-inline: 2px;\n}\n\n/**\n * CMP:\n * HorizontalScroll\n */\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalHorizontalScroll) .host {\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: auto;\n  min-inline-size: 64px;\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-grow: 1;\n  flex-direction: column;\n}\n\n.refreshing {\n  pointer-events: none;\n  touch-action: 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  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 40px;\n  block-size: 40px;\n  margin: auto;\n  color: var(--vkui--color_icon_accent);\n  background: var(--vkui--color_background_modal);\n  border-radius: 50%;\n  box-shadow: 0 2px 6px rgb(0, 0, 0, 0.2);\n  opacity: 0;\n  transition:\n    transform 300ms cubic-bezier(0.1, 0, 0.25, 1),\n    opacity 220ms ease-out;\n}\n\n.ios .spinner {\n  color: var(--vkui--color_icon_medium);\n  background: none;\n  border-radius: 0;\n  box-shadow: none;\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: animationPullToRefreshToRefreshing 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: animationPullToRefreshRotator var(--vkui_internal--duration) linear infinite;\n}\n\n.content {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  overflow: hidden;\n  transition: transform 400ms var(--vkui--animation_easing_platform);\n}\n\n.watching .content {\n  transition: none;\n}\n\n@keyframes animationPullToRefreshToRefreshing {\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 animationPullToRefreshRotator {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",".host {\n  display: inline;\n  padding: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  color: var(--vkui_internal--link-color, var(--vkui--color_text_link));\n  text-align: inherit;\n  background: none;\n  border: 0;\n  border-radius: 0;\n}\n\n.withUnderline.hover {\n  text-decoration: underline;\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  padding: 2px;\n  margin: -2px;\n  color: inherit;\n  /* Перебиваем значения браузера */\n  background-color: var(--vkui--color_background_accent_themed_alpha);\n  border-radius: 4px;\n}\n",".overlay {\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  padding: 0;\n  margin: 0;\n  appearance: none;\n  -webkit-touch-callout: none;\n  -webkit-user-drag: none;\n  cursor: default;\n  background: transparent;\n  border: 0;\n}\n\n.overlay:focus,\n.overlay:focus-visible {\n  outline: none;\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: 5px;\n  color: var(--vkui_internal--counter_foreground);\n  text-align: center;\n  background: var(--vkui_internal--counter_background);\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  min-inline-size: 24px;\n  block-size: 24px;\n  border-radius: 12px;\n}\n\n.sizeS {\n  min-inline-size: 18px;\n  block-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  --vkui_internal--UsersStack_item_size: 16px;\n}\n\n.sizeS {\n  --vkui_internal--UsersStack_item_size: 16px;\n}\n\n.sizeM {\n  --vkui_internal--UsersStack_item_size: 24px;\n}\n\n.sizeL {\n  --vkui_internal--UsersStack_item_size: 32px;\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.item {\n  min-inline-size: var(--vkui_internal--UsersStack_item_size);\n  block-size: var(--vkui_internal--UsersStack_item_size);\n}\n\n.photo {\n  max-inline-size: var(--vkui_internal--UsersStack_item_size);\n}\n\n.counter {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--vkui--spacing_size_xs);\n  color: var(--vkui--color_text_contrast_themed);\n  background: var(--vkui--color_icon_secondary);\n  border-radius: calc(var(--vkui_internal--UsersStack_item_size) / 2);\n}\n\n.photoWrapper {\n  display: flex;\n}\n\n.photoWrapper:not(:first-child) {\n  margin-inline-start: -2px;\n}\n\n.text {\n  flex: 1;\n  min-inline-size: 0;\n}\n\n.avatarsPositionBlockStart .text {\n  margin-block-start: 8px;\n  text-align: center;\n}\n\n.avatarsPositionInlineStart .text {\n  margin-inline-start: 8px;\n}\n\n.avatarsPositionInlineEnd .text {\n  margin-inline-end: 8px;\n}\n",".displayNone {\n  display: none;\n}\n\n.displayInline {\n  display: inline;\n}\n\n.displayInlineBlock {\n  display: inline-block;\n}\n\n.displayBlock {\n  display: block;\n}\n\n.displayContents {\n  display: contents;\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\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  display: inline-block;\n  margin-block-end: 12px;\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  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n  padding: var(--vkui_internal--banner-padding);\n  overflow: hidden;\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_border_radius--regular);\n  isolation: isolate;\n\n  --vkui_internal--banner-padding: 12px;\n}\n\n.host::before {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_banner_content);\n  box-sizing: border-box;\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  pointer-events: none;\n  content: '';\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n  border-radius: inherit;\n}\n\n.before {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_banner_content);\n  margin-inline-end: 12px;\n}\n\n.content {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_banner_content);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  min-inline-size: 0;\n}\n\n.subtitle,\n.extraSubtitle {\n  opacity: 0.72;\n}\n\n.bg {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-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  z-index: var(--vkui_internal--z_index_banner_hover);\n  display: flex;\n  flex-flow: row nowrap;\n  align-content: center;\n  align-items: center;\n  align-self: flex-start;\n  justify-content: center;\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  color: var(--vkui--color_icon_secondary);\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\n.modeImage {\n  color: var(--vkui--color_text_primary_invariably);\n}\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/**\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  display: flex;\n  flex: 1;\n  align-items: center;\n  min-inline-size: 0;\n  overflow: hidden;\n}\n\n.content {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  white-space: nowrap;\n}\n\n.textWrapShort .content {\n  display: -webkit-box;\n  max-block-size: 60px;\n  -webkit-line-clamp: 3;\n  white-space: initial;\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-block: calc(-1 * var(--vkui--spacing_size_2xs));\n  margin-inline-start: var(--vkui--spacing_size_xl);\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_icon_secondary);\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n.modeAdd .middle :global(.vkuiIcon),\n.modeMore\n  .middle\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :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  position: relative;\n  display: flex;\n  flex: 1;\n  min-inline-size: 0;\n}\n\n.textarea {\n  box-sizing: border-box;\n  flex: 1;\n  inline-size: 100%;\n  min-inline-size: 0;\n  max-block-size: 120px;\n  margin: 0;\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  resize: none;\n  background: transparent;\n  border: 0;\n}\n\n.textarea:placeholder-shown {\n  text-overflow: ellipsis;\n}\n\n.textarea::placeholder {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--vkui--color_text_subhead);\n  white-space: nowrap;\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  margin-block: 8px;\n  margin-inline: 0;\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}\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-block: var(--vkui_internal--writebar-vertical-gap);\n  margin-inline-end: var(--vkui_internal--writebar-right-gap);\n}\n\n.ios .textarea {\n  block-size: 36px;\n  padding-block: 6px;\n  padding-inline: 12px 0;\n}\n",".host {\n  position: relative;\n  inline-size: 44px;\n  block-size: 52px;\n  padding: 0;\n  margin: 0;\n  color: var(--vkui--color_icon_secondary);\n  cursor: pointer;\n  background: none;\n  border: 0;\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  inline-size: 100%;\n  block-size: 100%;\n}\n\n.host:disabled {\n  pointer-events: none;\n  opacity: 0.4;\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_contrast_themed);\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  inline-size: 48px;\n  padding-inline: 0;\n  color: var(--vkui--color_icon_accent_themed);\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  display: flex;\n  padding-block: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);\n  padding-inline: 0;\n  margin: 0;\n}\n\n.scrollIn::before,\n.scrollIn::after {\n  min-inline-size: var(--vkui--size_base_padding_horizontal--regular);\n  content: '';\n}\n\n.noPadding {\n  padding: 0;\n}\n\n.noPadding::before,\n.noPadding::after {\n  display: none;\n}\n\n.item {\n  display: flex;\n  list-style-type: none;\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.disabled {\n  opacity: var(--vkui--opacity_disable);\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.densityCompact.sizeS .in {\n  block-size: var(--vkui--size_button_small_height--compact);\n}\n\n.densityCompact.sizeM .in {\n  block-size: var(--vkui--size_button_medium_height--compact);\n}\n\n.densityCompact.sizeL .in {\n  block-size: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone.sizeS .in {\n    block-size: var(--vkui--size_button_small_height--compact);\n  }\n\n  .densityNone.sizeM .in {\n    block-size: var(--vkui--size_button_medium_height--compact);\n  }\n\n  .densityNone.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  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.after {\n  margin-inline-start: 8px;\n}\n\n.chevronIcon {\n  box-sizing: content-box;\n  margin-block-start: 1px; /* Смещает иконку относительно текста */\n  margin-inline-start: 8px;\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  color: var(--vkui--color_text_contrast_themed);\n  background-color: var(--vkui--color_background_accent_themed);\n  border: 0;\n  box-shadow: none;\n}\n\n.selected.modeTertiary,\n.selected.appearanceNeutral {\n  color: var(--vkui--color_text_primary);\n  background-color: var(--vkui--color_transparent--active);\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  display: block;\n  inline-size: 100%;\n  min-inline-size: 40px;\n  block-size: var(--vkui--size_button_large_height--regular);\n  padding-inline: 8px;\n  line-height: var(--vkui--size_button_large_height--regular);\n  color: var(--vkui--color_text_secondary);\n  text-align: center;\n  text-decoration: none;\n  user-select: none;\n  border-radius: var(--vkui--size_border_radius--regular);\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.densityCompact {\n  block-size: var(--vkui--size_button_large_height--compact);\n  line-height: var(--vkui--size_button_large_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone {\n    block-size: var(--vkui--size_button_large_height--compact);\n    line-height: 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  padding: 0;\n  margin: 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: animationAccordionExpand;\n}\n\n@media (--reduce-motion) {\n  .inEnter {\n    animation-name: animationAccordionFadeIn;\n  }\n}\n\n.inEntered {\n  block-size: var(--vkui_internal--AccordionContent_height);\n}\n\n.inExit {\n  animation-name: animationAccordionCollapse;\n}\n\n@media (--reduce-motion) {\n  .inExit {\n    animation-name: animationAccordionFadeOut;\n  }\n}\n\n.inExited {\n  visibility: hidden;\n  block-size: 0;\n}\n\n@keyframes animationAccordionExpand {\n  0% {\n    block-size: 0;\n  }\n\n  100% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n}\n@keyframes animationAccordionCollapse {\n  0% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n  }\n\n  100% {\n    block-size: 0;\n  }\n}\n@keyframes animationAccordionFadeIn {\n  0% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 0;\n  }\n\n  50% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 0;\n  }\n\n  100% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 1;\n  }\n}\n@keyframes animationAccordionFadeOut {\n  0% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 1;\n  }\n\n  50% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 0;\n  }\n\n  100% {\n    block-size: var(--vkui_internal--AccordionContent_height);\n    opacity: 0;\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  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  min-inline-size: 1px;\n  max-inline-size: 100%;\n  padding: 0;\n  overflow: hidden;\n}\n\n.top {\n  display: flex;\n  align-items: flex-end;\n  padding-block: var(--vkui--spacing_size_2xs) var(--vkui--spacing_size_m);\n  color: var(--vkui--color_text_subhead);\n}\n\n.label,\n.aside {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label {\n  flex: 1;\n}\n\n.aside {\n  margin-inline-start: auto;\n  color: var(--vkui--color_text_tertiary);\n}\n\n.aside:not(:only-child) {\n  padding-inline-start: 12px;\n}\n\n.labelMultiline {\n  text-overflow: unset;\n  white-space: normal;\n}\n\n.labelRequired {\n  margin-inline-start: 3px;\n  color: var(--vkui--color_text_negative);\n}\n\n.bottom {\n  padding-block-start: var(--vkui--spacing_size_m);\n  color: var(--vkui--color_text_secondary);\n}\n\n.statusError .bottom {\n  color: var(--vkui--color_text_negative);\n}\n\n.statusValid .bottom {\n  color: var(--vkui--color_text_positive);\n}\n\n/**\n * density=\"compact\"\n */\n\n.densityCompact .top {\n  padding-block-end: var(--vkui--spacing_size_s);\n}\n\n.densityCompact .bottom {\n  padding-block-start: var(--vkui--spacing_size_s);\n}\n\n@media (--density-compact) {\n  .densityNone .top {\n    padding-block-end: var(--vkui--spacing_size_s);\n  }\n\n  .densityNone .bottom {\n    padding-block-start: var(--vkui--spacing_size_s);\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  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 0;\n  min-inline-size: 1px;\n  max-inline-size: 100%;\n  padding: 0;\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: var(--vkui--spacing_size_2xl);\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:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .withTop,\n.withTop .removable {\n  margin-block-start: calc(\n    -1 *\n    var(--vkui--spacing_size_2xs) -\n    var(--vkui--font_subhead--line_height--regular) -\n    var(--vkui--spacing_size_m)\n  );\n}\n\n/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .densityCompact.withTop,\n.densityCompact.withTop .removable {\n  margin-block-start: calc(\n    -1 *\n    var(--vkui--spacing_size_2xs) -\n    var(--vkui--font_subhead--line_height--compact) -\n    var(--vkui--spacing_size_s)\n  );\n}\n\n@media (--density-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .densityNone.withTop,\n  .densityNone.withTop .removable {\n    margin-block-start: calc(\n      -1 *\n      var(--vkui--spacing_size_2xs) -\n      var(--vkui--font_subhead--line_height--compact) -\n      var(--vkui--spacing_size_s)\n    );\n  }\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  min-block-size: var(--vkui--size_field_height--regular);\n  font-family: var(--vkui--font_family_base);\n  border-radius: var(--vkui--size_border_radius--regular);\n  isolation: isolate;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.scrollContainer {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  inline-size: 100%;\n  min-block-size: inherit;\n  overflow-y: auto;\n}\n\n.content {\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: 0;\n  min-block-size: inherit;\n}\n\n.densityCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone {\n    min-block-size: var(--vkui--size_field_height--compact);\n  }\n}\n\n/* stylelint-disable-next-line selector-max-universal */\n.host > * {\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  border-radius: inherit;\n}\n\n.iconWrapper {\n  position: sticky;\n  inset-block-start: 0;\n  display: flex;\n  flex-shrink: 0;\n  block-size: 100%;\n}\n\n.before,\n.after {\n  display: flex;\n  align-content: center;\n  align-items: center;\n  align-self: center;\n  justify-content: center;\n  min-inline-size: var(--vkui--size_field_height--regular);\n  color: var(--vkui--color_icon_secondary);\n}\n\n.densityCompact .before,\n.densityCompact .after {\n  min-inline-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone .before,\n  .densityNone .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  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  z-index: var(--vkui_internal--z_index_form_field_border);\n  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: 100%;\n  pointer-events: none;\n  border: var(--vkui--size_border--regular) solid transparent;\n  border-radius: inherit;\n  transform-origin: left top;\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  z-index: var(--vkui_internal--z_index_form_field_border_hover);\n  border-color: var(--vkui--color_field_border_alpha--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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--status-error)\n  .focusVisible\n  > .border,\n.statusError.modeDefault > .border,\n.statusError.focusVisible > .border {\n  z-index: var(--vkui_internal--z_index_form_field_status);\n  border-color: var(--vkui--color_stroke_negative);\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/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  :global(.vkuiInternalFormItem--status-valid)\n  .focusVisible\n  > .border,\n.statusValid.modeDefault > .border,\n.statusValid.focusVisible > .border {\n  z-index: var(--vkui_internal--z_index_form_field_status);\n  border-color: var(--vkui--color_stroke_positive);\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  pointer-events: none;\n  cursor: default;\n  opacity: var(--vkui--opacity_disable);\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  border-radius: 0;\n  isolation: auto;\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  min-inline-size: auto;\n  padding: 0;\n  margin: 0;\n  border: 0;\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.modeHorizontal {\n  display: flex;\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  display: block;\n  order: -1;\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.densityCompact.modeHorizontal :global(.vkuiInternalFormItem--withTop) ~ .offset {\n  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);\n}\n\n@media (--density-compact) {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */\n  .densityNone.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_direction: 1;\n  --vkui_internal--Switch__handle_shift_x: calc(\n    var(--vkui_internal--Switch__handle_shift_x_direction) *\n    var(--vkui_internal--Switch__track_outline_width)\n  );\n  --vkui_internal--Switch__handle_shift_y: calc(\n    var(--vkui_internal--Switch__track_height) -\n    var(--vkui_internal--Switch__handle_height) -\n    var(--vkui_internal--Switch__track_outline_width)\n  );\n  --vkui_internal--Switch__handle_scale: calc(\n    var(--vkui_internal--Switch__handle_widthNoUnit--not-checked) /\n    var(--vkui_internal--Switch__handle_heightNoUnit)\n  );\n\n  position: relative;\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.rtl {\n  --vkui_internal--Switch__handle_shift_x_direction: -1;\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.densityCompact {\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 (--density-compact) {\n  .default.densityNone {\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  --vkui_internal--Switch__handle_shadow:\n    0 3px 8px rgb(0, 0, 0, 0.15), 0 3px 1px rgb(0, 0, 0, 0.06), inset 0 0 0 0.5px rgb(0, 0, 0, 0.04);\n}\n\n.ios.densityCompact {\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 (--density-compact) {\n  .ios.densityNone {\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  --vkui_internal--Switch__handle_shift_x: calc(\n    var(--vkui_internal--Switch__handle_shift_x_direction) *\n    calc(\n      var(--vkui_internal--Switch__track_width) -\n      var(--vkui_internal--Switch__handle_width) -\n      var(--vkui_internal--Switch__track_outline_width)\n    )\n  );\n  --vkui_internal--Switch__handle_scale: calc(\n    var(--vkui_internal--Switch__handle_widthNoUnit--checked) /\n    var(--vkui_internal--Switch__handle_heightNoUnit)\n  );\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  background-color: var(--vkui_internal--Switch__track_color);\n  border-radius: var(--vkui_internal--Switch__track_shape);\n  transition: background-color var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.default .track::before {\n  position: absolute;\n  inset: 0;\n  content: '';\n  border: var(--vkui_internal--Switch__track_outline_width) solid\n    var(--vkui--color_field_border_alpha);\n  border-radius: inherit;\n  opacity: var(--vkui_internal--Switch__track_shadow_visibility);\n  transition: opacity var(--vkui_internal--Switch__track_color_duration) linear;\n}\n\n.handle {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-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  transform: translate(\n    var(--vkui_internal--Switch__handle_shift_x),\n    var(--vkui_internal--Switch__handle_shift_y)\n  );\n  transition: transform var(--vkui_internal--Switch__handle_shift_x_duration)\n    var(--vkui_internal--Switch__handle_shift_x_easing);\n}\n\n.handle::after {\n  position: absolute;\n  inset: 0;\n  content: '';\n  background-color: var(--vkui_internal--Switch__handle_color);\n  border-radius: inherit;\n  box-shadow: var(--vkui_internal--Switch__handle_shadow);\n  transform: scale(var(--vkui_internal--Switch__handle_scale));\n  transition-timing-function: var(--vkui_internal--Switch__handle_shift_x_easing), linear;\n  transition-duration:\n    var(--vkui_internal--Switch__handle_scale_duration),\n    var(--vkui_internal--Switch__handle_color_duration);\n  transition-property: transform, background-color;\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  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  inline-size: 40px;\n  block-size: 40px;\n  content: '';\n  background-color: var(--vkui_internal--Switch__handleRipple_color);\n  border-radius: inherit;\n  opacity: var(--vkui_internal--Switch__handleRipple_opacity);\n  transform: translate(calc(-50% * var(--vkui_internal--Switch__handle_shift_x_direction)), -50%);\n  transition-timing-function: linear;\n  transition-duration:\n    var(--vkui_internal--Switch__handleRipple_opacity_duration),\n    var(--vkui_internal--Switch__handleRipple_color_duration);\n  transition-property: opacity, background-color;\n}\n\n@media (--density-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",".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  position: absolute;\n  inset: 0;\n  content: '';\n  border: 1px dashed var(--vkui--color_separator_primary);\n  border-radius: var(--vkui--size_border_radius--regular);\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  font-size: 16px;\n  line-height: 20px;\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  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  padding-block: 0;\n  padding-inline: 12px;\n  color: var(--vkui--color_text_primary);\n  border-radius: inherit;\n}\n\n.densityCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone .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::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  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  block-size: 32px;\n  border-radius: 6px;\n}\n\n.modePrimary {\n  background: var(--vkui--color_background_content);\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);\n}\n\n.modeSecondary {\n  background: var(--vkui--color_background_secondary);\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  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--vkui--font_paragraph--font_family--regular);\n\n  /* Typography/Paragraph */\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  font-weight: var(--vkui--font_paragraph--font_weight--regular);\n  line-height: var(--vkui--font_paragraph--line_height--regular);\n  color: var(--vkui--color_text_primary);\n  white-space: nowrap;\n}\n\n.densityCompact .content {\n  font-family: var(--vkui--font_footnote--font_family--regular);\n  /* Typography/Footnote */\n  font-size: var(--vkui--font_footnote--font_size--regular);\n  font-weight: var(--vkui--font_footnote--font_weight--regular);\n  line-height: var(--vkui--font_footnote--line_height--regular);\n}\n\n@media (--density-compact) {\n  .densityNone .content {\n    font-family: var(--vkui--font_footnote--font_family--regular);\n    /* Typography/Footnote */\n    font-size: var(--vkui--font_footnote--font_size--regular);\n    font-weight: var(--vkui--font_footnote--font_weight--regular);\n    line-height: var(--vkui--font_footnote--line_height--regular);\n  }\n}\n\n.removable {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.remove {\n  box-sizing: border-box;\n  flex: 0 0 100%;\n  padding: 5px;\n  color: var(--vkui--color_icon_secondary);\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  border-radius: inherit;\n  transform: translateX(-1px);\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n\n.after {\n  margin-inline-start: 6px;\n}\n\n.densityCompact {\n  block-size: 28px;\n}\n\n@media (--density-compact) {\n  .densityNone {\n    block-size: 28px;\n  }\n}\n",".host {\n  --vkui_internal--chips_input_base_container_gap: 4px;\n\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-wrap: wrap;\n  max-inline-size: 100%;\n  padding: var(--vkui_internal--chips_input_base_container_gap);\n  margin: 0;\n  overflow: hidden;\n}\n\n.listBox {\n  position: relative;\n  display: inline-flex;\n  flex-wrap: wrap;\n  max-inline-size: 100%;\n  overflow: hidden;\n  list-style: none;\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  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex: 1;\n  inline-size: 100%;\n  padding: 0;\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n}\n\n.hasPlaceholder .el,\n.hasInputValue .el,\n.el:not(:read-only):focus {\n  min-inline-size: 64px;\n  padding-block: 2px 4px;\n  padding-inline: 10px 2px;\n}\n\n.el::-ms-clear {\n  display: none;\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  block-size: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/**\n * density=\"compact\"\n */\n.densityCompact {\n  --vkui_internal--chips_input_base_container_gap: 2px;\n}\n\n@media (--density-compact) {\n  .densityNone {\n    --vkui_internal--chips_input_base_container_gap: 2px;\n  }\n}\n",".host {\n  box-sizing: border-box;\n  overflow: hidden;\n  background-color: var(--vkui--color_background_contrast_themed);\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);\n  border-radius: 8px;\n  box-shadow: var(--vkui--elevation1);\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  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  inline-size: 100%;\n  padding-block: 8px;\n  padding-inline: 12px;\n  color: var(--vkui--color_text_primary);\n  cursor: pointer;\n  user-select: none;\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.densityRegular {\n  min-block-size: 44px;\n}\n\n@media (--density-regular) {\n  .densityNone {\n    min-block-size: 44px;\n  }\n}\n\n.disabled {\n  cursor: default;\n  opacity: var(--vkui--opacity_disable);\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  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.children {\n  min-inline-size: 0;\n  word-break: break-word;\n}\n\n.textNoWrap {\n  white-space: nowrap;\n}\n\n.after {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  margin-inline-start: 8px;\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  color: var(--vkui--color_text_secondary);\n  text-align: center;\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  user-select: none;\n  background-color: var(--vkui--color_background_contrast);\n  border: var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);\n  border-radius: 50%;\n  box-shadow: var(--vkui--elevation3);\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  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  white-space: nowrap;\n  border: 0 none;\n  clip-path: inset(50%);\n  direction: ltr;\n}\n",".host {\n  position: relative;\n  block-size: var(--vkui_internal--slider_thumb_size);\n  cursor: pointer;\n\n  --vkui_internal--Slider_start_value: 0;\n  --vkui_internal--Slider_end_value: 0;\n}\n\n.disabled {\n  cursor: not-allowed;\n  opacity: var(--vkui--opacity_disable);\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: calc(var(--vkui_internal--Slider_start_value) * 1%);\n  background: var(--vkui--color_background_accent);\n}\n\n.multiple .trackFill {\n  inset-inline-start: calc(var(--vkui_internal--Slider_start_value) * 1%);\n  inset-inline-end: calc((100 - var(--vkui_internal--Slider_end_value)) * 1%);\n  inline-size: auto;\n}\n\n.thumbs {\n  position: relative;\n  block-size: 100%;\n  margin-inline: calc(var(--vkui_internal--slider_thumb_size) / 2);\n  isolation: isolate;\n}\n\n.thumb {\n  inset-block-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.rtl .thumb {\n  transform: translate(50%, -50%);\n}\n\n.thumbStart {\n  inset-inline-start: calc(var(--vkui_internal--Slider_start_value) * 1%);\n}\n\n.thumbEnd {\n  inset-inline-start: calc(var(--vkui_internal--Slider_end_value) * 1%);\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 * density=\"compact\"\n */\n\n.densityCompact.sizeL {\n  --vkui_internal--slider_thumb_size: 24px;\n}\n\n.densityCompact.sizeM {\n  --vkui_internal--slider_thumb_size: 16px;\n}\n\n.densityCompact.sizeS {\n  --vkui_internal--slider_thumb_size: 12px;\n}\n\n@media (--density-compact) {\n  .densityNone.sizeL {\n    --vkui_internal--slider_thumb_size: 24px;\n  }\n\n  .densityNone.sizeM {\n    --vkui_internal--slider_thumb_size: 16px;\n  }\n\n  .densityNone.sizeS {\n    --vkui_internal--slider_thumb_size: 12px;\n  }\n}\n",".host {\n  position: relative;\n  max-block-size: 204px;\n  overflow: hidden;\n}\n\n.el {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  box-sizing: border-box;\n  display: block;\n  inline-size: 100%;\n  padding-block: calc(\n    (var(--vkui--size_field_height--regular) - var(--vkui--font_text--line_height--regular)) /\n    2\n  );\n  padding-inline: 12px;\n  color: var(--vkui--color_text_primary);\n}\n\n.densityCompact .el {\n  padding-block: calc(\n    (\n      var(--vkui--size_field_height--compact) -\n      var(--vkui--font_text--line_height--compact, var(--vkui--font_text--line_height--regular))\n    ) /\n    2\n  );\n}\n\n@media (--density-compact) {\n  .densityNone .el {\n    padding-block: calc(\n      (\n        var(--vkui--size_field_height--compact) -\n        var(--vkui--font_text--line_height--compact, var(--vkui--font_text--line_height--regular))\n      ) /\n      2\n    );\n  }\n}\n\n.el[cols] {\n  inline-size: initial;\n}\n\n.densityCompact {\n  max-block-size: 196px;\n}\n\n@media (--density-compact) {\n  .densityNone {\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/* Для Safari */\n@supports (hanging-punctuation: first) {\n  .el::placeholder {\n    padding-block-end: inherit;\n  }\n}\n\n.el:disabled::placeholder {\n  color: var(--vkui--color_text_secondary);\n}\n\n.el:disabled {\n  pointer-events: auto;\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  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n  margin-inline-start: 12px;\n  color: var(--vkui--color_text_primary);\n  word-break: break-word;\n}\n\n.withPadding {\n  margin-block: var(--vkui--spacing_size_xl);\n}\n\n.host:first-child {\n  margin-inline-start: 0;\n}\n\n.description {\n  display: block;\n  margin-block-start: 2px;\n  color: var(--vkui--color_text_secondary);\n}\n\n.titleLayout {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  min-inline-size: 0; /* см. https://github.com/VKCOM/VKUI/issues/5687 */\n}\n\n.titleAfter {\n  flex-shrink: 0;\n  margin-inline-start: 4px;\n  color: var(--vkui--color_icon_tertiary);\n}\n\n.withPadding.densityCompact {\n  margin-block: var(--vkui--spacing_size_m);\n}\n\n@media (--density-compact) {\n  .withPadding.densityNone {\n    margin-block: var(--vkui--spacing_size_m);\n  }\n}\n",".host {\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.withPadding {\n  min-block-size: var(--vkui--size_field_height--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\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);\n}\n\n.withPadding.densityCompact {\n  min-block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .withPadding.densityNone {\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: scale(0);\n  transform-origin: center;\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  box-sizing: border-box;\n  flex: 1;\n  margin: 0;\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  box-sizing: content-box;\n  margin-block: 0;\n  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));\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  align-items: center;\n  justify-content: center;\n  inline-size: fit-content;\n  block-size: fit-content;\n}\n\n.withPadding {\n  inline-size: var(--vkui--size_field_height--regular);\n  block-size: var(--vkui--size_field_height--regular);\n  border-radius: 50%;\n}\n\n.host[disabled] {\n  opacity: var(--vkui--opacity_disable);\n}\n\n/**\n * density=\"compact\"\n */\n\n.withPadding.densityCompact {\n  inline-size: var(--vkui--size_field_height--compact);\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .withPadding.densityNone {\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  box-sizing: border-box;\n  font-family: var(--vkui--font_family_base);\n  cursor: pointer;\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_side);\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  font-family: inherit;\n  font-size: var(--vkui--font_paragraph--font_size--regular);\n  appearance: none;\n  border: 0;\n  opacity: 0;\n}\n\n.container {\n  position: relative;\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  box-sizing: border-box;\n  flex-grow: 1;\n  flex-shrink: 1;\n  align-self: center;\n  padding-inline: 12px 0;\n  overflow: hidden;\n  color: var(--vkui--color_text_primary);\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.densityCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--density-compact) {\n  .densityNone.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  text-overflow: ellipsis;\n  white-space: nowrap;\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  box-sizing: border-box;\n  inline-size: 100%;\n  block-size: var(--vkui--size_field_height--regular);\n  padding-block: 0;\n  padding-inline: 12px;\n  margin: 0;\n  line-height: var(--vkui--size_field_height--regular);\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: inherit;\n  box-shadow: none;\n}\n\n.elCursorPointer {\n  cursor: pointer;\n}\n\n.densityCompact .el {\n  block-size: var(--vkui--size_field_height--compact);\n}\n\n@media (--density-compact) {\n  .densityNone .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.inputHidden .el {\n  opacity: 0;\n}\n\n.labelHidden .container {\n  opacity: 0;\n}\n\n.container {\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  box-sizing: border-box;\n  inline-size: 100%;\n  max-block-size: 100%;\n  padding-inline: 12px 0;\n  overflow: hidden;\n  color: var(--vkui--color_text_primary);\n  pointer-events: none;\n}\n\n.accessible:not(.hasInputValue):focus-within .container {\n  color: var(--vkui--color_text_tertiary);\n}\n\n.hasBefore .container {\n  padding-inline-start: 0;\n}\n\n.multiline .container {\n  padding-block: 12px;\n}\n\n.densityCompact.multiline .container {\n  padding-block: 8px;\n}\n\n@media (--density-compact) {\n  .densityNone.multiline .container {\n    padding-block: 8px;\n  }\n}\n\n.inputGroup {\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  align-self: stretch;\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  text-overflow: ellipsis;\n  white-space: nowrap;\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  position: relative;\n  display: block;\n  inline-size: 100%;\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  color: var(--vkui--color_text_secondary);\n  text-align: center;\n}\n\n.dropdownIcon {\n  margin-inline-end: 10px;\n}\n\n.clearIcon {\n  margin-inline-end: -6px;\n}\n\n.densityCompact .dropdownIcon {\n  margin-inline-end: 8px;\n}\n\n.densityCompact .clearIcon {\n  margin-inline-end: -2px;\n}\n\n@media (--density-compact) {\n  .densityNone .dropdownIcon {\n    margin-inline-end: 8px;\n  }\n\n  .densityNone .clearIcon {\n    margin-inline-end: -2px;\n  }\n}\n",".host {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  color: var(--vkui--color_text_primary);\n  appearance: none;\n  cursor: pointer;\n  user-select: none;\n  background: transparent;\n  border: 0;\n  border-radius: inherit;\n  transition: color 100ms ease-out;\n}\n\n.hover {\n  opacity: 0.5;\n}\n\n.before {\n  margin-inline-end: 6px;\n}\n",".host {\n  box-sizing: border-box;\n  block-size: 30px;\n  padding: 2px;\n  font-family: var(--vkui--font_family_base);\n  background-color: var(--vkui--color_background_secondary);\n  border-radius: var(--vkui--size_border_radius--regular);\n}\n\n.sizeL {\n  block-size: 36px;\n}\n\n.in {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  border-radius: inherit;\n  transition: all 100ms ease-out;\n}\n\n.slider {\n  position: absolute;\n  inset-block: 0;\n  inset-inline-start: 0;\n  inline-size: calc(100% / var(--vkui_internal--SegmentedControl_options));\n  background-color: var(--vkui--color_segmented_control);\n  border-radius: inherit;\n  box-shadow:\n    inset 0 0 0 0.5px var(--vkui--color_image_border_alpha),\n    0 3px 8px rgb(0, 0, 0, 0.12),\n    0 3px 1px rgb(0, 0, 0, 0.04);\n  transform: translateX(calc(var(--vkui_internal--SegmentedControl_actual_index) * 100%));\n  transform-origin: 0 0;\n  transition: transform 150ms;\n\n  --vkui_internal--SegmentedControl_actual_index: 0;\n  --vkui_internal--SegmentedControl_options: 0;\n}\n\n.rtl .slider {\n  transform: translateX(calc(-1 * var(--vkui_internal--SegmentedControl_actual_index) * 100%));\n}\n\n/**\n * density=\"regular\"\n */\n.densityRegular {\n  block-size: 36px;\n}\n\n.densityRegular.sizeL {\n  block-size: 44px;\n}\n\n@media (--density-regular) {\n  .densityNone {\n    block-size: 36px;\n  }\n\n  .densityNone.sizeL {\n    block-size: 44px;\n  }\n}\n",".content {\n  block-size: 100%;\n  font-family: var(--vkui--font_family_base);\n  font-size: 14px;\n  color: var(--vkui--color_text_primary);\n  border-radius: 0;\n}\n\n.host,\n.hidden {\n  flex-grow: 0;\n  flex-basis: calc(100% / 7);\n  border-radius: 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  position: relative;\n  inset-inline-start: 50%;\n  display: block;\n  inline-size: 16px;\n  content: '';\n  border-block-end: 2px solid var(--vkui--color_stroke_accent);\n  transform: translateX(-50%);\n}\n\n.rtl .today .dayNumber::after {\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  inline-size: 100%;\n  block-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  color: var(--vkui--color_text_contrast);\n  background-color: var(--vkui--color_background_accent);\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-grow: 1;\n  flex-direction: column;\n  justify-content: space-around;\n}\n\n.row {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\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  display: flex;\n  flex-grow: 0;\n  flex-basis: calc(100% / 7);\n  align-items: center;\n  justify-content: center;\n  block-size: 32px;\n  color: var(--vkui--color_text_subhead);\n  text-transform: capitalize;\n}\n",".host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-block-size: 36px;\n}\n\n.pickers {\n  position: absolute;\n  display: flex;\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  align-items: center;\n  justify-content: center;\n  padding: 3px;\n}\n\n.navIcon.navIcon {\n  border-radius: var(--vkui--size_border_radius--regular);\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  font-family: var(--vkui--font_family_base);\n  color: var(--vkui--color_text_primary);\n}\n\n.button {\n  margin-inline-start: auto;\n}\n",".host {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  inline-size: 305px;\n  padding: 12px;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  border-radius: 8px;\n  box-shadow: var(--vkui--elevation1);\n}\n\n.time {\n  padding-block: 12px 0;\n  padding-inline: 12px;\n  margin-block: 12px 0;\n  margin-inline: -12px;\n  border-block-start: 1px solid var(--vkui--color_separator_primary);\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  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  inline-size: 610px;\n  padding: 12px;\n  background: var(--vkui--color_background_contrast_themed);\n  border: 0.5px solid var(--vkui--color_separator_primary);\n  border-radius: 8px;\n  box-shadow: var(--vkui--elevation1);\n}\n\n.inner {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\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  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: calc(100% - 0.1em);\n  block-size: 1px;\n  content: '';\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.host + .divider {\n  color: var(--vkui--color_text_primary);\n}\n",".wrapper {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: inherit;\n  min-block-size: inherit;\n\n  --vkui_internal--DateInput_input_margin_inline_start: 10px;\n  --vkui_internal--DateInput_input_margin_inline_end: 14px;\n}\n\n.hasBefore .wrapper {\n  --vkui_internal--DateInput_input_margin_inline_start: 0px;\n}\n\n.hasAfter .wrapper {\n  --vkui_internal--DateInput_input_margin_inline_end: 0px;\n}\n\n.input {\n  z-index: var(--vkui_internal--z_index_form_field_element);\n  display: block;\n  flex-grow: 1;\n  align-self: center;\n  margin-inline: var(--vkui_internal--DateInput_input_margin_inline_start)\n    var(--vkui_internal--DateInput_input_margin_inline_end);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  cursor: text;\n  user-select: text;\n}\n\n.hidden {\n  opacity: 0;\n}\n\n.customValue {\n  position: absolute;\n  box-sizing: border-box;\n  align-self: center;\n  inline-size: calc(\n    100% -\n    var(--vkui_internal--DateInput_input_margin_inline_start) -\n    var(--vkui_internal--DateInput_input_margin_inline_end)\n  );\n  margin-inline: var(--vkui_internal--DateInput_input_margin_inline_start)\n    var(--vkui_internal--DateInput_input_margin_inline_end);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.inputTimeDivider {\n  /* stylelint-disable-next-line declaration-no-important */\n  letter-spacing: 6px !important;\n}\n\n.densityCompact:not(.hasAfter) .wrapper {\n  --vkui_internal--DateInput_input_margin_inline_end: 22px;\n}\n\n@media (--density-compact) {\n  .densityNone:not(.hasAfter) .wrapper {\n    --vkui_internal--DateInput_input_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  position: relative;\n  display: inline-flex;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  overflow: hidden;\n  line-height: 1;\n  background-color: var(--vkui_internal--skeleton_color_from);\n  border-radius: 6px;\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-block-start: 0;\n  inset-inline-start: var(--vkui_internal--skeleton_gradient_left);\n  inline-size: 100vw;\n  block-size: 100%;\n  content: ' ';\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: animationSkeleton;\n  animation-duration: 1.5s;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n  animation-direction: normal /*rtl:reverse*/;\n}\n\n@keyframes animationSkeleton {\n  100% {\n    transform: translateX(100vw);\n  }\n}\n\n.disableAnimation::before {\n  background-image: none;\n  /**\n   * Safari тратит время не пересчет анимации даже если элемент скрыт\n   * Для повышения производительности анимацию необходимо выключить\n   */\n  animation-name: none;\n}\n\n@media (--reduce-motion) {\n  .host::before {\n    background-image: none;\n    animation-name: 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  position: absolute;\n  inset: calc(-1 * var(--vkui_internal--popover_safe_zone_padding));\n  content: '';\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  box-sizing: border-box;\n\n  /* см. `.children {}` в `ModalPage` */\n  flex: 0 0 auto;\n  inline-size: 100%;\n  background-color: var(--vkui--color_background_modal);\n  border-end-start-radius: inherit;\n  border-end-end-radius: inherit;\n}\n\n.Separator {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline: 0;\n}\n\n/* Mobile */\n.hostMobile.padded {\n  padding-block: var(--vkui--size_base_padding_vertical--regular);\n  padding-inline: var(--vkui--size_base_padding_horizontal--regular);\n}\n\n/* Desktop */\n.hostDesktop.padded {\n  padding-block: 18px;\n  padding-inline: 16px;\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  block-size: 100%;\n  padding: 0;\n  margin: 0;\n  color-scheme: var(--vkui--colors_scheme);\n}\n\n.vkui {\n  /* см. https://github.com/VKCOM/VKUI/pull/7739 */\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.vkui--layout-card {\n  background: var(--vkui--color_background);\n}\n\n.vkui--layout-plain {\n  background: var(--vkui--color_background_content);\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":"AACA,opEAkGA,sDAEE,+RAOF,iDAEE,2QC9FF,gIACE,sDAKF,iEACE,sDAQF,0BACE,4DAKF,4BACE,2DAQF,yBACE,iEAKF,2BACE,gEAQF,qFACE,wDAKF,6GACE,yDCvDF,uEAIA,uEACE,wEAIF,uEACE,wECnBF,6DAKA,yLAOA,4KAKA,+NAKA,mWAOA,kDACE,2MAMF,qKCxCA,mFAIA,sFAIA,yGAWA,mECnBA,4DAIA,iEAIA,kEAIA,yDAIA,gEAIA,iEAIA,4DAIA,iEAIA,kEAIA,2DAIA,kEAIA,mEC1CA,8EAIA,4EAIA,0EAIA,0EAIA,0EAIA,4EAIA,8EAIA,8EAIA,8EAMA,oFAIA,kFAIA,gFAIA,gFAIA,gFAIA,kFAIA,oFAIA,oFAIA,oFCxEA,gnmBCAA,0FAMA,iFCCA,gRAQA,+HAIA,iEACE,6HAKF,qFAQA,uGAIA,uCACE,kFAIA,qGAKF,mDC/CA,+EASA,kEAIA,2EAIA,wECjBA,wGCAA,4DAMA,6CAKA,4IAIA,6IAIA,4IAIA,6IAIA,4IAIA,6IAKA,mEAKA,4FAIA,4CAIA,+CAIA,2CCrDA,kSAOA,6hBAmBA,iEACE,2hBAoBF,kSAOA,6hBAmBA,iEACE,2hBAoBF,kSAOA,6hBAmBA,iEACE,2hBAoBF,kSAOA,6hBAmBA,iEACE,2hBCxKF,2PAOA,+cAmBA,iEACE,6cAoBF,2PAOA,+cAmBA,iEACE,6cAoBF,2PAOA,+cAmBA,iEACE,6cCzHF,0QAOA,6XAeA,iEACE,2XAgBF,0QAOA,6XAeA,iEACE,2XC9DF,gPAOA,4aAgBA,iEACE,0aCxBF,yQAOA,ydAmBA,iEACE,udC3BF,+PAOA,ucAmBA,iEACE,qcC3BF,oQAOA,gdAmBA,iEACE,8cAoBF,iTAQA,2gBAmBA,iEACE,ygBC3EF,4CAIA,qQAOA,meAmBA,iEACE,ieAoBF,2SAOA,6hBAmBA,iEACE,2hBAoBF,qQAOA,meAmBA,iEACE,ieAoBF,2SAOA,6hBAmBA,iEACE,2hBAoBF,qQAOA,meAmBA,iEACE,ieAoBF,2SAOA,6hBAmBA,iEACE,2hBC1QF,uEAOA,0LAMA,+HASA,+HCtBA,uLAWA,4CAIA,gDASA,gMAKA,4FC7BA,qFAMA,wKAOA,4FAMA,wFAKA,2FCxBA,+GAgBA,+FAQA,0CAIA,2BACE,6DAKF,4EAOA,+MAYA,oGAIA,uCACE,oGAKF,kHAIA,qHAIA,+FAKA,yCAIA,2CAIA,2QAkBA,sHCtGA,2OAmBA,0EAIA,+CAKA,iHAWA,sKAYA,qPCnDA,+KAYA,8HAKA,yMCjBA,4PASA,0HAIA,wHAIA,sHAIA,sHAIA,sHAIA,wHAIA,0HAIA,0HAIA,0HAIA,uHAIA,qHAIA,mHAIA,mHAIA,mHAIA,qHAIA,uHAIA,uHAIA,uHAIA,6CAIA,+JAKA,mIAMA,8JAKA,qKAKA,yIAMA,oKAKA,8IAMA,4FAMA,6ICjIA,uTAkBA,yCAIA,wCACE,6CAKF,gDAIA,wIAKA,2HCrCA,4SAaA,sFAKA,sGASA,2GAOA,wPASA,uDAIA,wGAOA,2EAYA,oDAKA,uDAIA,mDAIA,iDAIA,4DAIA,sNASA,4LASA,uCAIA,8DAaA,sEAKA,sEC9HA,4RAgBA,yICjBA,sIASA,yCCTA,uNAQA,6ECRA,mWAgBA,oFAIA,0EAKA,4FAKA,wGAIA,gIACE,sGAKF,yEAOA,6IAUA,kFAKA,kFAKA,2DAIA,iaAOA,4HAOA,iIAIA,iIAIA,kIAIA,kIAIA,iIAIA,iIAIA,yHAIA,0HAIA,yHAIA,yHAIA,0HAIA,yHAIA,8JAIA,8JAIA,+JAIA,+JAIA,8JAIA,8JAIA,sJAIA,uJAIA,sJAIA,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,0EAIA,uEAIA,uEAIA,qEAIA,qGAIA,6EAIA,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,mPAMA,gIACE,iPAOF,8NAMA,yPAMA,gIACE,uPAOF,8NAMA,yPAMA,gIACE,uPAOF,gQAMA,gIACE,8PAQF,8EAIA,yGAIA,gIACE,uGAKF,gGAIA,2HAIA,gIACE,yHAKF,6EAIA,wGAIA,gIACE,sGAKF,+FAIA,0HAIA,gIACE,wHAKF,sFAIA,gIACE,oFASF,qNAKA,4UAOA,mNAKA,sUAOA,mNAKA,sUAOA,gOAKA,iUAOA,sNAKA,6UAOA,2DAIA,2DAIA,2DAIA,2DChsBA,+NAqBA,mDAIA,4CAIA,qEAIA,4EAKA,iDAKA,oEAMA,uHAOA,iDAUA,+FAKA,0DAIA,iEACE,yCAKA,iHAOA,wDAKA,wDAYF,kbAmBA,0FAQA,2JAMA,wPAUA,iEAEE,wJAMA,mPAcF,mFAKA,iFASA,yECxLA,6bAkBA,4EAIA,wFAIA,gNAMA,gIACE,8MAOF,qEAKA,4EAKA,8EAKA,oEAIA,sEAMA,2HAIA,wJAIA,0JAIA,8HAIA,2JAIA,6JAKA,wFAIA,qHAIA,uHAKA,2GAKA,8JAKA,iKAQA,mGAIA,8FAIA,2KAQA,0SAMA,gIAIA,sKAKA,wKCxJA,sNAUA,sLAMA,0CAIA,yDAMA,qKAKA,uKAKA,kFAOA,qDASA,kMAYA,sMAKA,oMAKA,kDACE,oEAIA,sHAMF,kNAWA,qNAWA,0FASA,6FCpHA,0IASA,kDACE,sEAKF,2DAKA,6LAYA,oJAKA,6JAKA,gMAMA,iFAIA,yOAKA,kDACE,uHAOF,yCAKA,+BAIA,kGAQA,6IAiBA,kXAOA,iLAKA,uGAIA,sGAQA,uIAIA,kIAIA,2HAIA,wHAIA,gJAIA,qJAIA,kDACE,uFAKA,4JAMA,4JAQF,iLAMA,4KAWA,+KAWA,sGASA,mGASA,sGASA,mGASA,2EASA,4EChPA,0DAMA,qHASA,iIAYA,6GAKA,4JAIA,2BAEE,iJAMF,4JAIA,yBAEE,kJAYF,kOAWA,oJAQA,mDAKA,+CAKA,0HAKA,6EAIA,yBACE,8EAKF,4DC1GA,mLAaA,0DAIA,kDAIA,8EAQA,qDASA,6FAOA,0FAMA,uDAKA,sDAKA,iEAQA,sFAKA,yGASA,sEAKA,oFAKA,mHAMA,uOAMA,2EAMA,oFAIA,yFAIA,yBACE,kJAKF,gIAIA,2BACE,qHAWF,gGAQA,mIAaA,oFAOA,+HCzKA,oFAIA,kFAIA,gFAIA,gFAIA,gFAIA,kFAIA,oFAIA,oFAIA,oFChCA,6EAIA,iFAIA,wFAIA,kEAIA,8DAIA,yEAKA,yKAMA,6JAKA,2EAOA,gGAIA,6FAIA,0FAIA,4MAIA,0MASA,4GAKA,yBAEE,kGC3EF,yCAIA,mFAKA,iJAMA,2EAIA,yKASA,4DAIA,qHAIA,yBACE,2GAKF,sHAOA,0CAKA,iFAMA,8HAMA,0JAMA,mJASA,2DAOA,wJAUA,0IAMA,iEAKA,gEAKA,2FAKA,2FAIA,2FAIA,uJAaA,uGAMA,kGAMA,qEAKA,qEAQA,yGAIA,iEACE,uGAUF,iNAOA,yBAEE,4MASF,4KAMA,gGAIA,gGAKA,iNAOA,yBAEE,4MAQF,gJASA,6FAMA,gZAUA,yBAEE,sYAYF,oZAOA,yBAEE,0YAQF,oEAIA,+EAKA,4GAOA,4HAIA,yBACE,kHAKF,kFAKA,sEASA,8FCtUA,uMAWA,gEAKA,iJAUA,sKAQA,gHAOA,iFAMA,4DAKA,+IAQA,4CAIA,uDAQA,kMAWA,sMAWA,qFAOA,+HAIA,iEACE,6HC1GF,uKAQA,uHAMA,2BACE,4GAOF,4GASA,8KAWA,6KAIA,+KAIA,gLAIA,kLAIA,kDACE,qIAIA,wIAKF,kGAKA,mEASA,iPAOA,yBACE,sIAWF,+FAKA,uJAUA,yBACE,oFAKA,6IAeF,qIASA,sIASA,gGASA,iGCpKA,gEAMA,4DAQA,gHASA,8LAOA,qDC9BA,sFAQA,uOAKA,yBACE,6NAMF,kHAOA,4BACE,4GAQF,qEAOA,wJC3CA,uCCAA,gTAcA,uDAQA,oDAIA,yLC1BA,2RAeA,gFAQA,sEAIA,4CAIA,gLAcA,+EAKA,8EAIA,gFAKA,4FAIA,gGAQA,2KAQA,8EAQA,8HAMA,0FAKA,2FASA,mFAOA,0GAIA,8FCtHA,0PAYA,mGAMA,4FAMA,0OAUA,yFAMA,yFAMA,4GAKA,+GAKA,wGAKA,gHAKA,sMAKA,qFAIA,sFC3EA,sIAaA,gFAIA,gGAWA,0DAIA,2FAMA,iJAQA,wHAKA,yEAIA,yLAIA,2LAQA,gGAOA,uYC1EA,wFAOA,mIAQA,wDAOA,uDAMA,uFC1BA,sCAIA,sCAIA,qCAIA,mCCdA,+FAKA,oCAIA,iDAIA,gIAKA,+CAKA,iDAIA,8CAIA,2EAIA,+BAMA,mDAIA,+CAIA,gDAIA,2DAIA,6DAIA,2DAMA,6CAIA,yCAIA,0CAIA,4CAIA,8CCnFA,4TASA,0CAIA,uDAIA,sIAKA,iKAIA,4JAIA,qHAIA,mDAIA,+CAIA,gDAIA,kDAIA,oDClDA,uGASA,+CAIA,gDAIA,yCAIA,+CAIA,yFASA,gKAIA,4MAMA,qGAIA,iIAKA,0GAQA,iHASA,kDAIA,kFAIA,oFAIA,mFAIA,sFAIA,wFAIA,uFAIA,0FASA,2FC3GA,+HAQA,sOAWA,+DAIA,6FAIA,+FC3BA,kECAA,uTAcA,+BAIA,uIAKA,mJAMA,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,8EAOA,0DAIA,0DAKA,6CAIA,uDAIA,gGAOA,kDACE,mFAMF,+JAWA,iKCjTA,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,8NAMA,oGAQA,qDAIA,wGAMA,uJAIA,mFC3NA,uCAIA,0CCJA,2CAIA,0EAQA,oGAKA,6DAIA,kGCRA,sDCbA,8OAUA,kDACE,8IAMF,oKASA,4EAMA,yJAKA,qKAMA,qEAOA,iDAKA,oFAKA,qOAQA,0EAIA,mFASA,oHAIA,4KAcA,+FAQA,6LAUA,0GAKA,kDACE,qFAKF,0PAWA,4PC3IA,kPAWA,+JAUA,sKAMA,0HAKA,4HAMA,iGAIA,sCAIA,6DAIA,2LAMA,sEASA,qLAUA,4EAKA,gGAKA,2MAOA,+GASA,qFCrGA,saAoBA,qMAWA,gIACE,mMAYF,+EAIA,qCAIA,mCAIA,iFAOA,qKAUA,iFAKA,oFAKA,mFAKA,4FAKA,4JAMA,2BACE,8EAKF,yBACE,wFAKA,yJC/GF,spBAiBA,oCAIA,oEAIA,yEAIA,ySASA,yIAOA,sIAOA,+WAaA,qFACE,+CAKA,8FAKA,6LASA,6VAiBA,0VAkBF,iLAMA,yFAIA,oNAMA,6NAMA,qFACE,4DAIA,gRAOA,oHAKF,iJAKA,kDACE,iJAMF,oNAMA,kEAIA,gJAKA,kDACE,gJAOF,2LAOA,6JAWA,4LAaA,4EASA,6EC1OA,sbAWA,8MAKA,8FAIA,6GAIA,6GAIA,sLAWA,8NCvCA,gTAUA,mWAeA,uQAUA,4QAUA,2KAOA,sKAOA,qFACE,oFAUF,iJCtEA,0CAIA,gUAaA,+IAWA,4EAKA,4EAIA,+JAKA,2GAIA,qKAKA,uGAIA,mKAKA,+GAIA,2KAKA,gHCrEA,8OASA,wEAKA,0DAIA,uFAKA,qEAaA,yNAKA,8CAIA,sEAKA,2BACE,gIAMF,yBACE,6DAIA,6DC9DF,wEAOA,iCACE,6GAKA,6DAQF,qCAKE,sBACE,uEAIA,qFAMA,yIAKA,8LAQA,qSAQJ,6EAIA,uEAIA,mEAIA,+DCtEA,sCCAA,wKCAA,uJAQA,0DAKA,iJCbA,uFCAA,mKAUA,2MAWA,6GAIA,2KAQA,iXAYA,uHAIA,wHAIA,uHAIA,2GAaA,yZAiBA,4FAIA,2JAKA,uHAKA,6FAKA,8DAKA,4EAIA,kHAKA,8GAKA,6EAIA,yUAoBA,0GAKA,sNC1JA,2IASA,sEAIA,uGAIA,yICjBA,4KCAA,0fAmBA,yNAQA,yHASA,gEAIA,sEAIA,mFAMA,4CAIA,uJAWA,4MAWA,sKAKA,qHAMA,0KAKA,wSC5FA,wDAIA,wCAIA,8CAIA,8CAIA,8CAKA,8lBAqBA,+JAKA,2HAIA,0KAKA,gKAMA,sKAQA,6FAKA,uEAQA,iICnFA,gGASA,oEAIA,yEASA,sFCtBA,8LAmBA,2EAOA,0FAQA,6GAKA,0FAQA,oEAKA,wDAKA,8CAKA,8HAKA,4HAKA,8HAKA,0HAKA,6HAKA,oSAQA,uIAKA,oGAIA,yIAKA,sGAIA,2IAKA,uIAKA,iIAKA,uGAKA,sKAUA,sEAIA,kGAIA,sFAIA,0EAIA,sGAIA,wFAIA,4EAIA,uEAIA,wEAIA,qEAIA,yEAIA,qGAIA,4GC/LA,0DAKA,oDAKA,qDAIA,2EAaA,yIAIA,qIAIA,sIAKA,0EAYA,4IAIA,wIAIA,yIAMA,iFAIA,+EAIA,gFAIA,uFAIA,qFAIA,sFCtFA,oLAQA,oGAQA,2HAMA,+PAmBA,+GAMA,oEAKA,0DAKA,0DAKA,wLAWA,sPASA,yBAEE,mKAUF,qPASA,yBAQE,+OAMA,yHAYF,+FAKA,wEAMA,uHAKA,gHAKA,oHAKA,2EAKA,mHAKA,oHAKA,2EC1KA,0IAUA,kIAKA,0KAIA,2BACE,+JAKF,gHAUA,mLAIA,yBAEE,sFAMF,mHAKA,qHCpDA,uEAIA,uEAOA,mNAMA,4DAIA,gIAWA,gKAKA,yBAEE,2JAWF,+FAKA,yIAKA,2IAIA,yBAEE,+FAKA,yIAKA,4IC5EF,gEAIA,kIAKA,4KAQA,yPASA,0DAIA,8FC9BA,2OAQA,2JASA,wHAMA,uEAIA,6DAKA,sEAIA,oEAIA,qEAIA,mEAIA,+EAMA,qDAKA,uGAOA,uEAKA,oCASA,6MAMA,gFAIA,mDAMA,0FAKA,0EAIA,0EAIA,0EAIA,2EAKA,uFAMA,qFAIA,sFAIA,sFAIA,uFAKA,sFAIA,sFAIA,sFAIA,uFAIA,qCAIA,kDAIA,+CAWA,yMAQA,2BAEE,4QAWF,+OAQA,yBAEE,oTAcF,8ECrNA,4SAUA,gGAIA,+FAKA,+XAUA,yBACE,gWAUF,+JAMA,2BACE,oJAOF,8QAOA,2BACE,mQAeF,oSAaA,yBACE,+PAaF,iFAIA,2BACE,sEAQF,sCAIA,8MAKA,2BACE,sIAKF,qKAKA,yBACE,mHAQF,kMAYA,+GAOA,mPASA,2QAQA,2BACE,6MAQF,qHAIA,2BACE,8IAMF,oRAMA,yBACE,wNAMF,6NAKA,2BACE,kNAWF,yBACE,oKAKA,wQAWF,0EAIA,gMAIA,8DAIA,gEAUA,mKAIA,gKAQA,+KASA,8MC5SA,2JAMA,mGAIA,sFAIA,0FCdA,iEAKA,oCCLA,6SAgBA,4FAIA,yEAIA,oHAQA,mIAKA,uGAIA,wEAOA,oCAIA,uOAeA,uGAQA,wFASA,gIAWA,2IAQA,8IASA,4LAKA,oFAWA,+JAQA,oCAKA,gSAaA,iVAYA,iEAEE,4UCxKF,qRAUA,yCAIA,mEAIA,+DAIA,8OAUA,gGAMA,qDAIA,2CAIA,4NAYA,oFAIA,iEAIA,6DAKA,iGAKA,uHAQA,6FAOA,4GAKA,2GAQA,qFAIA,yIAUA,yNAUA,6FAMA,wFAIA,oEAIA,yFAQA,gDAIA,6IAIA,iEACE,6CAIA,2IAUF,0NC7KA,uEAMA,4EAKA,+DAIA,2ICdA,oJAOA,2CCRA,kCAIA,gHAKA,uEAMA,+DAIA,2GAOA,6DAIA,2GAKA,8CAKA,uEAOA,oEAKA,6FASA,4FAIA,6EAIA,yDAKA,yIAOA,8FAMA,mFASA,oNChGA,oNCAA,kQAWA,8CAIA,iEACE,4CAKF,gEAIA,4FAQA,2EAIA,8EAIA,0EAIA,0DAKA,wFAOA,6LAUA,uIAKA,qIAKA,iIAKA,0EAIA,mOAOA,gLAKA,iEACE,8KAUF,0IAKA,qEAIA,+RAUA,6DAIA,8DAIA,qMAOA,2RAOA,iEACE,mRAaF,2LCpKA,sYAiBA,yCAIA,mEAIA,+DAIA,yMASA,0IAKA,2CAIA,4NAYA,oFAIA,iEAIA,6DAKA,iGAKA,uHAQA,6FAOA,4GAKA,2GAQA,qFAIA,iMAUA,wFAQA,6FASA,gDAIA,6IAIA,iEACE,6CAIA,2IAoBF,gVAOA,2CAIA,mEAMA,uDAKA,4FAKA,2FAIA,kIAOA,wIAMA,qIAMA,wIC3NA,iGCAA,wCAKA,iDAKA,4JAQA,4IAQA,yCAIA,uDC9BA,oCAIA,gEAIA,2GAKA,8GAKA,8GAKA,6GAKA,6GAKA,yGAKA,8GAKA,2IC3CA,uCAIA,+DAKA,qFAOA,2GAIA,kIAOA,sEAIA,0EAIA,sJAKA,kLAQA,kEAIA,iJAKA,iEAMA,uDAIA,mDAIA,4KAKA,4EAKA,6DAIA,6DAIA,8DAIA,yCAIA,iJAMA,oKAKA,+IAOA,4KCnHA,+CAIA,yEAIA,4GAKA,wPAUA,yHAKA,oGAMA,2HAIA,0EAIA,0FC1CA,8OCAA,oGAMA,qJCNA,oGAMA,mEAMA,gKASA,kEAIA,4CAIA,6EAOA,mEAKA,sDAKA,6IAWA,qHAIA,4GAIA,mHASA,0CAIA,gHAMA,kEAIA,oPAOA,+FAIA,4FAIA,uFAIA,sGC3GA,4CAKA,qDCLA,wCAIA,oHASA,uQAQA,4CAIA,oHAMA,uLC/BA,+DAMA,gDCNA,iFAIA,wHAIA,qHAIA,uHAIA,oHChBA,+MASA,2CAIA,0NAUA,2GAIA,+GAIA,+GC/BA,4NAUA,4DAIA,6LASA,oGAIA,iEACE,kGAKF,wQAeA,4FAIA,8FAIA,yFAOA,gNAYA,oXAmBA,mRAOA,2EAIA,sGAKA,yDAMA,6FAIA,gDAMA,6HAIA,4WAaA,6KAYA,oEAIA,yLAUA,sCAIA,kMAWA,iHAMA,gHASA,2HAIA,+FAOA,iEAOA,iECzNA,+CAKA,+CASA,mGAMA,qFAWA,kFAKA,iFAUA,+MAYA,kJC1DA,kRAeA,yDAIA,0DAIA,iFAKA,iEACE,+EAMF,2GAMA,0FAUA,6GAKA,iEACE,2GAMF,sGAKA,6FAMA,mJAKA,oHAIA,0LASA,0GAKA,mHAIA,uHAKA,2GAMA,oFAIA,mHAIA,iLAUA,mFAIA,kHAKA,sCAIA,kEAKA,0EAKA,mFAIA,kHAKA,6NAYA,kEAIA,iEACE,gEAKF,uDASA,6GAOA,8EAUA,+EAOA,wDAIA,sEC7NA,wEAMA,qEAKA,4DAKA,yIAIA,+VAkBA,wIAOA,0FAIA,oDAIA,oKAIA,0HAMA,4IAKA,uKAIA,2JAQA,yEAIA,+JAiBA,+GCrGA,+PAeA,mEAIA,yEAIA,8EAMA,4DAIA,0DCjCA,2ICAA,uOAgBA,8GChBA,kSAeA,kHAIA,oNAKA,+HAIA,iIAIA,6HAIA,kGAMA,sGAIA,4HAIA,+HAIA,kIAIA,8HAIA,wIAMA,qEAIA,4HAIA,8HAIA,kIAIA,8HAIA,8HAMA,kEAMA,iEAMA,yQAgBA,wFC1HA,8FAQA,wFAIA,kEAIA,kEAIA,qEAIA,wFAKA,qCAIA,sEAIA,6HAKA,4EAIA,uVAWA,2CAIA,iEAIA,yCAKA,kGAKA,kFAIA,iFC/EA,mCAIA,uCAIA,kDAIA,qCAIA,2CChBA,4IASA,gDAKA,iDAKA,0HAOA,8DAIA,sEAIA,qEAIA,2DCtCA,6VAeA,iTAeA,sCAMA,kNAUA,6DAKA,uGAQA,yDAOA,uDAUA,4YAaA,qCAIA,oGASA,wEAIA,iGAIA,mJASA,wDAIA,0IAKA,0IAUA,yDAKA,kHAKA,uGCpJA,iKAOA,oEAIA,4GAKA,6FAQA,8HASA,oKAQA,+FAKA,yEAIA,yKAKA,iGAKA,uJAKA,iEAKA,qHAMA,2KC5EA,6EAIA,yDAIA,iGAOA,oCAIA,wEAOA,wNAcA,iEAIA,+IASA,0EAIA,6DAKA,uCAIA,uCAIA,sDASA,oEAIA,+FAMA,sPASA,sEAIA,gYASA,8EC/GA,0NAaA,oGAQA,gEAKA,qCAIA,kIAOA,6GAIA,2IAQA,mEAIA,4MAaA,2IAUA,0LC5EA,wCAMA,oQAOA,qJAMA,2CAIA,4FAKA,8DAKA,qHAIA,gFCrCA,2IAMA,wEAIA,oFAUA,mHAQA,oHAQA,mHAOA,2JAIA,4JAIA,2JAIA,iEACE,wJAIA,yJAIA,yJAKF,uFAKA,sGAOA,gDAIA,gIAOA,2KAKA,+MAUA,wIAKA,oIAQA,qMASA,uKAOA,qPAMA,uWAUA,sMAKA,wRAKA,uOCjKA,4ZAeA,uFAIA,4JAMA,mEAIA,qJAKA,iEACE,mJAMF,gFC1CA,2EAOA,sDAIA,qDCXA,6DAIA,qCAIA,8JAQA,kDACE,4EAMF,+EAIA,kDACE,gFAKF,+EAIA,gFAIA,kDACE,gFAKF,oDAKA,wHASA,0HASA,2PAgBA,4PCtFA,kCAIA,2IAKA,4DAIA,2FAUA,gLAOA,oGAOA,4BAIA,6EAKA,wDAIA,qEAKA,oFAKA,sGAKA,wFAIA,wFAQA,4FAIA,4FAIA,iEACE,yFAIA,0FAUF,oHAUA,6KAOA,oLAOA,+LAQA,2IAMA,uPAWA,iTAUA,iEAEE,4SCjKF,mSAYA,6IASA,gFAOA,kFAIA,iEACE,gFAMF,sGAKA,yFAQA,8MAWA,6JAKA,iEACE,wJAMF,qDAIA,iDAIA,4DAIA,8DAIA,8QAcA,sGAQA,uGAIA,gMASA,8HAUA,obAYA,kJAOA,obAYA,oNAMA,iGAWA,oEASA,2FAUA,yGAOA,iRAUA,kRAUA,6QAUA,kRChPA,sEAOA,kJAKA,wFAMA,uEAMA,0CAKA,gNAQA,8MAIA,iEAEE,4MAKF,mEAIA,kDCpDA,wECAA,q3BA2BA,sEAIA,uFAKA,i5BAuBA,sYAaA,iEACE,oYAcF,+5BAuBA,gYAaA,iEACE,8XAcF,qCAIA,0oBAqBA,4LAMA,6VAUA,8WAWA,yZAeA,2hBAeA,myBAuBA,iEACE,6DAOF,wCACE,qHAKF,qHAIA,8KAKA,oBACE,kGAIA,iIC/QF,sKAOA,gDAIA,sCAMA,iCAIA,2FAIA,sDAIA,yFAIA,kDAKA,2JCtCA,sCAIA,oMAQA,mGCZA,mEAMA,yDAIA,uDAIA,qPAYA,yFAIA,iEACE,uFAKF,oDAIA,oDAIA,sCAMA,yGClDA,2GAQA,4JAKA,4EAIA,uHASA,+CAKA,6CAIA,4XAcA,6RAQA,iEACE,2RASF,+CAKA,iMAYA,mCAIA,iCAIA,sCAIA,iEACE,oCCjGF,oPAeA,wLASA,iHAKA,sOAcA,6MAQA,gDAIA,+CAMA,2HAIA,iDAIA,kHASA,wFAIA,iEACE,sFCnFF,8QASA,2CAIA,kGAMA,gKAQA,mDAKA,4DASA,iGCzCA,iOAaA,qNASA,wDAIA,gIACE,sDAKF,sFAKA,sFAIA,+DAKA,qEAMA,oEAKA,uDAIA,6FAOA,6EAIA,2EAIA,wEC5EA,yCAIA,iGAOA,mFAKA,2EAKA,8CAIA,0DCzBA,gcAcA,+HAKA,uFAIA,yFAOA,4KC9BA,4KASA,8EAKA,wGASA,mFAKA,+HAKA,6KAMA,6LAOA,0DAKA,kEAIA,+EAIA,2EAIA,2DAIA,2DAIA,2DAQA,sFAIA,sFAIA,sFAIA,iEACE,mFAIA,mFAIA,oFCpGF,uEAMA,obAcA,uWAUA,iEACE,qWAWF,mCAIA,+CAIA,iEACE,6CAKF,iFAOA,sCACE,uDAKF,gFAIA,+CAIA,+DAIA,6DCjFA,sIAQA,2HAIA,2DAIA,6GAMA,sGAMA,8CAIA,4GAMA,mKAIA,iEACE,iKC3CF,uJAQA,uNAUA,gOAKA,2EAIA,2HAIA,iEACE,yHChCF,qJAOA,0FAIA,oJAMA,yFCZA,+ECLA,6CASA,6OCTA,8DAIA,8EAKA,mEAIA,0EAIA,yJAKA,2FAIA,oJC1BA,sHAQA,gJAMA,yEAQA,iKAKA,iEACE,+JC5BF,mHAOA,mRAeA,4PAYA,6DAIA,mFAIA,4GAIA,iEACE,0GAKF,iCAIA,2HAMA,8EAIA,4DAIA,8DASA,6EC/EA,+CAIA,2ZAoBA,uDAIA,iHAIA,iEACE,+GAKF,4EAIA,4EAQA,+IAIA,wPAWA,oKAIA,mFAIA,yGAIA,6IAIA,iEACE,2IAKF,+HASA,qFAIA,4CAIA,4JAMA,oGAOA,kDAIA,gJAKA,mJAUA,wFCxIA,kFAOA,oFAKA,4EAKA,wCAIA,kGAOA,kDAIA,+CAIA,mFAIA,iFAIA,iEACE,gFAIA,+ECjDF,uWAkBA,8CAIA,qDCtBA,oOASA,yCAIA,kIASA,6hBAmBA,iJAOA,kDAIA,8EAIA,gIACE,+CAIA,4EC7DF,qJAQA,gGAOA,+DAKA,oCAIA,iGAKA,0FAIA,2JAMA,yJAMA,8CAIA,wCAIA,4MAUA,yGAIA,+IAIA,+HASA,0CAIA,gMAKA,oKAIA,2HAKA,gJAIA,mJCtGA,oGAOA,uEAMA,sFAIA,sHAIA,qHAIA,8LCzBA,mHAQA,kGAMA,wEAIA,kHAQA,gHAIA,wEAIA,yCAIA,wCAIA,qDC1CA,wDAKA,4DAIA,qCAIA,4IAMA,2CCnBA,2QAYA,sHAQA,wCAIA,6CAKA,2DC7BA,sSAaA,yEAMA,6DAIA,6CCvBA,iFAKA,qKAUA,iDASA,mJAMA,mFC9BA,0NAWA,2GAIA,wGAIA,iXAaA,iCAIA,geAkBA,8DAKA,6IAIA,iEACE,2IChEF,maAiBA,6LAKA,oMAKA,ofAqBA,0EAMA,iFASA,kDACE,sEChEF,0HCAA,qCAKA,iTAMA,mCAIA,qLAMA,wEAIA,kCCzBA,kNAYA,uEAOA,wKAMA,gFCJA,oGASA,+CAKA,iDAWA,kFAIA,qEAMA"}